diff options
Diffstat (limited to 'js/components/layout/tools-list.reel')
-rw-r--r-- | js/components/layout/tools-list.reel/tools-list.css | 9 | ||||
-rw-r--r-- | js/components/layout/tools-list.reel/tools-list.html | 174 | ||||
-rw-r--r-- | js/components/layout/tools-list.reel/tools-list.js | 87 |
3 files changed, 270 insertions, 0 deletions
diff --git a/js/components/layout/tools-list.reel/tools-list.css b/js/components/layout/tools-list.reel/tools-list.css new file mode 100644 index 00000000..c58397e2 --- /dev/null +++ b/js/components/layout/tools-list.reel/tools-list.css | |||
@@ -0,0 +1,9 @@ | |||
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 | .toolsList { | ||
8 | padding-top:15px; | ||
9 | } \ No newline at end of file | ||
diff --git a/js/components/layout/tools-list.reel/tools-list.html b/js/components/layout/tools-list.reel/tools-list.html new file mode 100644 index 00000000..e12fd59b --- /dev/null +++ b/js/components/layout/tools-list.reel/tools-list.html | |||
@@ -0,0 +1,174 @@ | |||
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-list.css"> | ||
11 | <script type="text/montage-serialization"> | ||
12 | { | ||
13 | "toolbutton1": { | ||
14 | "module": "js/components/layout/tool-button.reel", | ||
15 | "name": "ToolButton", | ||
16 | "properties": { | ||
17 | "element": {"#": "toolbutton"} | ||
18 | }, | ||
19 | "bindings": { | ||
20 | "data": { | ||
21 | "boundObject": {"@": "repetition1"}, | ||
22 | "boundObjectPropertyPath": "objectAtCurrentIteration", | ||
23 | "oneway": true | ||
24 | } | ||
25 | } | ||
26 | }, | ||
27 | |||
28 | "repetition1": { | ||
29 | "module": "montage/ui/repetition.reel", | ||
30 | "name": "Repetition", | ||
31 | "properties": { | ||
32 | "element": {"#": "toolscontainer"} | ||
33 | }, | ||
34 | "bindings": { | ||
35 | "objects": { | ||
36 | "boundObject": {"@": "owner"}, | ||
37 | "boundObjectPropertyPath": "toolsData.defaultToolsData", | ||
38 | "oneway": true | ||
39 | } | ||
40 | } | ||
41 | }, | ||
42 | |||
43 | "SelectionTool1": { | ||
44 | "module": "js/tools/SelectionTool", | ||
45 | "name": "SelectionTool" | ||
46 | }, | ||
47 | "SubselectionTool1": { | ||
48 | "module": "js/tools/SubSelectTool", | ||
49 | "name": "SubSelectTool" | ||
50 | }, | ||
51 | "Rotate3DTool1": { | ||
52 | "module": "js/tools/RotateObject3DTool", | ||
53 | "name": "RotateObject3DTool" | ||
54 | }, | ||
55 | "Translate3DTool1": { | ||
56 | "module": "js/tools/TranslateObject3DTool", | ||
57 | "name": "TranslateObject3DTool" | ||
58 | }, | ||
59 | "TagTool1": { | ||
60 | "module": "js/tools/TagTool", | ||
61 | "name": "TagTool" | ||
62 | }, | ||
63 | "PenTool1": { | ||
64 | "module": "js/tools/PenTool", | ||
65 | "name": "PenTool" | ||
66 | }, | ||
67 | "TextTool1": { | ||
68 | "module": "js/tools/TextTool", | ||
69 | "name": "TextTool" | ||
70 | }, | ||
71 | "ShapeTool1": { | ||
72 | "module": "js/tools/ShapeTool", | ||
73 | "name": "ShapeTool" | ||
74 | }, | ||
75 | "OvalTool1": { | ||
76 | "module": "js/tools/OvalTool", | ||
77 | "name": "OvalTool" | ||
78 | }, | ||
79 | "RectTool1": { | ||
80 | "module": "js/tools/RectTool", | ||
81 | "name": "RectTool" | ||
82 | }, | ||
83 | "LineTool1": { | ||
84 | "module": "js/tools/LineTool", | ||
85 | "name": "LineTool" | ||
86 | }, | ||
87 | "PencilTool1": { | ||
88 | "module": "js/tools/PencilTool", | ||
89 | "name": "PencilTool" | ||
90 | }, | ||
91 | "BrushTool1": { | ||
92 | "module": "js/tools/BrushTool", | ||
93 | "name": "BrushTool" | ||
94 | }, | ||
95 | "FillTool1": { | ||
96 | "module": "js/tools/FillTool", | ||
97 | "name": "FillTool" | ||
98 | }, | ||
99 | "InkBottleTool1": { | ||
100 | "module": "js/tools/InkBottleTool", | ||
101 | "name": "InkBottleTool" | ||
102 | }, | ||
103 | "EyedropperTool1": { | ||
104 | "module": "js/tools/EyedropperTool", | ||
105 | "name": "EyedropperTool" | ||
106 | }, | ||
107 | "EraserTool1": { | ||
108 | "module": "js/tools/EraserTool", | ||
109 | "name": "EraserTool" | ||
110 | }, | ||
111 | "RotateStageTool3D1": { | ||
112 | "module": "js/tools/RotateStage3DTool", | ||
113 | "name": "RotateStage3DTool" | ||
114 | }, | ||
115 | "PanTool1": { | ||
116 | "module": "js/tools/PanTool", | ||
117 | "name": "PanTool" | ||
118 | }, | ||
119 | "ZoomTool1": { | ||
120 | "module": "js/tools/ZoomTool", | ||
121 | "name": "ZoomTool" | ||
122 | }, | ||
123 | |||
124 | "owner": { | ||
125 | "module": "js/components/layout/tools-list.reel", | ||
126 | "name": "ToolsList", | ||
127 | "properties": { | ||
128 | "element": {"#": "toolsList"}, | ||
129 | "SelectionTool": {"@": "SelectionTool1"}, | ||
130 | "SubselectionTool": {"@": "SubselectionTool1"}, | ||
131 | "Rotate3DTool": {"@": "Rotate3DTool1"}, | ||
132 | "Translate3DTool": {"@": "Translate3DTool1"}, | ||
133 | "TagTool": {"@": "TagTool1"}, | ||
134 | "PenTool": {"@": "PenTool1"}, | ||
135 | "TextTool": {"@": "TextTool1"}, | ||
136 | "ShapeTool": {"@": "ShapeTool1"}, | ||
137 | "OvalTool": {"@": "OvalTool1"}, | ||
138 | "RectTool": {"@": "RectTool1"}, | ||
139 | "LineTool": {"@": "LineTool1"}, | ||
140 | "PencilTool": {"@": "PencilTool1"}, | ||
141 | "BrushTool": {"@": "BrushTool1"}, | ||
142 | "FillTool": {"@": "FillTool1"}, | ||
143 | "InkBottleTool": {"@": "InkBottleTool1"}, | ||
144 | "EyedropperTool": {"@": "EyedropperTool1"}, | ||
145 | "EraserTool": {"@": "EraserTool1"}, | ||
146 | "RotateStageTool3D": {"@": "RotateStageTool3D1"}, | ||
147 | "PanTool": {"@": "PanTool1"}, | ||
148 | "ZoomTool": {"@": "ZoomTool1"}, | ||
149 | "components": [ | ||
150 | {"@": "repetition1"} | ||
151 | ] | ||
152 | } | ||
153 | } | ||
154 | |||
155 | |||
156 | |||
157 | } | ||
158 | </script> | ||
159 | |||
160 | </head> | ||
161 | |||
162 | <body> | ||
163 | <div id="toolsList" class="toolsList"> | ||
164 | <div id="toolscontainer" class="toolscontainer"> | ||
165 | <div id="toolbutton" class="toolbutton"></div> | ||
166 | </div> | ||
167 | <!-- TODO: Remove and add as a component --> | ||
168 | <hr class="toolbar_hr" /> | ||
169 | <div id="colortoolbar"></div> | ||
170 | </div> | ||
171 | |||
172 | </body> | ||
173 | |||
174 | </html> | ||
diff --git a/js/components/layout/tools-list.reel/tools-list.js b/js/components/layout/tools-list.reel/tools-list.js new file mode 100644 index 00000000..e26ab391 --- /dev/null +++ b/js/components/layout/tools-list.reel/tools-list.js | |||
@@ -0,0 +1,87 @@ | |||
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 | var Montage = require("montage/core/core").Montage; | ||
8 | var Component = require("montage/ui/component").Component; | ||
9 | |||
10 | exports.ToolsList = Montage.create(Component, { | ||
11 | |||
12 | SelectionTool: { value: null }, | ||
13 | SubselectionTool: { value: null }, | ||
14 | Rotate3DTool: { value: null }, | ||
15 | Translate3DTool: { value: null }, | ||
16 | TagTool: { value: null }, | ||
17 | PenTool: { value: null }, | ||
18 | TextTool: { value: null }, | ||
19 | ShapeTool: { value: null }, | ||
20 | OvalTool: { value: null }, | ||
21 | RectTool: { value: null }, | ||
22 | LineTool: { value: null }, | ||
23 | PencilTool: { value: null }, | ||
24 | BrushTool: { value: null }, | ||
25 | FillTool: { value: null }, | ||
26 | InkBottleTool: { value: null }, | ||
27 | EyedropperTool: { value: null },< |