diff options
| author | Eric Guzman | 2012-04-11 16:45:23 -0700 |
|---|---|---|
| committer | Eric Guzman | 2012-04-11 16:45:23 -0700 |
| commit | 7246efab402664c75bd0de226c0b9a91b384839b (patch) | |
| tree | 0e800cb2f65ece1c3526c114e561584dfcb1f127 /js/panels/css-panel/style.reel/style.html | |
| parent | d203070579c8106b846657592a794ca8b4b1a9b6 (diff) | |
| download | ninja-7246efab402664c75bd0de226c0b9a91b384839b.tar.gz | |
CSS Style - Add disabled UI state. Added Hintable and editable UI state.
Diffstat (limited to 'js/panels/css-panel/style.reel/style.html')
| -rw-r--r-- | js/panels/css-panel/style.reel/style.html | 30 |
1 files changed, 23 insertions, 7 deletions
diff --git a/js/panels/css-panel/style.reel/style.html b/js/panels/css-panel/style.reel/style.html index f636ef6b..6cecf43e 100644 --- a/js/panels/css-panel/style.reel/style.html +++ b/js/panels/css-panel/style.reel/style.html | |||
| @@ -17,10 +17,26 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 17 | "element" : {"#" : "container"} | 17 | "element" : {"#" : "container"} |
| 18 | } | 18 | } |
| 19 | }, | 19 | }, |
| 20 | "checkbox": { | ||
| 21 | "module": "montage/ui/checkbox.reel", | ||
| 22 | "name": "Checkbox", | ||
| 23 | "properties": { | ||
| 24 | "element": {"#": "disable-checkbox"}, | ||
| 25 | "checked": true | ||
| 26 | }, | ||
| 27 | "bindings": { | ||
| 28 | "checked" : { | ||
| 29 | "boundObject": {"@": "owner"}, | ||
| 30 | "boundObjectPropertyPath": "enabled", | ||
| 31 | "oneway": false | ||
| 32 | } | ||
| 33 | } | ||
| 34 | }, | ||
| 20 | "property": { | 35 | "property": { |
| 21 | "module": "montage/ui/dynamic-text.reel", | 36 | "module": "js/components/hintable.reel", |
| 22 | "name": "DynamicText", | 37 | "name": "Hintable", |
| 23 | "properties": { | 38 | "properties": { |
| 39 | "startOnEvent": "click", | ||
| 24 | "element": {"#": "property"} | 40 | "element": {"#": "property"} |
| 25 | }, | 41 | }, |
| 26 | "bindings": { | 42 | "bindings": { |
| @@ -32,9 +48,10 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 32 | } | 48 | } |
| 33 | }, | 49 | }, |
| 34 | "value": { | 50 | "value": { |
| 35 | "module": "montage/ui/dynamic-text.reel", | 51 | "module": "js/components/hintable.reel", |
| 36 | "name": "DynamicText", | 52 | "name": "Hintable", |
| 37 | "properties": { | 53 | "properties": { |
| 54 | "startOnEvent": "click", | ||
| 38 | "element": {"#": "value"} | 55 | "element": {"#": "value"} |
| 39 | }, | 56 | }, |
| 40 | "bindings": { | 57 | "bindings": { |
| @@ -49,9 +66,8 @@ No rights, expressed or implied, whatsoever to this software are provided by Mot | |||
| 49 | </script> | 66 | </script> |
| 50 | </head> | 67 | </head> |
| 51 | <body> | 68 | <body> |
| 52 | <div id="container" class="style-item"> | 69 | <div id="container" class="style-item" spellcheck="false"> |
| 53 | <dt id="property" class="css-property"></dt> | 70 | <input type="checkbox" data-montage-id="disable-checkbox"><dt data-montage-id="property" class="css-property"></dt><dd data-montage-id="value" class="css-value"></dd> |
| 54 | <dd id="value" class="css-value"></dd> | ||
| 55 | </div> | 71 | </div> |
| 56 | </body> | 72 | </body> |
| 57 | </html> \ No newline at end of file | 73 | </html> \ No newline at end of file |