aboutsummaryrefslogtreecommitdiff
path: root/js/components/layout/tools-properties.reel/tools-properties.html
blob: 074440101eeeb46177c9145e5668563f4a9d82be (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
<!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-properties.css">

        <script type="text/montage-serialization">
        {

            "selectionProperties": {
                "prototype": "js/components/tools-properties/selection-properties.reel",
                "properties": {
                    "element": {"#": "selectionProperties"}
                }
            },
            "object3DProperties": {
                "prototype": "js/components/tools-properties/object3d-properties.reel[Object3DProperties]",
                "properties": {
                    "element": {"#": "object3DProperties"}
                }
            },
            "tagProperties": {
                "prototype": "js/components/tools-properties/tag-properties.reel",
                "properties": {
                    "element": {"#": "tagProperties"}
                }
            },
            "penProperties": {
                "prototype": "js/components/tools-properties/pen-properties.reel",
                "properties": {
                    "element": {"#": "penProperties"}
                }
            },
            "textProperties": {
                "prototype": "js/components/tools-properties/text-properties.reel",
                "properties": {
                    "element": {"#": "textProperties"}
                }
            },
            "shapeProperties": {
                "prototype": "js/components/tools-properties/shape-properties.reel",
                "properties": {
                    "element": {"#": "shapeProperties"}
                },
                "bindings": {
                    "selectedSubTool": {
                        "boundObject": {"@": "owner"},
                        "boundObjectPropertyPath": "toolsData.selectedSubTool",
                        "oneway": true
                    },
                    "toolsData": {
                        "boundObject": {"@": "owner"},
                        "boundObjectPropertyPath": "toolsData",
                        "oneway": true
                    }
                }
            },
            "brushProperties": {
                "prototype": "js/components/tools-properties/brush-properties.reel",
                "properties": {
                    "element": {"#": "brushProperties"}
                }
            },
            "fillProperties": {
                "prototype": "js/components/tools-properties/fill-properties.reel",
                "properties": {
                    "element": {"#": "fillProperties"}
                }
            },
            "inkbottleProperties": {
                "prototype": "js/components/tools-properties/ink-bottle-properties.reel",
                "properties": {
                    "element": {"#": "inkbottleProperties"}
                }
            },
            "eraserProperties": {
                "prototype": "js/components/tools-properties/eraser-properties.reel",
                "properties": {
                    "element": {"#": "eraserProperties"}
                }
            },
            "rotateStageProperties": {
                "prototype": "js/components/tools-properties/rotate-stage-properties.reel",
                "properties": {
                    "element": {"#": "rotateStageProperties"}
                }
            },
            "panProperties": {
                "prototype": "js/components/tools-properties/pan-properties.reel",
                "properties": {
                    "element": {"#": "panProperties"}
                }
            },
            "zoomProperties": {
                "prototype": "js/components/tools-properties/zoom-properties.reel",
                "properties": {
                    "element": {"#": "zoomProperties"}
                }
            },
            "bindingProperties": {
                "prototype": "js/components/tools-properties/binding-properties.reel",
                "properties": {
                    "element": {"#": "bindingProperties"}
                }
            },

            "disable": {
                "prototype": "montage/ui/condition.reel",
                "properties": {
                    "element": {"#": "disabledCondition"}
                },
                "bindings": {
                    "condition": {
                        "boundObject": {"@": "owner"},
                        "boundObjectPropertyPath": "disabled",
                        "oneway": true
                    }
                }
            },
            
            "owner": {
                "prototype": "js/components/layout/tools-properties.reel",
                "properties": {
                    "element": {"#": "toolsProperties"},
                    "selectionProperties":          {"@": "selectionProperties"},
                    "rotate3DProperties":           {"@": "object3DProperties"},
                    "translate3DProperties":        {"@": "object3DProperties"},
                    "tagProperties":                {"@": "tagProperties"},
                    "penProperties":                {"@": "penProperties"},
                    "textProperties":               {"@": "textProperties"},
                    "shapeProperties":              {"@": "shapeProperties"},
                    "brushProperties":              {"@": "brushProperties"},
                    "fillProperties":               {"@": "fillProperties"},
                    "inkbottleProperties":          {"@": "inkbottleProperties"},
                    "eraserProperties":             {"@": "eraserProperties"},
                    "rotateStageProperties":        {"@": "rotateStageProperties"},
                    "panProperties":                {"@": "panProperties"},
                    "zoomProperties":               {"@": "zoomProperties"},
					"bindingProperties":            {"@": "bindingProperties"}
                },
                "bindings": {
                    "currentSelectedTool": {
                        "boundObject": {"@": "owner"},
                        "boundObjectPropertyPath": "toolsData.selectedTool",
                        "oneway": true
                    }
                }
            }
    	}
	    </script>
        
    </head>

    <body>
        <div data-montage-id="toolsProperties" class="panelBackground">
            <div data-montage-id="selectionProperties"></div>
            <div data-montage-id="object3DProperties"></div>
            <div data-montage-id="tagProperties"></div>
            <div data-montage-id="penProperties"></div>
            <div data-montage-id="textProperties"></div>
            <div data-montage-id="shapeProperties"></div>
            <div data-montage-id="brushProperties"></div>
            <div data-montage-id="fillProperties"></div>
            <div data-montage-id="inkbottleProperties"></div>
            <div data-montage-id="eraserProperties"></div>
            <div data-montage-id="rotateStageProperties"></div>
            <div data-montage-id="panProperties"></div>
            <div data-montage-id="zoomProperties"></div>
            <div data-montage-id="bindingProperties"></div>
            <div data-montage-id="disabledCondition" class="panelDisabled"></div>
        </div>
    </body>
</html>