ftd 0.2.0

ftd: FifthTry Document Format
Documentation 
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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150

-- ftd.color green: green
dark: green

-- ftd.color red: red
dark: red

-- ftd.color blue: blue
dark: blue

-- ftd.color grey: grey
dark: grey

-- ftd.color orange: orange
dark: orange

-- boolean iphone: false

-- boolean android: false

-- ftd.column iphone-display:
optional string id:
id: $id
color: $green
open: true
append-at: iphone-id

--- ftd.text: iPhone Display

--- ftd.column:
id: iphone-id
if: $iphone

-- ftd.column desktop-display:
optional string id:
id: $id
color: $red

--- ftd.text: Desktop Display

-- ftd.column android-display:
optional string id:
id: $id
color: $blue
open: true
append-at: android-id

--- ftd.text: Android Display

--- ftd.column:
id: android-id
if: $android

-- boolean mobile: true

-- ftd.column foo:
open: true
append-at: some-child
padding-left: 20
id: foo

--- iphone-display:
if: $mobile
id: some-child

--- container: ftd.main

--- android-display:
if: $mobile
id: some-child

--- container: ftd.main

--- desktop-display:
if: not $mobile
id: some-child

-- ftd.column parent:
string id:
caption name:
id: $id
width: fill
open: true
padding-left: 10

--- ftd.text:
text: $name
color: $grey

-- ftd.column items:
caption name:
string price:
string bio:
color: $orange

--- parent:
id: /welcome/
name: $name

--- parent:
id: /Building/
name: $price

--- parent:
id: /ChildBuilding/
name: Awesome Mobile

--- container: /welcome/

--- parent:
id: /Building2/
name: $bio



-- ftd.text: Start Display

-- ftd.column:
id: hello
padding-left: 20

-- ftd.text: Show Room

-- ftd.column:
id: kk
padding-left: 30

-- ftd.text: Welcome!!

-- foo:

-- items: Mobile 1
price: Rs. 340
bio: Good Mobile 1

-- items: Mobile 2
price: Rs. 350
bio: Good Mobile 2

-- container: ftd.main

-- ftd.text: end of display

-- ftd.text: Click here!
$on-click$: toggle $mobile

-- ftd.text: Click here Android!
$on-click$: toggle $android

-- ftd.text: Click here iPhone!
$on-click$: toggle $iphone