diff options
author | thlo <t.lohmar@gmx.de> | 2013-09-14 18:14:06 +0200 |
---|---|---|
committer | thlo <t.lohmar@gmx.de> | 2013-09-14 18:14:06 +0200 |
commit | 230591c0f2f0398e444d8fb7642b518e55cf663e (patch) | |
tree | d70251bea75c8985738568e36b086595a7f76fd4 /smarttv-client/Javascript/Helpbar.js | |
parent | 971c1891c0f02e98859956ed8ef821cc5e53eed0 (diff) | |
download | vdr-plugin-smarttvweb-230591c0f2f0398e444d8fb7642b518e55cf663e.tar.gz vdr-plugin-smarttvweb-230591c0f2f0398e444d8fb7642b518e55cf663e.tar.bz2 |
Show Key Bindings (help overlay) when pressing the tools key.
Timer Activation and Deactivation.
Verbose start for debugging.
Scrolling popup for Debugging.
ImageViewer improvements.
Diffstat (limited to 'smarttv-client/Javascript/Helpbar.js')
-rw-r--r-- | smarttv-client/Javascript/Helpbar.js | 192 |
1 files changed, 191 insertions, 1 deletions
diff --git a/smarttv-client/Javascript/Helpbar.js b/smarttv-client/Javascript/Helpbar.js index 7511e09..ccff0f9 100644 --- a/smarttv-client/Javascript/Helpbar.js +++ b/smarttv-client/Javascript/Helpbar.js @@ -4,6 +4,10 @@ var Helpbar = { Helpbar.init = function () {
if (this.isInited == false) {
+ this.helpbarOlHandler = new OverlayHandler("HelpbarHndl");
+ this.helpbarOlHandler.init(Helpbar.showHelpbarOverlay, Helpbar.hideHelpbarOverlay);
+ this.helpbarOlHandler.olDelay = 5000;
+
Helpbar.createHelpbar();
Helpbar.hide();
Helpbar.hideOptSrv();
@@ -72,4 +76,190 @@ Helpbar.addItem = function(url, msg, row) { $("<td>").append($("<img>", { src: url})).appendTo(row);
$("<td>").append($("<p>", { text: msg})).appendTo(row);
-};
\ No newline at end of file +};
+
+//--------------------------------------------------------
+
+Helpbar.showHelpbar = function () {
+ Main.log ("Helpbar.showHelpbar");
+ this.helpbarOlHandler.show();
+};
+
+Helpbar.showHelpbarOverlay = function() {
+
+ $("<div>", {id:"helpbarOverlay", class: "style_hbOverlay"}).appendTo ($("body"));
+ $("#helpbarOverlay").append($("<div>", {text: "RC Keys", style : "padding-left : 5px; padding-right: 5px;"}));
+
+
+ switch (Main.state) {
+ case Main.eMAIN:
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_lr.png", "Page Up / Down"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_enter.png", "Tune in / Select Group"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_back.png", "Exit"));
+
+ break;
+ case Main.eLIVE:
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_0_9.png", "Direct Channel Access"));
+
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_ud.png", "Change Channel"));
+// $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_ff_rw.png", "Trickplay (if supported)"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_enter.png", "Show Progress"));
+
+
+
+ if(Player.getState() == Player.STOPPED) {
+ // Menu Key
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_enter.png", "Tune in / Select Group"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_back.png", "Group Up / Exit"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_lr.png", "Page Up / Down"));
+
+ }
+ else {
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_rec.png", "Start Recording"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_pause.png", "Pause (Experimental)"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_green.png", "3D"));
+// $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_yellow.png", "Next Subtitle"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_blue.png", "Next Audio Track"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_size.png", "Change Picture Size"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_info.png", "Recording Info"));
+ };
+
+ break;
+ case Main.eREC:
+ if(Player.getState() == Player.STOPPED) {
+ // Menu Key
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_ud.png", "Cursor up / down"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_lr.png", "Page Up / Down"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_enter.png", "Start Playback / Select Folder"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_back.png", "Folder Up / Exit"));
+
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_red.png", "Recording Commands Menu"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_blue.png", "Change Sorting [by date, ...]"));
+ }
+ else {
+ // while playing
+ var num_key_text = "";
+ switch (Config.playKeyBehavior) {
+ case 1:
+ num_key_text = "<Num> * 1min";
+ break;
+ default:
+ num_key_text = "<Num>/10 * RecDuration";
+ break;
+ }
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_0_9.png", num_key_text)); // depends on config
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_lr.png", "Skip"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_ud.png", "Change Skip Duration"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_ff_rw.png", "Trickplay (if supported)"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_enter.png", "Show Progress"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_pause.png", "Pause / Play"));
+
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_size.png", "Change Picture Size"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_info.png", "Recording Info"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_green.png", "3D"));
+// $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_yellow.png", "Next Subtitle"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_blue.png", "Next Audio Track"));
+ };
+
+ break;
+ case Main.eMED:
+ if(Player.getState() == Player.STOPPED) {
+ if (ImgViewer.isActive == true) {
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_lr.png", "Next / Prev Image"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_yellow.png", "Delete Image"));
+ }
+ else {
+ // Menu Key
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_ud.png", "Cursor up / down"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_lr.png", "Page Up / Down"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_enter.png", "Start Playback / Select Folder"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_back.png", "Folder Up / Exit"));
+
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_red.png", "Recording Commands Menu"));
+// $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_blue.png", "Change Sorting [by date, ...]"));
+ } // else
+ }
+ else {
+ // while playing
+ var num_key_text = "";
+ switch (Config.playKeyBehavior) {
+ case 1:
+ num_key_text = "<Num> * 1min";
+ break;
+ default:
+ num_key_text = "<Num>/10 * RecDuration";
+ break;
+ }
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_0_9.png", num_key_text)); // depends on config
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_lr.png", "Skip"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_ud.png", "Change Skip Duration"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_ff_rw.png", "Trickplay (if supported)"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_enter.png", "Show Progress"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_pause.png", "Pause / Play"));
+
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_size.png", "Change Picture Size"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_info.png", "Recording Info"));
+
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_green.png", "3D"));
+// $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_yellow.png", "Next Subtitle"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_blue.png", "Next Audio Track"));
+ };
+
+ break;
+ case Main.eTMR:
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_red.png", "Toggle Activation"));
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_yellow.png", "Delete Timer"));
+ break;
+ case Main.eURLS:
+ $("#helpbarOverlay").append(Helpbar.createRow("Images/helpbar/help_yellow.png", "Delete Entry"));
+ break;
+ case Main.eSRVR:
+ break;
+ case Main.eOPT:
+ break;
+ default:
+ break;
+ }
+
+ var p_width = $("body").outerWidth();
+ var p_height = $("body").outerHeight();
+
+
+ Helpbar.maxWidth = 0;
+ // I also need to find the max of the r_elms
+ $("#helpbarOverlay").find('img').each(function () {
+ if ($(this).outerWidth() > Helpbar.maxWidth)
+ Helpbar.maxWidth = $(this).outerWidth();
+ });
+ Helpbar.maxRElmWidth = 0;
+ $("#helpbarOverlay").find('.style_hbOverlayRElm').each(function () {
+ if ($(this).outerWidth() > Helpbar.maxRElmWidth)
+ Helpbar.maxRElmWidth = $(this).outerWidth();
+ });
+
+ $(".style_hbOverlayLElm").css ('width', Helpbar.maxWidth+10+"px");
+ $(".style_hbOverlayRow").css ('width', Helpbar.maxRElmWidth+Helpbar.maxWidth+40+"px");
+
+ $("#helpbarOverlay").css({"left": ((p_width - $("#helpbarOverlay").outerWidth()) -40) +"px",
+ "top": ((p_height - $("#helpbarOverlay").outerHeight()) /2) +"px"});
+
+};
+
+Helpbar.createRow = function (url, msg) {
+ var row = $("<div>", {class : "style_hbOverlayRow"});
+
+ var l_elm = $("<div>", {style : "display: inline-block;", class : "style_hbOverlayLElm"});
+ var r_elm = $("<div>", {style : "display: inline-block;", class : "style_hbOverlayRElm"});
+
+ l_elm.append($("<img>", { src: url}));
+ r_elm.append($("<div>", { text: msg}));
+
+ row.append(l_elm);
+ row.append(r_elm);
+
+ return row;
+};
+
+Helpbar.hideHelpbarOverlay = function() {
+ $("#helpbarOverlay").remove();
+};
|