diff options
Diffstat (limited to 'js/components/layout/tools-properties.reel')
3 files changed, 262 insertions, 0 deletions
diff --git a/js/components/layout/tools-properties.reel/tools-properties.css b/js/components/layout/tools-properties.reel/tools-properties.css new file mode 100644 index 00000000..e0ece2e8 --- /dev/null +++ b/js/components/layout/tools-properties.reel/tools-properties.css | |||
@@ -0,0 +1,11 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | .toolsProperties { | ||
8 | height: 28px; | ||
9 | margin: 0px; | ||
10 | padding: 2px; | ||
11 | } \ No newline at end of file | ||
diff --git a/js/components/layout/tools-properties.reel/tools-properties.html b/js/components/layout/tools-properties.reel/tools-properties.html new file mode 100644 index 00000000..49f2d776 --- /dev/null +++ b/js/components/layout/tools-properties.reel/tools-properties.html | |||
@@ -0,0 +1,196 @@ | |||
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> | ||
8 | <head> | ||
9 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
10 | <link rel="stylesheet" type="text/css" href="tools-properties.css"> | ||
11 | |||
12 | <script type="text/montage-serialization"> | ||
13 | { | ||
14 | |||
15 | "selectionProperties1": { | ||
16 | "module": "js/components/tools-properties/selection-properties.reel", | ||
17 | "name": "SelectionProperties", | ||
18 | "properties": { | ||
19 | "element": {"#": "selectionProperties"} | ||
20 | } | ||
21 | }, | ||
22 | "subSelectionProperties1": { | ||
23 | "module": "js/components/tools-properties/subselection-properties.reel", | ||
24 | "name": "SubSelectionProperties", | ||
25 | "properties": { | ||
26 | "element": {"#": "subSelectionProperties"} | ||
27 | } | ||
28 | }, | ||
29 | "object3DProperties1": { | ||
30 | "module": "js/components/tools-properties/object3d-properties.reel", | ||
31 | "name": "Object3DProperties", | ||
32 | "properties": { | ||
33 | "element": {"#": "object3DProperties"} | ||
34 | } | ||
35 | }, | ||
36 | "tagProperties1": { | ||
37 | "module": "js/components/tools-properties/tag-properties.reel", | ||
38 | "name": "TagProperties", | ||
39 | "properties": { | ||
40 | "element": {"#": "tagProperties"} | ||
41 | } | ||
42 | }, | ||
43 | "penProperties1": { | ||
44 | "module": "js/components/tools-properties/pen-properties.reel", | ||
45 | "name": "PenProperties", | ||
46 | "properties": { | ||
47 | "element": {"#": "penProperties"} | ||
48 | } | ||
49 | }, | ||
50 | "textProperties1": { | ||
51 | "module": "js/components/tools-properties/text-properties.reel", | ||
52 | "name": "TextProperties", | ||
53 | "properties": { | ||
54 | "element": {"#": "textProperties"} | ||
55 | } | ||
56 | }, | ||
57 | "shapeProperties1": { | ||
58 | "module": "js/components/tools-properties/shape-properties.reel", | ||
59 | "name": "ShapeProperties", | ||
60 | "properties": { | ||
61 | "element": {"#": "shapeProperties"} | ||
62 | }, | ||
63 | "bindings": { | ||
64 | "selectedSubTool": { | ||
65 | "boundObject": {"@": "owner"}, | ||
66 | "boundObjectPropertyPath": "toolsData.selectedSubTool", | ||
67 | "oneway": true | ||
68 | }, | ||
69 | "toolsData": { | ||
70 | "boundObject": {"@": "owner"}, | ||
71 | "boundObjectPropertyPath": "toolsData", | ||
72 | "oneway": true | ||
73 | } | ||
74 | } | ||
75 | }, | ||
76 | "pencilProperties1": { | ||
77 | "module": "js/components/tools-properties/pencil-properties.reel", | ||
78 | "name": "PencilProperties", | ||
79 | "properties": { | ||
80 | "element": {"#": "pencilProperties"} | ||
81 | } | ||
82 | }, | ||
83 | "brushProperties1": { | ||
84 | "module": "js/components/tools-properties/brush-properties.reel", | ||
85 | "name": "BrushProperties", | ||
86 | "properties": { | ||
87 | "element": {"#": "brushProperties"} | ||
88 | } | ||
89 | }, | ||
90 | "fillProperties1": { | ||
91 | "module": "js/components/tools-properties/fill-properties.reel", | ||
92 | "name": "FillProperties", | ||
93 | "properties": { | ||
94 | "element": {"#": "fillProperties"} | ||
95 | } | ||
96 | }, | ||
97 | "inkbottleProperties1": { | ||
98 | "module": "js/components/tools-properties/ink-bottle-properties.reel", | ||
99 | "name": "InkBottleProperties", | ||
100 | "properties": { | ||
101 | "element": {"#": "inkbottleProperties"} | ||
102 | } | ||
103 | }, | ||
104 | "eyedropperProperties1": { | ||
105 | "module": "js/components/tools-properties/eyedropper-properties.reel", | ||
106 | "name": "EyedropperProperties", | ||
107 | "properties": { | ||
108 | "element": {"#": "eyedropperProperties"} | ||
109 | } | ||
110 | }, | ||
111 | "eraserProperties1": { | ||
112 | "module": "js/components/tools-properties/eraser-properties.reel", | ||
113 | "name": "EraserProperties", | ||
114 | "properties": { | ||
115 | "element": {"#": "eraserProperties"} | ||
116 | } | ||
117 | }, | ||
118 | "rotateStageProperties1": { | ||
119 | "module": "js/components/tools-properties/rotate-stage-properties.reel", | ||
120 | "name": "RotateStageProperties", | ||
121 | "properties": { | ||
122 | "element": {"#": "rotateStageProperties"} | ||
123 | } | ||
124 | }, | ||
125 | "panProperties1": { | ||
126 | "module": "js/components/tools-properties/pan-properties.reel", | ||
127 | "name": "PanProperties", | ||
128 | "properties": { | ||
129 | "element": {"#": "panProperties"} | ||
130 | } | ||
131 | }, | ||
132 | "zoomProperties1": { | ||
133 | "module": "js/components/tools-properties/zoom-properties.reel", | ||
134 | "name": "ZoomProperties", | ||
135 | "properties": { | ||
136 | "element": {"#": "zoomProperties"} | ||
137 | } | ||
138 | }, | ||
139 | |||
140 | "owner": { | ||
141 | "module": "js/components/layout/tools-properties.reel", | ||
142 | "name": "ToolsProperties", | ||
143 | "properties": { | ||
144 | "element": {"#": "toolsProperties"}, | ||
145 | "selectionProperties": {"@": "selectionProperties1"}, | ||
146 | "subSelectionProperties": {"@": "subSelectionProperties1"}, | ||
147 | "rotate3DProperties": {"@": "object3DProperties1"}, | ||
148 | "translate3DProperties": {"@": "object3DProperties1"}, | ||
149 | "tagProperties": {"@": "tagProperties1"}, | ||
150 | "penProperties": {"@": "penProperties1"}, | ||
151 | "textProperties": {"@": "textProperties1"}, | ||
152 | "shapeProperties": {"@": "shapeProperties1"}, | ||
153 | "pencilProperties": {"@": "pencilProperties1"}, | ||
154 | "brushProperties": {"@": "brushProperties1"}, | ||
155 | "fillProperties": {"@": "fillProperties1"}, | ||
156 | "inkbottleProperties": {"@": "inkbottleProperties1"}, | ||
157 | "eyedropperProperties": {"@": "eyedropperProperties1"}, | ||
158 | "eraserProperties": {"@": "eraserProperties1"}, | ||
159 | "rotateStageProperties": {"@": "rotateStageProperties1"}, | ||
160 | "panProperties": {"@": "panProperties1"}, | ||
161 | "zoomProperties": {"@": "zoomProperties1"} | ||
162 | }, | ||
163 | "bindings": { | ||
164 | "currentSelectedTool": { | ||
165 | "boundObject": {"@": "owner"}, | ||
166 | "boundObjectPropertyPath": "toolsData.selectedTool", | ||
167 | "oneway": true | ||
168 | } | ||
169 | } | ||
170 | } | ||
171 | } | ||
172 | </script> | ||
173 | |||
174 | </head> | ||
175 | |||
176 | <body> | ||
177 | <div id="toolsProperties" class="panelBackground"> | ||
178 | <div id="selectionProperties"></div> | ||
179 | <div id="subSelectionProperties"></div> | ||
180 | <div id="object3DProperties"></div> | ||
181 | <div id="tagProperties"></div> | ||
182 | <div id="penProperties"></div> | ||
183 | <div id="textProperties"></div> | ||
184 | <div id="shapeProperties"></div> | ||
185 | <div id="pencilProperties"></div> | ||
186 | <div id="brushProperties"></div> | ||
187 | <div id="fillProperties"></div> | ||