diff options
Diffstat (limited to 'js/components/tools-properties/text-properties.reel/text-properties.html')
-rw-r--r-- | js/components/tools-properties/text-properties.reel/text-properties.html | 204 |
1 files changed, 110 insertions, 94 deletions
diff --git a/js/components/tools-properties/text-properties.reel/text-properties.html b/js/components/tools-properties/text-properties.reel/text-properties.html index 14123b12..7ded1236 100644 --- a/js/components/tools-properties/text-properties.reel/text-properties.html +++ b/js/components/tools-properties/text-properties.reel/text-properties.html | |||
@@ -77,41 +77,30 @@ | |||
77 | }, | 77 | }, |
78 | 78 | ||
79 | "fontSize": { | 79 | "fontSize": { |
80 | "module": "js/components/hottextunit.reel", | 80 | "module": "js/components/combobox.reel", |
81 | "name": "HotTextUnit", | 81 | "name": "Combobox", |
82 | "properties": { | 82 | "properties": { |
83 | "element": {"#": "fontSize"}, | 83 | "element": {"#": "fontSize"}, |
84 | "value": 12, | ||
85 | "identifier": "fontSize" | 84 | "identifier": "fontSize" |
86 | }, | 85 | }, |
87 | "listeners": [ | 86 | "listeners": [ |
88 | { | 87 | { |
89 | "type": "change", | 88 | "type": "change", |
90 | "listener": {"@": "owner"} | 89 | "listener": {"@": "owner"} |
91 | }, | ||
92 | { | ||
93 | "type": "changing", | ||
94 | "listener": {"@": "owner"} | ||
95 | } | 90 | } |
96 | ] | 91 | ] |
97 | 92 | ||
98 | }, | 93 | }, |
99 | 94 | ||
100 | "fontColor": { | ||
101 | "module" : "js/components/ui/color-chip.reel", | ||
102 | "name" : "ColorChip", | ||
103 | "properties" : { | ||
104 | "element" : {"#": "fontColor"}, | ||
105 | "mode": "chip" | ||
106 | } | ||
107 | }, | ||
108 | "btnBold": { | 95 | "btnBold": { |
109 | "module": "js/components/button.reel", | 96 | "module": "montage/ui/toggle-button.reel", |
110 | "name": "Button", | 97 | "name": "ToggleButton", |
111 | "properties": { | 98 | "properties": { |
112 | "element": {"#": "btnBold"}, | 99 | "element": {"#": "btnBold"}, |
113 | "_isToggleButton": true, | 100 | "pressedClass": "active", |
114 | "identifier": "btnBold" | 101 | "preventFocus": true, |
102 | "identifier": "btnBold", | ||
103 | "label": "B" | ||
115 | }, | 104 | }, |
116 | "listeners": [ | 105 | "listeners": [ |
117 | { | 106 | { |
@@ -121,12 +110,14 @@ | |||
121 | ] | 110 | ] |
122 | }, | 111 | }, |
123 | "btnItalic": { | 112 | "btnItalic": { |
124 | "module": "js/components/button.reel", | 113 | "module": "montage/ui/toggle-button.reel", |
125 | "name": "Button", | 114 | "name": "ToggleButton", |
126 | "properties": { | 115 | "properties": { |
127 | "element": {"#": "btnItalic"}, | 116 | "element": {"#": "btnItalic"}, |
128 | "_isToggleButton": true, | 117 | "pressedClass": "active", |
129 | "identifier": "btnItalic" | 118 | "preventFocus": true, |
119 | "identifier": "btnItalic", | ||
120 | "label": "I" | ||
130 | }, | 121 | }, |
131 | "listeners": [ | 122 | "listeners": [ |
132 | { | 123 | { |
@@ -136,12 +127,14 @@ | |||
136 | ] | 127 | ] |
137 | }, | 128 | }, |
138 | "btnUnderline": { | 129 | "btnUnderline": { |
139 | "module": "js/components/button.reel", | 130 | "module": "montage/ui/toggle-button.reel", |
140 | "name": "Button", | 131 | "name": "ToggleButton", |
141 | "properties": { | 132 | "properties": { |
142 | "element": {"#": "btnUnderline"}, | 133 | "element": {"#": "btnUnderline"}, |
143 | "_isToggleButton": true, | 134 | "pressedClass": "active", |
144 | "identifier": "btnUnderline" | 135 | "preventFocus": true, |
136 | "identifier": "btnUnderline", | ||
137 | "label": "U" | ||
145 | }, | 138 | }, |
146 | "listeners": [ | 139 | "listeners": [ |
147 | { | 140 | { |
@@ -151,12 +144,14 @@ | |||
151 | ] | 144 | ] |
152 | }, | 145 | }, |
153 | "btnStrikethrough": { | 146 | "btnStrikethrough": { |
154 | "module": "js/components/button.reel", | 147 | "module": "montage/ui/toggle-button.reel", |
155 | "name": "Button", | 148 | "name": "ToggleButton", |
156 | "properties": { | 149 | "properties": { |
157 | "element": {"#": "btnStrikethrough"}, | 150 | "element": {"#": "btnStrikethrough"}, |
158 | "_isToggleButton": true, | 151 | "pressedClass": "active", |
159 | "identifier": "btnStrikethrough" | 152 | "preventFocus": true, |
153 | "identifier": "btnStrikethrough", | ||
154 | "label": "S" | ||
160 | }, | 155 | }, |
161 | "listeners": [ | 156 | "listeners": [ |
162 | { | 157 | { |
@@ -165,28 +160,16 @@ | |||
165 | } | 160 | } |
166 | ] | 161 | ] |
167 | }, | 162 | }, |
168 | "txtLink": { | 163 | |
169 | "module": "js/components/textfield.reel", | ||
170 | "name": "TextField", | ||
171 | "properties": { | ||
172 | "element": {"#": "txtLink"} | ||
173 | } | ||
174 | }, | ||
175 | "linkTarget": { | ||
176 | "module": "js/components/combobox.reel", | ||
177 | "name": "Combobox", | ||
178 | "properties": { | ||
179 | "element": {"#": "linkTarget"} | ||
180 | } | ||
181 | }, | ||
182 | |||
183 | "alignLeft": { | 164 | "alignLeft": { |
184 | "module": "js/components/button.reel", | 165 | "module": "montage/ui/toggle-button.reel", |
185 | "name": "Button", | 166 | "name": "ToggleButton", |
186 | "properties": { | 167 | "properties": { |
187 | "element": {"#": "alignLeft"}, | 168 | "element": {"#": "alignLeft"}, |
188 | "_isToggleButton": true, | 169 | "pressedClass": "active", |
189 | "identifier": "alignLeft" | 170 | "preventFocus": true, |
171 | "identifier": "alignLeft", | ||
172 | "label": "Left" | ||
190 | }, | 173 | }, |
191 | "listeners": [ | 174 | "listeners": [ |
192 | { | 175 | { |
@@ -196,12 +179,14 @@ | |||
196 | ] | 179 | ] |
197 | }, | 180 | }, |
198 | "alignCenter": { | 181 | "alignCenter": { |
199 | "module": "js/components/button.reel", | 182 | "module": "montage/ui/toggle-button.reel", |
200 | "name": "Button", | 183 | "name": "ToggleButton", |
201 | "properties": { | 184 | "properties": { |
202 | "element": {"#": "alignCenter"}, | 185 | "element": {"#": "alignCenter"}, |
203 | "_isToggleButton": true, | 186 | "pressedClass": "active", |
204 | "identifier": "alignCenter" | 187 | "preventFocus": true, |
188 | "identifier": "alignCenter", | ||
189 | "label": "Center" | ||
205 | }, | 190 | }, |
206 | "listeners": [ | 191 | "listeners": [ |
207 | { | 192 | { |
@@ -211,12 +196,14 @@ | |||
211 | ] | 196 | ] |
212 | }, | 197 | }, |
213 | "alignRight": { | 198 | "alignRight": { |
214 | "module": "js/components/button.reel", | 199 | "module": "montage/ui/toggle-button.reel", |
215 | "name": "Button", | 200 | "name": "ToggleButton", |
216 | "properties": { | 201 | "properties": { |
217 | "element": {"#": "alignRight"}, |