+ Spin & Toggle menu demo start

core/toggle_menu_view.js

@@ -42,7 +42,8 @@ ToggleMenuView.prototype.redraw = function() {
 	assert(this.items.length === 2);
 	for(var i = 0; i < 2; i++) {
 		var item = this.items[i];
-		var text = strUtil.stylizeString(item.text, i === this.focusedItemIndex ? this.focusTextStyle : this.textStyle);
+		var text = strUtil.stylizeString(
+			item.text, i === this.focusedItemIndex && this.hasFocus ? this.focusTextStyle : this.textStyle);
 		
 		if(1 === i) {
 			this.client.term.write(this.getANSIColor(this.getColor()) + ' / ');	//	:TODO: We need a color for this!!!
@@ -51,7 +52,7 @@ ToggleMenuView.prototype.redraw = function() {
 		this.client.term.write(this.getANSIColor(i === this.focusedItemIndex ? this.getFocusColor() : this.getColor()));
 		this.client.term.write(text);
 	}
-}
+};
 
 ToggleMenuView.prototype.setFocus = function(focused) {
 	ToggleMenuView.super_.prototype.setFocus.call(this, focused);
@@ -73,7 +74,7 @@ ToggleMenuView.prototype.onKeyPress = function(key, isSpecial) {
 	}
 
 	ToggleMenuView.super_.prototype.onKeyPress.call(this, key, isSpecial);
-}
+};
 
 ToggleMenuView.prototype.onSpecialKeyPress = function(keyName) {
 
@@ -94,7 +95,7 @@ ToggleMenuView.prototype.onSpecialKeyPress = function(keyName) {
 	this.updateSelection();
 
 	ToggleMenuView.super_.prototype.onSpecialKeyPress.call(this, keyName);
-}
+};
 
 ToggleMenuView.prototype.getData = function() {
 	return this.focusedItemIndex;
@@ -105,5 +106,5 @@ ToggleMenuView.prototype.setItems = function(items) {
 
 	this.items = this.items.splice(0, 2);	//	switch/toggle only works with two elements
 
-	this.dimens.width = this.items.join(' / ').length;	//	:TODO: allow configurable seperator
-}
+	this.dimens.width = this.items.join(' / ').length;	//	:TODO: allow configurable seperator... string & color, e.g. styleColor1 (same as fillChar color)
+};

mods/menu.json

@@ -197,6 +197,10 @@
 							{
 								"value" : { "1" : 0 },
 								"action" : "@menu:demoEditTextView"
+							},
+							{
+								"value" : { "1" : 1 },
+								"action" : "@menu:demoSpinAndToggleView"
 							}
 						]
 					}
@@ -247,6 +251,39 @@
 				}
 			}
 		}
+	},
+	"demoSpinAndToggleView" : {
+		"art" : "demo_spin_and_toggle.ans",
+		"options" : { "cls" : true },
+		"form" : {
+			"0" : {
+				"BT8SM1SM2TM3" : {
+					"mci" : {
+						"SM1" : {
+							"items" : [ "Henry Morgan", "François l'Ollonais", "Roche Braziliano", "Black Bart", "Blackbeard" ]
+						},
+						"SM2" : {
+							"items" : [ "Razor 1911", "DrinkOrDie", "TRSI" ]
+						},
+						"TM3" : {
+							"items" : [ "Yarly", "Nowaii" ]
+						},
+						"BT8" : {
+							"text" : "< Back",
+							"submit" : [ "esc" ]
+						}
+					},
+					"submit" : {
+						"*" : [
+							{
+								"value" : 8,
+								"action" : "@menu:demoMain"
+							}
+						]
+					}
+				}
+			}
+		}
 	}
 	/*
 	:TODO: conceptual simplified menus -- actions/etc. without forms