From f92e97207c9f6fc740bf4960049758a5a36d6898 Mon Sep 17 00:00:00 2001
From: thlo <t.lohmar@gmx.de>
Date: Sun, 13 Jan 2013 21:28:52 +0100
Subject: Various changes: Folder Support for Live, Spinner, Keyboard, etc

---
 smarttv-client/Javascript/Options.js | 367 ++++++++++++++++++++++++++++++-----
 1 file changed, 315 insertions(+), 52 deletions(-)

(limited to 'smarttv-client/Javascript/Options.js')

diff --git a/smarttv-client/Javascript/Options.js b/smarttv-client/Javascript/Options.js
index d066c00..06d9ad0 100755
--- a/smarttv-client/Javascript/Options.js
+++ b/smarttv-client/Javascript/Options.js
@@ -1,83 +1,346 @@
 var Options = {
-	imeBox : null
+	imeBox : null,
+	inputElm : "widgetServerAddr",
+	jqInputElm : "#widgetServerAddr",
+	cursor : "_",
+	cursorPos : 0,
+	isCreated : false	
+
 };
 
 Options.init = function() {
-	_g_ime.Recog_use_YN = false;
-	_g_ime.keySet = '12key';
+	if (this.isCreated == true)
+		return;
 
-	this.imeBox = new IMEShell("widgetServerAddr", Options.onImeCreated, 'de');
-};
+	this.isCreated = true;
 
-Options.onComplete = function () {
-	Main.log("Completed");
-};
+	document.getElementById(Options.inputElm).value = Config.serverAddrDefault;
+	Options.cursorPos = Config.serverAddrDefault.length;
+	
+	Options.createKeypad ();
+	$("#optionsScreen").hide();
 
-Options.onEnter = function () {
-	Main.log("Enter: " + document.getElementById("widgetServerAddr").value );
+	document.getElementById(Options.inputElm).style.color="black";
+};
 
-	Config.updateContext(document.getElementById("widgetServerAddr").value);
+Options.show = function() {
+//	document.getElementById("optionsScreen").style.display="block";
+	$("#optionsScreen").show();
 	
+	if (Config.firstLaunch == true)
+		document.getElementById(Options.inputElm).value = Config.serverAddrDefault ;
+	else
+		document.getElementById(Options.inputElm).value = Config.serverAddr;
 
-	document.getElementById('widgetServerAddr').blur();
-
-	document.getElementById("optionsScreen").style.display="none";
+	Options.cursorPos = document.getElementById(Options.inputElm).value.length;
 
-	if (Config.firstLaunch == true)
-		Main.state = 1;
-	Main.changeState(0);
-	
-	Config.fetchConfig();
-	if(_g_ime.pluginMouse_use_YN){
-		this.imeBox._blur();
-	};
+	$(this.jqInputElm).focus();
+//	document.getElementById(Options.inputElm).focus();
 
-	//	Main.enableKeys();
+	Helpbar.init();
+	Helpbar.show();
 };
 
