aboutsummaryrefslogtreecommitdiff
path: root/js/panels/css-panel/css-style.reel/css-style.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/css-panel/css-style.reel/css-style.html')
-rw-r--r--js/panels/css-panel/css-style.reel/css-style.html103
1 files changed, 103 insertions, 0 deletions
diff --git a/js/panels/css-panel/css-style.reel/css-style.html b/js/panels/css-panel/css-style.reel/css-style.html
new file mode 100644
index 00000000..66ff4d5b
--- /dev/null
+++ b/js/panels/css-panel/css-style.reel/css-style.html
@@ -0,0 +1,103 @@
1<!DOCTYPE html>
2<!-- <copyright>
3This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6</copyright> -->
7<html lang="en">
8<head>
9 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
10 <link href="css-style.css" type="text/css" rel="stylesheet" media="screen">
11 <script type="text/montage-serialization">
12 {
13 "owner": {
14 "module" : "js/panels/css-panel/css-style.reel",
15 "name" : "CssStyle",
16 "properties" : {
17 "element" : {"#" : "container"},
18 "addStyleButton": {"#": "add-style-button"},
19 "propertyField": {"@": "property"},
20 "valueField": {"@": "value"},
21 "propertyNames" : {"@": "propertyNames"}
22 }
23 },
24 "propertyNames": {
25 "object": "js/panels/CSSPanel/css-property-name-list"
26 },
27 "checkbox": {
28 "module": "montage/ui/checkbox.reel",
29 "name": "Checkbox",
30 "properties": {
31 "element": {"#": "disable-checkbox"},
32 "checked": true
33 },
34 "bindings": {
35 "checked" : {
36 "boundObject": {"@": "owner"},
37 "boundObjectPropertyPath": "enabled",
38 "oneway": false
39 }
40 }
41 },
42 "property": {
43 "module": "js/components/hintable.reel",
44 "name": "Hintable",
45 "properties": {
46 "startOnEvent": "click",
47 "element": {"#": "property"},
48 "identifier": "property"
49 },
50 "bindings": {
51 "value" : {
52 "boundObject": {"@": "owner"},
53 "boundObjectPropertyPath": "propertyText",
54 "oneway": true
55 }
56 },
57 "listeners": [
58 {
59 "type": "change",
60 "listener": {"@": "owner"}
61 },
62 {
63 "type": "stop",
64 "listener": {"@": "owner"}
65 }
66 ]
67 },
68 "value": {
69 "module": "js/components/hintable.reel",
70 "name": "Hintable",
71 "properties": {
72 "startOnEvent": "click",
73 "element": {"#": "value"},
74 "identifier": "value"
75 },
76 "bindings": {
77 "value" : {
78 "boundObject": {"@": "owner"},
79 "boundObjectPropertyPath": "valueText",
80 "oneway": true
81 }
82 },
83 "listeners": [
84 {
85 "type": "change",
86 "listener": {"@": "owner"}
87 },
88 {
89 "type": "stop",
90 "listener": {"@": "owner"}
91 }
92 ]
93 }
94 }
95 </script>
96</head>
97<body>
98<div id="container" class="style-item" spellcheck="false" draggable="true">
99 <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>
100 <button data-montage-id="add-style-button" class="add-style-button">Add</button>
101</div>
102</body>
103</html> \ No newline at end of file