+ Spin & Toggle menu demo start
This commit is contained in:
parent
2c4711a976
commit
39fff7826c
|
@ -42,7 +42,8 @@ ToggleMenuView.prototype.redraw = function() {
|
||||||
assert(this.items.length === 2);
|
assert(this.items.length === 2);
|
||||||
for(var i = 0; i < 2; i++) {
|
for(var i = 0; i < 2; i++) {
|
||||||
var item = this.items[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) {
|
if(1 === i) {
|
||||||
this.client.term.write(this.getANSIColor(this.getColor()) + ' / '); // :TODO: We need a color for this!!!
|
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(this.getANSIColor(i === this.focusedItemIndex ? this.getFocusColor() : this.getColor()));
|
||||||
this.client.term.write(text);
|
this.client.term.write(text);
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
|
||||||
ToggleMenuView.prototype.setFocus = function(focused) {
|
ToggleMenuView.prototype.setFocus = function(focused) {
|
||||||
ToggleMenuView.super_.prototype.setFocus.call(this, 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.super_.prototype.onKeyPress.call(this, key, isSpecial);
|
||||||
}
|
};
|
||||||
|
|
||||||
ToggleMenuView.prototype.onSpecialKeyPress = function(keyName) {
|
ToggleMenuView.prototype.onSpecialKeyPress = function(keyName) {
|
||||||
|
|
||||||
|
@ -94,7 +95,7 @@ ToggleMenuView.prototype.onSpecialKeyPress = function(keyName) {
|
||||||
this.updateSelection();
|
this.updateSelection();
|
||||||
|
|
||||||
ToggleMenuView.super_.prototype.onSpecialKeyPress.call(this, keyName);
|
ToggleMenuView.super_.prototype.onSpecialKeyPress.call(this, keyName);
|
||||||
}
|
};
|
||||||
|
|
||||||
ToggleMenuView.prototype.getData = function() {
|
ToggleMenuView.prototype.getData = function() {
|
||||||
return this.focusedItemIndex;
|
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.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)
|
||||||
}
|
};
|
||||||
|
|
Binary file not shown.
|
@ -197,6 +197,10 @@
|
||||||
{
|
{
|
||||||
"value" : { "1" : 0 },
|
"value" : { "1" : 0 },
|
||||||
"action" : "@menu:demoEditTextView"
|
"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
|
:TODO: conceptual simplified menus -- actions/etc. without forms
|
||||||
|
|
Loading…
Reference in New Issue