-Options.onBlue = function () {
-	var val = document.getElementById("widgetServerAddr").value + ".";
-	Options.imeBox.setString(val);
+Options.hide = function() {
+	$("#optionsScreen").hide();
+//	document.getElementById("optionsScreen").style.display="none";
+	Helpbar.hide();
+	Main.enableKeys();
 };
 
-Options.onImeCreated = function(obj) {
-//	_g_ime.keySet ("12key");
-//	obj.setKeySetFunc('12key');
-	Main.logToServer ("Options.onImeCreated()");
 
-	Main.logToServer ("[IME] ============================================ imeobj.IsSupportXT9:"+obj.IsSupportXT9);
-	var strKeySet = obj.getKeySet();
-	Main.logToServer ("[IME] ============================================ strKeySet:"+strKeySet);
+Options.createKeypad = function () {
+	var sheet = $("<style>");
+	sheet.attr({type : 'text/css',
+		innerHTML : '\
+		.ui-btn {width:70px; height: 48px; display:inline-block, font-size:20px;background:url("Images/keypad/kp-button.png");}\
+		.ui-btn-pressed {width:70px; height: 48px; display:inline-blockfont-size:20px;background:url("Images/keypad/kp-button-inv.png");}\
+		.ui-keypad {left:650px; top:135px; width: 220px; text-align:center; border-width:1px; background: #1e5799; border-style:solid;\
+		}'});
+	$('body').append(sheet);
 
-	
-	obj.setKeyFunc(tvKey.KEY_RETURN, function(keyCode) { widgetAPI.sendReturnEvent(); return false; } );
-	obj.setKeyFunc(tvKey.KEY_EXIT, function(keyCode) { widgetAPI.sendExitEvent(); return false; } );
+/*	var domNode = $('<div>');
+	domNode.attr({id : 'ime_keypad',
+		innerHTML : '<table class="ui-keypad">  \
+		<tr><td><button id="kb-btn-1" class="ui-btn">1</button></td><td><button id="kb-btn-2" class="ui-btn">2</button></td><td><button id="kb-btn-3" class="ui-btn">3</button></td></tr>\
+		<tr><td><button id="kb-btn-4" class="ui-btn">4</button></td><td><button id="kb-btn-5" class="ui-btn">5</button></td><td><button id="kb-btn-6" class="ui-btn">6</button></td></tr>\
+		<tr><td><button id="kb-btn-7" class="ui-btn">7</button></td><td><button id="kb-btn-8" class="ui-btn">8</button></td><td><button id="kb-btn-9" class="ui-btn">9</button></td></tr>\
+		<tr><td><button id="kb-btn-dot" class="ui-btn">.</button></td><td><button id="kb-btn-0" class="ui-btn">0</button></td><td><button id="kb-btn-col" class="ui-btn">:</button></td></tr>\
+		</table>'});
+*/
+	var domNode = $('<div>', { id: "ime_keypad", class: "ui-keypad"});
+	var row = $('<div>');
+	$("<button>", {id : "kb-btn-1", text: "1", class: "ui-btn"}).appendTo(row);
+	$("<button>", {id : "kb-btn-2", text: "2", class: "ui-btn"}).appendTo(row);
+	$("<button>", {id : "kb-btn-3", text: "3", class: "ui-btn"}).appendTo(row);
+	row.appendTo(domNode);
+
+	row = $('<div>');
+	$("<button>", {id : "kb-btn-4", text: "4", class: "ui-btn"}).appendTo(row);
+	$("<button>", {id : "kb-btn-5", text: "5", class: "ui-btn"}).appendTo(row);
+	$("<button>", {id : "kb-btn-6", text: "6", class: "ui-btn"}).appendTo(row);
+	row.appendTo(domNode);
 
-	obj.setKeypadPos(650, 135);
-	obj.setWordBoxPos(18, 6);
-	obj.setKeyFunc(tvKey.KEY_BLUE, Options.onBlue);
+	row = $('<div>');
+	$("<button>", {id : "kb-btn-7", text: "7", class: "ui-btn"}).appendTo(row);
+	$("<button>", {id : "kb-btn-8", text: "8", class: "ui-btn"}).appendTo(row);
+	$("<button>", {id : "kb-btn-9", text: "9", class: "ui-btn"}).appendTo(row);
+	row.appendTo(domNode);
+
+	row = $('<div>');
+	$("<button>", {id : "kb-btn-dot", text: ".", class: "ui-btn"}).appendTo(row);
+	$("<button>", {id : "kb-btn-0", text: "0", class: "ui-btn"}).appendTo(row);
+	$("<button>", {id : "kb-btn-col", text: ":", class: "ui-btn"}).appendTo(row);
+	row.appendTo(domNode);
+
+	$("#optionsScreen").append(domNode);
+};
 
-	obj.setString(Config.serverAddrDefault);
-	obj.setEnterFunc(Options.onEnter);
+Options.setCursor = function (pos) {
+	document.getElementById(Options.inputElm).setSelectionRange(pos, pos);
+};
 
-	if (obj.setMode("_num") == false) {
-		Main.logToServer("obj.setMode(\"_num\") returns false"); 
+Options.insertChar = function(char) {
+	var txt = document.getElementById(Options.inputElm).value;
+	var res = "";
+	if (Options.cursorPos == 0) {
+		res = char;
+//		document.getElementById(Options.inputElm).value = char + Options.cursor;
+	}
+	else {
+		if (Options.cursorPos == txt.length) {
+			res = txt + char;			
+		}
+		else {
+			res = txt.slice(0, Options.cursorPos) + char + txt.slice(Options.cursorPos);	
+//			document.getElementById(Options.inputElm).value = txt.slice(0, Options.cursorPos) + char + txt.slice(Options.cursorPos);			
+		}
 	}
+	document.getElementById(Options.inputElm).value = res;
+	Options.cursorPos = Options.cursorPos +1;
+	Options.setCursor(Options.cursorPos);
+
+};
+
+Options.deleteAll = function () {
+	document.getElementById(Options.inputElm).value = '';
+	Options.cursorPos = 0;
+	Options.setCursor(Options.cursorPos);
+//	document.getElementById(Options.inputElm).value = "" +Options.cursor;
+};
+
+Options.deleteChar = function() {
+	var txt = document.getElementById(Options.inputElm).value;
+	alert("Options.cursorPos= " +Options.cursorPos);
+	alert("txt.length= " +txt.length);
+	document.getElementById(Options.inputElm).value = txt.slice(0, (Options.cursorPos-1))  + txt.slice(Options.cursorPos);
+	Options.cursorPos = Options.cursorPos -1;
+	Options.setCursor(Options.cursorPos);
+};
 
-	Options.imeBox.setOnCompleteFunc(Options.onComplete);
 
-	if(_g_ime.pluginMouse_use_YN){
-		obj._focus();
-	};
-	document.getElementById('widgetServerAddr').focus();
-	Main.logToServer ("Options.onReady()");
-	Main.logToServer ("KeySet= " + Options.imeBox.getKeySet());
+Options.moveCursorLeft = function() {
+	if (Options.cursorPos == 0)
+		return;
+	Options.cursorPos = Options.cursorPos -1;
+	Options.setCursor(Options.cursorPos);
+//	document.getElementById(Options.inputElm).setSelectionRange(Options.cursorPos, Options.cursorPos);
+	/*
+	if (Options.cursorPos == 0)
+		return;
+	var txt = document.getElementById(Options.inputElm).value;
+	var tgt = txt.slice(0, (Options.cursorPos-1)) + Options.cursor +txt.slice((Options.cursorPos-1), Options.cursorPos) + txt.slice(Options.cursorPos+1);
 	
-	Options.onReady ();
+	document.getElementById(Options.inputElm).value = tgt;
+	Options.cursorPos = Options.cursorPos -1;
+	*/
 };
 
-Options.onReady = function () {
+Options.moveCursorRight = function() {
+	if (Options.cursorPos == document.getElementById(Options.inputElm).value.length)
+		return;
+	Options.cursorPos = Options.cursorPos +1;
+//	document.getElementById(Options.inputElm).setSelectionRange(Options.cursorPos, Options.cursorPos);
+	Options.setCursor(Options.cursorPos);
+
+
+	/*
+	var txt = document.getElementById(Options.inputElm).value;
+	if (Options.cursorPos == txt.length-1)
+		return;
+	
+	var tgt = txt.slice(0, Options.cursorPos) +txt.slice((Options.cursorPos+1), (Options.cursorPos+2)) + Options.cursor + txt.slice(Options.cursorPos+2);
 	
+	document.getElementById(Options.inputElm).value = tgt;
+	Options.cursorPos = Options.cursorPos +1;
+	*/
 };
 
 
+Options.onInput = function () {
+    var keyCode = event.keyCode;
+
+    switch(keyCode) {
+        case tvKey.KEY_1:
+        	Main.log("KEY_1 pressed");
+        	Options.insertChar("1");
+
+        	$("#kb-btn-1").removeClass('ui-btn').addClass('ui-btn-pressed');
+        	setTimeout(function() {
+        		$("#kb-btn-1").removeClass('ui-btn-pressed').addClass('ui-btn');
+        	}, 80);
+        	
+        	break;
+        case tvKey.KEY_2:
+        	Main.log("KEY_2 pressed");
+        	Options.insertChar("2");
+        	$("#kb-btn-2").removeClass('ui-btn').addClass('ui-btn-pressed');
+        	setTimeout(function() {
+        		$("#kb-btn-2").removeClass('ui-btn-pressed').addClass('ui-btn');
+        	}, 80);
+        	
+        	break;
+        case tvKey.KEY_3:
+        	Main.log("KEY_3 pressed");
+        	Options.insertChar("3");
+
+        	$("#kb-btn-3").removeClass('ui-btn').addClass('ui-btn-pressed');
+        	setTimeout(function() {
+        		$("#kb-btn-3").removeClass('ui-btn-pressed').addClass('ui-btn');
+        	}, 80);
+        	break;
+        case tvKey.KEY_4:
+        	Main.log("KEY_4 pressed");
+        	Options.insertChar("4");
+
+        	document.getElementById("kb-btn-4").click();
+
+        	$("#kb-btn-4").removeClass('ui-btn').addClass('ui-btn-pressed');
+        	setTimeout(function() {
+        		$("#kb-btn-4").removeClass('ui-btn-pressed').addClass('ui-btn');
+        	}, 80);
+
+        	break;
+        case tvKey.KEY_5:
+        	Main.log("KEY_5 pressed");
+        	Options.insertChar("5");
+
+        	$("#kb-btn-5").removeClass('ui-btn').addClass('ui-btn-pressed');
+        	setTimeout(function() {
+        		$("#kb-btn-5").removeClass('ui-btn-pressed').addClass('ui-btn');
+        	}, 80);
+
+        	break;
+        case tvKey.KEY_6:
+        	Main.log("KEY_6 pressed");
+        	Options.insertChar("6");
+
+        	$("#kb-btn-6").removeClass('ui-btn').addClass('ui-btn-pressed');
+        	setTimeout(function() {
+        		$("#kb-btn-6").removeClass('ui-btn-pressed').addClass('ui-btn');
+        	}, 80);
+
+        	break;
+        case tvKey.KEY_7:
+        	Main.log("KEY_7 pressed");
+        	Options.insertChar("7");
+
+        	$("#kb-btn-7").removeClass('ui-btn').addClass('ui-btn-pressed');
+        	setTimeout(function() {
+        		$("#kb-btn-7").removeClass('ui-btn-pressed').addClass('ui-btn');
+        	}, 80);
+
+        	break;
+        case tvKey.KEY_8:
+        	Main.log("KEY_8 pressed");
+        	Options.insertChar("8");
+        	$("#kb-btn-8").removeClass('ui-btn').addClass('ui-btn-pressed');
+        	setTimeout(function() {
+        		$("#kb-btn-8").removeClass('ui-btn-pressed').addClass('ui-btn');
+        	}, 80);
+
+        	break;
+        case tvKey.KEY_9:
+        	Main.log("KEY_9 pressed");
+        	Options.insertChar("9");
+
+        	$("#kb-btn-9").removeClass('ui-btn').addClass('ui-btn-pressed');
+        	setTimeout(function() {
+        		$("#kb-btn-9").removeClass('ui-btn-pressed').addClass('ui-btn');
+        	}, 80);
+
+        	break;
+        case tvKey.KEY_0:
+        	Main.log("KEY_0 pressed");
+        	Options.insertChar("0");
+        	$("#kb-btn-0").removeClass('ui-btn').addClass('ui-btn-pressed');
+        	setTimeout(function() {
+        		$("#kb-btn-0").removeClass('ui-btn-pressed').addClass('ui-btn');
+        	}, 80);
+
+        	break;
+        case tvKey.KEY_LEFT:
+        	Options.moveCursorLeft();
+        	break;
+        case tvKey.KEY_RIGHT:
+        	Options.moveCursorRight();
+        	break;
+
+        case tvKey.KEY_RETURN:
+        	Main.log("Return pressed");
+        	Options.hide();
+        	Main.changeState(0);
+    		widgetAPI.blockNavigation(event);
+
+        	break;
+        case tvKey.KEY_ENTER:
+        	// Done
+//        	Options.cursorPos = Options.cursorPos +1;
+//        	Options.deleteChar(); //
+        	Main.log("Enter pressed -> Done Val= ("+ document.getElementById(Options.inputElm).value+")");
+        	
+        	Config.updateContext(document.getElementById(Options.inputElm).value); 
+        	if (Config.firstLaunch == true) 
+        		Main.state = 1;        		
+
+        	Main.enableKeys();
+        	Options.hide();
+        	Main.changeState(0);
+        	
+        	Config.fetchConfig();
+
+        	break;
+        case tvKey.KEY_RED:
+        	// Clear All
+        	Main.log("Red pressed");
+        	Options.deleteAll();
+        	break;
+
+        case tvKey.KEY_GREEN:
+        	// Clear Char
+        	Main.log("Green pressed");
+        	Options.deleteChar();
+        	break;
+
+        case tvKey.KEY_TTX_MIX:
+        case tvKey.KEY_YELLOW:
+        	// Dot
+        	Main.log("Yellow pressed");
+
+        	Options.insertChar(".");
+        	break;
+
+        case tvKey.KEY_PRECH:
+        case tvKey.KEY_BLUE:
+        	Main.log("Blue pressed");
+        	// Colon
+        	Options.insertChar(":");
+        	break;
+    }
+	widgetAPI.blockNavigation(event);
+
+};
+
+
+
+
-- 
cgit v1.2.3