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

        <script type="text/montage-serialization">
        {
            "hottext1": {
                "prototype": "js/components/hottextunit.reel[HotTextUnit]",
                "properties": {
                    "element": {"#": "TLRadiusControl"},
                    "acceptableUnits" : ["px", "pt", "%"],
                    "identifier": "TLRadiusControl"
                },
                "listeners": [
                    {
                        "type": "change",
                        "listener": {"@": "owner"}
                    },
                    {
                        "type": "changing",
                        "listener": {"@": "owner"}
                    }
                ]
            },

            "hottext2": {
                "prototype": "js/components/hottextunit.reel[HotTextUnit]",
                "properties": {
                    "element": {"#": "TRRadiusControl"},
                    "acceptableUnits" : ["px", "pt", "%"],
                    "enabled": false
                },
                "listeners": [
                    {
                        "type": "change",
                        "listener": {"@": "owner"}
                    }
                ]
            },

            "hottext3": {
                "prototype": "js/components/hottextunit.reel[HotTextUnit]",
                "properties": {
                    "element": {"#": "BLRadiusControl"},
                    "acceptableUnits" : ["px", "pt", "%"],
                    "enabled": false
                },
                "listeners": [
                    {
                        "type": "change",
                        "listener": {"@": "owner"}
                    }
                ]
            },

            "hottext4": {
                "prototype": "js/components/hottextunit.reel[HotTextUnit]",
                "properties": {
                    "element": {"#": "BRRadiusControl"},
                    "acceptableUnits" : ["px", "pt", "%"],
                    "enabled": false
                },
                "listeners": [
                    {
                        "type": "change",
                        "listener": {"@": "owner"}
                    }
                ]
            },

            "lockButton": {
                "prototype": "montage/ui/toggle-button.reel",
                "properties": {
                    "element": {"#": "lockButton"},
                    "pressed": true,
                    "pressedClass": "lockUp",
                    "preventFocus": true,
                    "identifier": "lockButton"
                },
                "listeners": [
                    {
                        "type": "action",
                        "listener": {"@": "owner"}
                    }
                ]
            },

            "owner": {
                "prototype": "js/components/tools-properties/rect-properties.reel",
                "properties": {
                    "element": {"#": "rectProperties"},
                    "lockButton": {"@": "lockButton"},
                    "TLRadiusControl": {"@": "hottext1"},
                    "TRRadiusControl": {"@": "hottext2"},
                    "BLRadiusControl": {"@": "hottext3"},
                    "BRRadiusControl": {"@": "hottext4"}
                }
            }
    	}
	    </script>

    </head>

    <body>
        <div data-montage-id="rectProperties" class="rectProperties toolOptionsFloatChildren">
            <button data-montage-id="lockButton" id="lockButton" class="unlock"></button>
            <div id="TLRadiusLabel" class="unselectable subToolButton cornerRadius topLeft"></div>
            <div data-montage-id="TLRadiusControl" class=""></div>
            <div id="TRRadiusLabel" class="unselectable subToolButton cornerRadius topRight"></div>
            <div data-montage-id="TRRadiusControl" class=""></div>
            <div id="BLRadiusLabel" class="unselectable subToolButton cornerRadius bottomLeft"></div>
            <div data-montage-id="BLRadiusControl" class=""></div>
            <div id="BRRadiusLabel" class="unselectable subToolButton cornerRadius bottomRight"></div>
            <div data-montage-id="BRRadiusControl" class=""></div>
        </div>
    </body>
</html>