aboutsummaryrefslogtreecommitdiff
path: root/js/panels/properties.reel/properties.html
diff options
context:
space:
mode:
authorJose Antonio Marquez2012-03-09 13:36:41 -0800
committerJose Antonio Marquez2012-03-09 13:36:41 -0800
commit9a03f869ff4520431da3ac8c64b748b5fbb60339 (patch)
treedad948f012cbc7d65e0dccde273667a389ff1c6d /js/panels/properties.reel/properties.html
parentb0b4a1ee6792d98f06cbd8ecf5291e66db8a4eef (diff)
parentb4eb2f6cc1208fe5c18aa1f02a85adda25075d81 (diff)
downloadninja-9a03f869ff4520431da3ac8c64b748b5fbb60339.tar.gz
Merge branch 'refs/heads/Ninja-Internal' into Color
Diffstat (limited to 'js/panels/properties.reel/properties.html')
-rwxr-xr-xjs/panels/properties.reel/properties.html182
1 files changed, 182 insertions, 0 deletions
diff --git a/js/panels/properties.reel/properties.html b/js/panels/properties.reel/properties.html
new file mode 100755
index 00000000..72a6def6
--- /dev/null
+++ b/js/panels/properties.reel/properties.html
@@ -0,0 +1,182 @@
1<!DOCTYPE html>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No 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 rel="stylesheet" href="properties.css" type="text/css">
11 <script type="text/montage-serialization">
12 {
13 "elementNameInput1": {
14 "module": "montage/ui/textfield.reel",
15 "name": "Textfield",
16 "properties": {
17 "element": {"#": "elementName"},
18 "readOnly": true
19 },
20 "bindings": {
21 "value": {
22 "boundObject": {"@": "owner"},
23 "boundObjectPropertyPath": "elementName",
24 "oneway": true
25 }
26 }
27 },
28
29 "elementID": {
30 "module": "montage/ui/textfield.reel",
31 "name": "Textfield",
32 "properties": {
33 "element": {"#": "elementID"},
34 "readOnly": false
35 },
36 "bindings": {
37 "value": {
38 "boundObject": {"@": "owner"},
39 "boundObjectPropertyPath": "elementID",
40 "oneway": true
41 }
42 }
43 },
44
45 "elementClass": {
46 "module": "montage/ui/textfield.reel",
47 "name": "Textfield",
48 "properties": {
49 "element": {"#": "elementClassName"},
50 "readOnly": false
51 },
52 "bindings": {
53 "value": {
54 "boundObject": {"@": "owner"},
55 "boundObjectPropertyPath": "elementClassName",
56 "oneway": true
57 }
58 }
59 },
60
61 "elementNameAttribute": {
62 "module": "montage/ui/textfield.reel",
63 "name": "Textfield",
64 "properties": {
65 "element": {"#": "elementNameAttribute"},
66 "readOnly": false
67 },
68 "bindings": {
69 "value": {
70 "boundObject": {"@": "owner"},
71 "boundObjectPropertyPath": "nameAttribute",
72 "oneway": false
73 }
74 }
75 },
76
77
78 "PosSizeSection": {
79 "module": "js/panels/properties.reel/section.reel",
80 "name": "Section",
81 "properties": {
82 "element": {"#": "PosSize"},
83 "content" : {"@": "PosSize"},
84 "name" : "Position And Size"
85 }
86 },
87 "PosSize": {
88 "module": "js/panels/properties.reel/sections/position-and-size.reel",
89 "name": "PosSize"
90 },
91 "threeDSection": {
92 "module": "js/panels/properties.reel/section.reel",
93 "name": "Section",
94 "properties": {
95 "element": {"#": "threeD"},
96 "content" : {"@": "threeDProperties"},
97 "name" : "3D Position And View"
98 }
99 },
100 "threeDProperties": {
101 "module": "js/panels/properties.reel/sections/three-d-view.reel",
102 "name": "ThreeD"
103 },
104
105 "CustomSections": {
106 "module": "montage/ui/repetition.reel",
107 "name": "Repetition",
108 "properties": {
109 "element": {"#": "customSections"}
110 },
111 "bindings": {
112 "objects": {
113 "boundObject": {"@": "owner"},
114 "boundObjectPropertyPath": "customSections",
115 "oneway": true
116 }
117 }
118 },
119
120 "customSection": {
121 "module": "js/panels/properties.reel/section.reel",
122 "name": "Section",
123 "properties": {
124 "element": {"#": "customSection"}
125 },
126 "bindings": {
127 "content": {
128 "boundObject": {"@": "CustomSections"},
129 "boundObjectPropertyPath": "objectAtCurrentIteration.content",
130 "oneway": true
131 },
132 "name": {
133 "boundObject": {"@": "CustomSections"},
134 "boundObjectPropertyPath": "objectAtCurrentIteration.name",
135 "oneway": true
136 }
137 }
138 },
139
140 "owner": {
141 "module": "js/panels/properties.reel",
142 "name": "Properties",
143 "properties": {
144 "element": {"#": "propertiesPanel"},
145 "elementNameInput": {"@": "elementNameInput1"},
146 "elementId": {"@": "elementID"},
147 "elementNameAttribute": {"@": "elementNameAttribute"},
148 "positionSize": {"@": "PosSize"},
149 "threeD": {"@": "threeDProperties"}
150 }
151 }
152 }
153 </script>
154</head>
155<body>
156 <section id="propertiesPanel" class="propertiesPanel">
157 <section class="sectional">
158 <section class="fieldCol">
159 <label id="lblElement">Element:</label>
160 <article class="fieldRow"><input type="text" id="elementName" class="nj-skinned" readonly="readonly"></article>
161 </section>
162 <section class="fieldCol">
163 <label id="lblID">ID:</label>
164 <article class="fieldRow"><input type="text" id="elementID" class="nj-skinned" /></article>
165 </section>
166 <section class="fieldCol">
167 <label id="lblClass">Class:</label>
168 <article class="fieldRow"><input type="text" id="elementClassName" class="nj-skinned" /></article>
169 </section>
170 <section class="fieldCol">
171 <label id="lblName">Name:</label>
172 <article class="fieldRow"><input type="text" id="elementNameAttribute" class="nj-skinned" /></article>
173 </section>
174 </section>
175 <section id="PosSize"></section>
176 <section id="customSections">
177 <div id="customSection"></div>
178 </section>
179 <section id="threeD"></section>
180 </section>
181</body>
182</html> \ No newline at end of file