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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
define.class("$server/composition",function(require, $ui$, screen, cadgrid, view, label, icon, textbox) {
this.render = function() {
return [
screen(
cadgrid({
name:"grid",
bgcolor:"#4e4e4e",
gridsize:8,
majorevery:5,
majorline:vec4(0.34117648005485535,0.34117648005485535,0.34117648005485535,1),
minorline:vec4(0.2823529541492462,0.2823529541492462,0.2823529541492462,1),
alignself:'stretch',
flexdirection:'column',
alignitems:"stretch",
justifycontent:'space-around'
},
view({margintop:20, justifycontent:"space-around", padding:30},
label({text:"Static text label"}),
label({text:"Multiline\nLabel", multiline:true}),
label({text:"Styled Label", fontsize:100, fgcolor:"red", bgcolor:"white", borderradius:10}),
label({text:"Label With BG Image", padding:10, fgcolor:"black", bgimage:"$resources/textures/bluecloud.png", bgimagemode:"stretch"})
),
view({margintop:20, justifycontent:"space-around", padding:30},
textbox({
borderwidth:1,
paddingleft:10,
bordercolor:"white",
fgcolor:"black",
cursorcolor:"red",
value:"Text field without fixed size (expands)"
}),
textbox({
paddingleft:10,
fgcolor:"black",
bgcolor:"white",
value:"Multiline\ntext\nfield\nMultiline text\nfield\ntext\nMultiline field\ntext\nMultiline field text\nfield",
multiline:true
}),
view({
flexdirection:"column"
},
label({text:"With overflow='hidden':"}),
textbox({
borderwidth:1,
paddingleft:10,
bordercolor:"white",
fgcolor:"white",
flex:1,
width:100,
bgcolor:vec4(0.7,0.7,0.7,0.7),
overflow:"hidden",
cursorcolor:"red",
value:"Fixed size text field with overflow hidden",
marginbottom:10,
margintop:10
}),
textbox({
borderwidth:1,
paddingleft:10,
bordercolor:"white",
fgcolor:"white",
bgcolor:vec3(0.7,0.7,0.7),
flex:1,
width:100,
cursorcolor:"red",
value:"Fixed size without overflow:hidden"
})
),
textbox({
borderwidth:1,
paddingleft:10,
bordercolor:"white",
bgimage:"$resources/textures/purplecloud.png",
bgimagemode:"stretch",
value:"Text field w/bg image"
})
)
)
)
]
}
}
)
|