1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
define.class('$ui/screen', function(require, $ui$, screen, cadgrid, textbox, view, label, checkbox){
this.attributes = {
number: Config({type:Number, flow:"out", value:99, persist:true}),
boolean: Config({type:Boolean, flow:"out", value:false, persist:true}),
float: Config({type:float, flow:"out", value:2.5, persist:true}),
int: Config({type:int, flow:"out", value:88, persist:true}),
vec2: Config({type:vec2, flow:"out", value:vec2(2,2), persist:true}),
vec3: Config({type:vec3, flow:"out", value:vec3(3,3,3), persist:true}),
vec4: Config({type:vec4, flow:"out", value:vec4(4,4,4,4), persist:true}),
array: Config({type:Array, flow:"out", value:[1,2,3,4,5], persist:true}),
string: Config({type:String, flow:"out", value:"String", persist:true}),
object: Config({type:Object, flow:"out", persist:true, value:{an:{object:'object'}}})
};
this.render = function(){
return cadgrid({bgcolor:"#000030", majorline: "#003040", minorline: "#002030", flexdirection:"column", alignitems:"center", justifycontent:"space-around" },
view({alignitems:"center"}, label({flex:0, text:"Number", marginright:20}), textbox({flex:0, value:this.number, onvalue:function(ev,v,o){ this.number = o.value }.bind(this)})),
view({alignitems:"center"}, label({flex:0, text:"Boolean", marginright:20}), checkbox({flex:0, value:this.boolean, onclick:function(ev,v,o){ this.boolean = o.value }.bind(this)})),
view({alignitems:"center"}, label({flex:0, text:"Float", marginright:20}), textbox({flex:0, value:this.float, onvalue:function(ev,v,o){ this.float = o.value }.bind(this)})),
view({alignitems:"center"}, label({flex:0, text:"Int", marginright:20}), textbox({flex:0, value:this.int, onvalue:function(ev,v,o){ this.int = o.value }.bind(this)})),
view({alignitems:"center"}, label({flex:0, text:"String", marginright:20}), textbox({flex:0, value:this.string, onvalue:function(ev,v,o){ this.string = o.value }.bind(this)}))
);
}
});
|