Timer menu entry, which gives an overview of the timers and allows

deletion of timers.
widget.conf configurable InfoOverlay timeout (new widget.conf entry
<infoTimeout>)
YouTube entry becomes optional. Add <youtubemenu>true</youtubemenu>  to
your widget.conf
Improved server error feedback through widget GUI
Bug Fixes.

1 files changed, 270 insertions, 45 deletions

diff --git a/smarttv-client/Javascript/Timers.js b/smarttv-client/Javascript/Timers.js
index c7110c7..29db55c 100644
--- a/smarttv-client/Javascript/Timers.js
+++ b/smarttv-client/Javascript/Timers.js
@@ -1,64 +1,289 @@
 var Timers = {

-	haveRapi : false,

-	timerList : {}

+	timerList : [],

+	scrollDur : 300,

+	scrollFlip : 100

+

 };

 

 Timers.init = function() {

-	var url = "http://192.168.1.122:8002/info.xml";

+	/*

+	div with scrolling property

+	defualt: left ad right half

+	Line has "RecOngoing" "Channel" "Start" "Stop" "Title"

+	*/

+

+	this.btnSelected = 0;

+	this.scrolling = false;

+	

+	var elem = document.getElementById('timerScreen-anchor');

+	elem.setAttribute('onkeydown', 'Timers.onInput();');

+

+	$("#timerScreen").hide();	

+};

+

+Timers.show = function() {

+	Main.log("Timers.show");

+	$("#timerScreen").show();

+	this.btnSelected = 0;

+

+	Timers.focus();

+	Timers.readTimers();

+//	Timers.debug();

+};

+

+Timers.focus = function () {

+	Main.log("Timers.focus");

+

+	$("#timerScreen-anchor").focus();

+};

+

+Timers.debug = function () {

+	for (var i = 0; i < 20; i++) {

+		Timers.timerList.push( {title: "Timer One two three VZGTTTTTTGFDDD GHGZG"+i, isSingleEvent: true, printday:"", weekdays:0,

+			day: 0, start:2015, stop:2013, starttime: 0, stoptime: 0, channelid: "", channelname : "Hello Channel", flags: 0,

+			index: i, isrec: false, eventid: 0 });

+

+	}

+	Timers.createMenu();	

+};

+

+Timers.hide = function() {

+

+	$("#timerScreen").hide();	

+	Main.changeState(Main.eMAIN);

+	Main.enableKeys();

+

+	Timers.timerList = [];

+	$("#timerTable").remove();

+

+};

+

+Timers.insertColon = function (t) {

+// insert the collon before the last two digits

+	var len = t.length;

+

+	var o = t;

+	if (len >= 2) {

+		o = t.substr(0, (len-2)) + ":" + t.substr(len-2);

+		switch (o.length) {

+			case 3:

+				o = "00" +o;

+				break;

+			case 4:

+				o = "0" + o;

+				break;

+		};

+	}

+	return o;

+};

+

+Timers.readTimers = function () {

+	var url = Config.serverUrl + "/timers.xml";

 	$.ajax({

 		url: url,

 		type : "GET",

 		success : function(data, status, XHR ) {

-			Timers.haveRapi = true;

 			Main.log ("Timers: Got response");

-			Timers.readTimers();

-

+			$(data).find("timer").each(function () {

+				var title = $(this).find('file').text();

+				var isSingleEvent = ($(data).find('issingleevent').text() == "true") ? true : false;

+				

+				var printday = $(this).find('printday').text();

+				var weekdays = parseInt($(this).find('weekdays').text());

+				var day = parseInt($(this).find('day').text());

+				var start = $(this).find('start').text();

+				var stop = $(this).find('stop').text();

+				var starttime = parseInt($(this).find('starttime').text());

+				var stoptime = parseInt($(this).find('stoptime').text());

+				var channelid = $(this).find('channelid').text();

+				var channelname = $(this).find('channelname').text();				

+				var flags = parseInt($(this).find('flags').text());

+				var index = parseInt($(this).find('index').text());

+				var isrec = ($(this).find('isrec').text() == "true") ? true: false;

+				var eventid = parseInt($(this).find('eventid').text());

+				

+				Timers.timerList.push( {title: title, isSingleEvent: isSingleEvent, printday:printday, weekdays:weekdays,

+					day: day, start: Timers.insertColon(start), stop: Timers.insertColon(stop), starttime: starttime, stoptime: stoptime, channelid: channelid, channelname : channelname,

+					flags: flags, index: index, isrec: isrec, eventid: eventid });

+			});

+			

+			Timers.createMenu();

 		},

 		error : function (jqXHR, status, error) {

-			Timers.haveRapi = false;

-			Main.log ("Timers: Not found!!!");

+			Main.logToServer ("Timers: Not found!!!");

 		}

-		});		

+		});			

 };

 

