aboutsummaryrefslogtreecommitdiff
path: root/js/components/layout/tools-list.reel/tools-list.html
blob: 3e49a4f37011a52ecfb4ea8a3c92f378dc5d91b2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE HTML>
<!-- <copyright>
 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
 (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
 </copyright> -->
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link rel="stylesheet" type="text/css" href="tools-list.css">
        <script type="text/montage-serialization">
        {
            "toolbutton1": {
                "module": "js/components/layout/tool-button.reel",
                "name": "ToolButton",
                "properties": {
                    "element": {"#": "toolbutton"}
                },
                "bindings": {
                    "data": {
                        "boundObject": {"@": "repetition1"},
                        "boundObjectPropertyPath": "objectAtCurrentIteration",
                        "oneway": true
                    }
                }
            },

            "groupLine": {
                "module": "montage/ui/condition.reel",
                "name": "Condition",
                "properties": {
                    "element": {"#": "groupLine"}
                },
                "bindings": {
                    "condition": {
                        "boundObject": {"@": "repetition1"},
                        "boundObjectPropertyPath": "objectAtCurrentIteration.lastInGroup",
                        "oneway": true
                    }
                }
            },

            "repetition1": {
                "module": "montage/ui/repetition.reel",
                "name": "Repetition",
                "properties": {
                    "element": {"#": "toolscontainer"}
                },
                "bindings": {
                    "objects": {
                        "boundObject": {"@": "owner"},
                        "boundObjectPropertyPath": "toolsData.defaultToolsData",
                        "oneway": true
                    }
                }
            },

            "SelectionTool1": {
                "module": "js/tools/SelectionTool",
                "name": "SelectionTool"
            },
            "SubselectionTool1": {
                "module": "js/tools/SubSelectTool",
                "name": "SubSelectTool"
            },
            "Rotate3DTool1": {
                "module": "js/tools/RotateObject3DTool",
                "name": "RotateObject3DTool"
            },
            "Translate3DTool1": {
                "module": "js/tools/TranslateObject3DTool",
                "name": "TranslateObject3DTool"
            },
            "TagTool1": {
                "module": "js/tools/TagTool",
                "name": "TagTool"
            },
            "PenTool1": {
                "module": "js/tools/PenTool",
                "name": "PenTool"
            },
            "TextTool1": {
                "module": "js/tools/TextTool",
                "name": "TextTool"
            },
            "ShapeTool1": {
                "module": "js/tools/ShapeTool",
                "name": "ShapeTool"
            },
            "OvalTool1": {
                "module": "js/tools/OvalTool",
                "name": "OvalTool"
            },
            "RectTool1": {
                "module": "js/tools/RectTool",
                "name": "RectTool"
            },
            "LineTool1": {
                "module": "js/tools/LineTool",
                "name": "LineTool"
            },
            "PencilTool1": {
                "module": "js/tools/PencilTool",
                "name": "PencilTool"
            },
            "BrushTool1": {
                "module": "js/tools/BrushTool",
                "name": "BrushTool"
            },
            "FillTool1": {
                "module": "js/tools/FillTool",
                "name": "FillTool"
            },
            "InkBottleTool1": {
                "module": "js/tools/InkBottleTool",
                "name": "InkBottleTool"
            },
            "EyedropperTool1": {
                "module": "js/tools/EyedropperTool",
                "name": "EyedropperTool"
            },
            "EraserTool1": {
                "module": "js/tools/EraserTool",
                "name": "EraserTool"
            },
            "RotateStageTool3D1": {
                "module": "js/tools/RotateStage3DTool",
                "name": "RotateStage3DTool"
            },
            "PanTool1": {
                "module": "js/tools/PanTool",
                "name": "PanTool"
            },
            "ZoomTool1": {
                "module": "js/tools/ZoomTool",
                "name": "ZoomTool"
            },

            "owner": {
                "module": "js/components/layout/tools-list.reel",
                "name": "ToolsList",
                "properties": {
                    "element": {"#": "toolsList"},
                    "SelectionTool":          {"@": "SelectionTool1"},
                    "SubselectionTool":       {"@": "SubselectionTool1"},
                    "Rotate3DTool":           {"@": "Rotate3DTool1"},
                    "Translate3DTool":        {"@": "Translate3DTool1"},
                    "TagTool":                {"@": "TagTool1"},
                    "PenTool":                {"@": "PenTool1"},
                    "TextTool":               {"@": "TextTool1"},
                    "ShapeTool":              {"@": "ShapeTool1"},
                    "OvalTool":               {"@": "OvalTool1"},
                    "RectTool":               {"@": "RectTool1"},
                    "LineTool":               {"@": "LineTool1"},
                    "PencilTool":             {"@": "PencilTool1"},
                    "BrushTool":              {"@": "BrushTool1"},
                    "FillTool":               {"@": "FillTool1"},
                    "InkBottleTool":          {"@": "InkBottleTool1"},
                    "EyedropperTool":         {"@": "EyedropperTool1"},
                    "EraserTool":             {"@": "EraserTool1"},
                    "RotateStageTool3D":      {"@": "RotateStageTool3D1"},
                    "PanTool":                {"@": "PanTool1"},
                    "ZoomTool":               {"@": "ZoomTool1"},
                    "components": [
                        {"@": "repetition1"}
                    ]
                }
            },

            "disabledCondition": {
                "module": "montage/ui/condition.reel",
                "name": "Condition",
                "properties": {
                    "element": {"#": "disabledCondition"}
                },
                "bindings": {
                    "condition": {
                        "boundObject": {"@": "owner"},
                        "boundObjectPropertyPath": "disabled",
                        "oneway": true
                    }
                }
            }



    	}
	    </script>

    </head>

    <body>
        <div id="toolsList" class="toolsList">
            <div id="toolscontainer" class="toolscontainer">
                <div id="toolbutton" class="toolbutton"></div>
                <div id="groupLine">
                    <hr />
                </div>
            </div>
            <!-- TODO: Remove and add as a component -->
            <div id="colortoolbar"></div>
            <div id="disabledCondition" class="panelDisabled"></div>
        </div>

    </body>

</html>