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

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

            "owner": {
                "prototype": "js/components/tools-properties/selection-properties.reel",
                "properties": {
                    "element": {"#": "selectionProperties"},
                    "transform": {"#": "transformCheck"},
                    
                    "topAlign": {"#": "topAlignBtn"},
                    "middleAlign": {"#": "middleAlignBtn"},
                    "bottomAlign": {"#": "bottomAlignBtn"},

                    "leftAlign": {"#": "leftAlignBtn"},
                    "centerAlign": {"#": "centerAlignBtn"},
                    "rightAlign": {"#": "rightAlignBtn"},

                    "distTop": {"#": "distTopBtn"},
                    "distMiddle": {"#": "distMiddleBtn"},
                    "distBottom": {"#": "distBottomBtn"},

                    "distLeft": {"#": "distLeftBtn"},
                    "distCenter": {"#": "distCenterBtn"},
                    "distRight": {"#": "distRightBtn"},

                    "arrangeBringForward": {"#": "arrangeBringForwardBtn"},
                    "arrangeSendBackward": {"#": "arrangeSendBackwardBtn"},
                    "arrangeBringToFront": {"#": "arrangeBringToFrontBtn"},
                    "arrangeSendToBack": {"#": "arrangeSendToBackBtn"}
                }
            }
    	}
        </script>

    </head>

    <body>
        <div data-montage-id="selectionProperties" class="subToolHolderPanel optionsSelectionTool toolOptionsFloatChildren">
            <input data-montage-id="transformCheck" type="checkbox" name="transformControl" class="nj-skinned"/>
            <label class="label">Transform Control</label>
            <div class="toolOptionsSpacer">&nbsp</div>

            <button data-montage-id="topAlignBtn" class="nj-skinned" role="button"><div id="topAlign" class="selectionToolIcon alignTopIcon" title="Align Top"/></button>
            <button data-montage-id="middleAlignBtn" class="nj-skinned" role="button"><div id="middleAlign" class="selectionToolIcon alignMiddleIcon" title="Align Vertical Center"/></button>
            <button data-montage-id="bottomAlignBtn" class="nj-skinned" role="button"><div id="bottomAlign" class="selectionToolIcon alignBottomIcon" title="Align Bottom"></button>
            <div class="toolOptionsSpacer">&nbsp</div>

            <button data-montage-id="leftAlignBtn" class="nj-skinned" role="button"><div id="leftAlign" class="selectionToolIcon alignLeftIcon" title="Align Left"/></button>
            <button data-montage-id="centerAlignBtn" class="nj-skinned" role="button"><div id="centerAlign" class="selectionToolIcon alignCenterIcon" title="Align Horizontal Center"/></button>
            <button data-montage-id="rightAlignBtn" class="nj-skinned" role="button"><div id="rightAlign" class="selectionToolIcon alignRightIcon" title="Align Right"/></button>
            <div class="toolOptionsSpacer">&nbsp</div>

            <button data-montage-id="distTopBtn" class="nj-skinned" role="button"><div id="distTop" class="selectionToolIcon distTopIcon" title="Distribute Top"/></button>
            <button data-montage-id="distMiddleBtn" class="nj-skinned" role="button"><div id="distMiddle" class="selectionToolIcon distMiddleIcon" title="Distribute Vertical Center"/></button>
            <button data-montage-id="distBottomBtn" class="nj-skinned" role="button"><div id="distBottom" class="selectionToolIcon distBottomIcon" title="Distribute Bottom"/></button>
            <div class="toolOptionsSpacer">&nbsp</div>

            <button data-montage-id="distLeftBtn" class="nj-skinned" role="button"><div id="distLeft" class="selectionToolIcon distLeftIcon" title="Distribute Left"/></button>
            <button data-montage-id="distCenterBtn" class="nj-skinned" role="button"><div id="distCenter" class="selectionToolIcon distCenterIcon" title="Distribute Horizontal Center"/></button>
            <button data-montage-id="distRightBtn" class="nj-skinned" role="button"><div id="distRight" class="selectionToolIcon distRightIcon" title="Distribute Right"/></button>
            <div class="toolOptionsSpacer">&nbsp</div>

            <button data-montage-id="arrangeBringForwardBtn" class="nj-skinned" role="button"><div id="arrangeBringForward" class="selectionToolIcon arrangeBringForwardIcon" title="Bring Forward"/></button>
            <button data-montage-id="arrangeSendBackwardBtn" class="nj-skinned" role="button"><div id="arrangeSendBackward" class="selectionToolIcon arrangeSendBackwardIcon" title="Send Backward"/></button>
            <button data-montage-id="arrangeBringToFrontBtn" class="nj-skinned" role="button"><div id="arrangeBringToFront" class="selectionToolIcon arrangeBringToFrontIcon" title="Bring To Front"/></button>
            <button data-montage-id="arrangeSendToBackBtn" class="nj-skinned" role="button"><div id="arrangeSendToBack" class="selectionToolIcon arrangeSendToBackIcon" title="Send To Back"/></button>

        </div>
    </body>

</html>