-Timers.readTimers = function () {

-	if (Timers.haveRapi == false) {

-		Main.log ("Timers.readTimers: no restful API!!!");

-		return;

+Timers.createMenu= function () {	

+	var p_width = $("body").outerWidth();

+	var p_height = $("body").outerHeight();

+

+	var table = $("<div>", {id : "timerTable", style :"overflow-y: scroll;margin-top:3px;margin-bottom:3px;height:100%;"});

+	$("#timerView").append(table);

+	

+	$("#timerScreen").show();

+	for (var i = 0; i < Timers.timerList.length; i++) {

+		Main.log("Timers: " + Timers.timerList[i].title);

+		table.append(Timers.createEntry(i, $("#timerTable").width()));

+	}

+

+	this.btnSelected = 0;

+	$("#tmr-0").removeClass('style_menuItem').addClass('style_menuItemSelected'); 

+	

+

+};

+

+Timers.createEntry= function (i, w) {

+	Main.log("width= " +w);

+	var row = $("<div>", {id: "tmr-"+i, class : "style_menuItem", style : "text-align:left;overflow-x: hidden;white-space : nowrap;"}); //, style : "text-overflow: ellipsis;white-space : nowrap;" 

+

+//	row.append($("<div>", {class : ((Timers.timerList[i].isrec ==true) ? "style_timerRec" : ""), style : "display: inline-block;"}));

+	row.append($("<div>", {class : ((Timers.timerList[i].isrec ==true) ? "style_timerRec" : "style_timerNone"), style : "display: inline-block;"})); // 

+	row.append($("<div>", {text : Timers.timerList[i].channelname, style : "padding-left:5px;width:12%; display: inline-block;", class : "style_overflow"}));

+	row.append($("<div>", {text : Timers.timerList[i].start, style : "padding-left:5px; width:9%; display: inline-block;", class : "style_overflow"}));

+	row.append($("<div>", {text : Timers.timerList[i].stop, style : "padding-left:5px; width:9%; display: inline-block;", class : "style_overflow"}));	

+	row.append($("<div>", {text : Timers.timerList[i].title, style : "padding-left:5px; width:68%;display: inline-block;", class : "style_overflow"}));

+	

+	return row;

+};

+

+Timers.resetBtns = function () {

+	this.btnSelected = 0;

+	for (var i =0; i <= Timers.timerList.length; i++) {

+		$("#tmr-" + i).removeClass('style_menuItemSelected').addClass('style_menuItem'); 

 	}

-	var url = "http://192.168.1.122:8002/timers.xml";

+	$("#tmr-0").removeClass('style_menuItem').addClass('style_menuItemSelected'); 

+};

+

+Timers.resetView = function () {

+	Timers.timerList = [];

+	$("#timerTable").remove();

+	

+	Timers.readTimers();

+	

+

+};

+

+Timers.deleteTimer = function () {

+// delete the current timer

+	Main.log("****** Delete Timer: " + Timers.timerList[this.btnSelected].title);

+	

+	var del_req = new DeleteTimerReq (Timers.timerList[this.btnSelected].index);

+//	var del_req = new DeleteTimerReq (10);

+

+}

+

+Timers.selectBtnUp = function () {

+	var btnname = "#tmr-"+this.btnSelected;

+	Main.log( "Timers-BtnUp: Old: " +this.btnSelected + " btn= "+btnname);

+	$(btnname).removeClass('style_menuItemSelected').addClass('style_menuItem'); 

+	if (this.btnSelected == 0) {

+		this.btnSelected = (Timers.timerList.length-1);

+		$("#timerTable").animate ({scrollTop: $("#tmr-" + this.btnSelected).position().top}, this.scrollFlip);

+		}

+	else {

+		this.btnSelected--;

+		var pos = $("#tmr-" + this.btnSelected).position().top;

+		Main.log("pos= " + pos + " ovlBodyHeight= " + $("#timerTable").height() + " scrollTop= " + $("#timerTable").scrollTop());

+		if (pos < 0) {

+			$("#timerTable").animate ({scrollTop: $("#timerTable").scrollTop() + pos}, this.scrollDur);

+			Main.log("New scrollTop= " +$("#timerTable").scrollTop() +" new pos= " + $("#tmr-" + this.btnSelected).position().top);

+		}

+		

+	}

+	$("#tmr-" + this.btnSelected).removeClass('style_menuItem').addClass('style_menuItemSelected'); 

+	Main.log("Timers-BtnUp: New: " +this.btnSelected);

+};

+

+Timers.selectBtnDown = function () {

+	var btnname = "#tmr-"+this.btnSelected;

+	$("#tmr-" + this.btnSelected).removeClass('style_menuItemSelected').addClass('style_menuItem'); 

+	Main.log( "Timers-BtnDown: Old: " +this.btnSelected + " btn= "+btnname);

+	if (this.btnSelected == (Timers.timerList.length-1)) {

+		this.btnSelected = 0;

+		$("#timerTable").animate ({scrollTop: 0}, this.scrollFlip);

+	}

+	else {

+		this.btnSelected++;

+		var pos = $("#tmr-" + this.btnSelected).position().top;

+		var height = $("#tmr-" + this.btnSelected).outerHeight() +10;

+		Main.log("pos= " + pos + " height= " + height + " ovlBodyHeight= " + $("#timerTable").height() + " scrollTop= " + $("#timerTable").scrollTop());

+		if ((pos + height) > $("#timerTable").height()) {

+			$("#timerTable").animate ({scrollTop: $("#timerTable").scrollTop() + (pos + height) - $("#timerTable").height()}, this.scrollDur); 

+			Main.log("New scrollTop= " +$("#timerTable").scrollTop() +" new pos= " + $("#tmr-" + this.btnSelected).position().top);

+		}

+				

+	}

+	Main.log( "Timers-BtnDown: New: " +this.btnSelected );

+

+	$("#tmr-" + this.btnSelected).removeClass('style_menuItem').addClass('style_menuItemSelected'); 	

+};

+

+Timers.onInput = function () {

+    var keyCode = event.keyCode;

+	Main.log(" Timers key= " + keyCode);

+    switch(keyCode) {

+		case tvKey.KEY_UP:

+			Main.log("Timers-Select Up");

+			this.selectBtnUp();

+			break;

+		case tvKey.KEY_DOWN:

+			Main.log("Timers-Select Down");

+			this.selectBtnDown();

+		break;

+		case tvKey.KEY_ENTER:

+			Buttons.ynShow();

+//			Timers.hide();

+

+		break;

+		case tvKey.KEY_RETURN:

+		case tvKey.KEY_EXIT:

+			Timers.hide();

+			

+			if (this.returnCallback  != null)

+				this.returnCallback(); 	    	

+			break;

+

+	}

+	try {

+		widgetAPI.blockNavigation(event);

+	}

+	catch (e) {

+	};

+};

+

+

+

+function DeleteTimerReq (idx) {

+	this.index = idx;	

+	this.exec();

+};

+

+DeleteTimerReq.prototype.exec = function () {

+	Main.log("Sending delete request for idx= " + this.index);

 	$.ajax({

-		url: url,

+		url: Config.serverUrl + "/deleteTimer?index=" +this.index,

 		type : "GET",

+		context : this,

 		success : function(data, status, XHR ) {

-			Main.log ("Timers.readTimer: Success");

-			Main.log(" Count= " + $(data).find("count").text());

-			$(data).find("timer").each(function () {

-				Main.log("timer: ");

-				Timers.curItem = {};

-				$(this).find("param").each(function () {

-					Main.log(" + " + $(this).attr("name") + " val= " +$(this).text());

-					Timers.curItem[$(this).attr("name")] = $(this).text();

-				});

-/*				for (var prop in Timers.curItem) {

-					Main.log (" -" + prop + " : " + Timers.curItem[prop]);

-				}

-				*/

-				Main.log("Adding id " +Timers.curItem["id"]);

-				Timers.timerList[Timers.curItem["id"]] = Timers.curItem;

-				Timers.curItem = {};

-			});

-			Main.log("Summary");

-			for (var id in Timers.timerList) {

-				Main.log (id + " : ");

-				for (var prop in Timers.timerList[id]) {

-				Main.log (" - " + prop + " : " + Timers.timerList[id][prop]);

-				}

-

-			}

-		},

-		error : function (jqXHR, status, error) {

-			Main.log ("Timers.readTimer: Failure");

+			Main.logToServer("Timers.deleteTimer: Success" );

+			Main.log("Timers.deleteTimer: Success" );

+

+			Timers.resetView();

+			// remove index from database

+			},

+		error : function (XHR, status, error) {

+			Main.logToServer("Timers.deleteTimer: ERROR "  + XHR.status + ": " + XHR.responseText );

+			Main.log("Timers.deleteTimer: ERROR (" + XHR.status + ": " + XHR.responseText  +")");

+

+			var res = Server.getErrorText(XHR.status, XHR.responseText); 

+//			var res = parseInt(XHR.responseText.slice(0, 3));

+			Main.log("Timers.deleteTimer: res(" + res +") for idx= " + this.index);

+

+			Notify.showNotify( res, true);

+			

 		}

-		});		

-};
\ No newline at end of file
+	});

+

+};