aboutsummaryrefslogtreecommitdiff
path: root/js/components/layout/document-bar.reel/document-bar.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/components/layout/document-bar.reel/document-bar.html')
-rwxr-xr-xjs/components/layout/document-bar.reel/document-bar.html124
1 files changed, 76 insertions, 48 deletions
diff --git a/js/components/layout/document-bar.reel/document-bar.html b/js/components/layout/document-bar.reel/document-bar.html
index 101f716d..69f8107f 100755
--- a/js/components/layout/document-bar.reel/document-bar.html
+++ b/js/components/layout/document-bar.reel/document-bar.html
@@ -29,62 +29,90 @@ CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
29ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE 29ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
30POSSIBILITY OF SUCH DAMAGE. 30POSSIBILITY OF SUCH DAMAGE.
31</copyright> --> 31</copyright> -->
32
32<html> 33<html>
33 34
34<head> 35 <head>
35 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 36
36 <link rel="stylesheet" type="text/css" href="document-bar.css"> 37 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
38
39 <link rel="stylesheet" type="text/css" href="document-bar.css">
37 40
38 <script type="text/montage-serialization"> 41 <script type="text/montage-serialization">
39 { 42 {
40 "hottext1": { 43 "hottext1": {
41 "prototype": "js/components/hottextunit.reel[HotTextUnit]", 44 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
42 "properties": { 45 "properties": {
43 "element": {"#": "zoomControlHT"}, 46 "element": {"#": "zoomControlHT"},
44 "minValue":25, 47 "minValue":25,
45 "maxValue" :2000, 48 "maxValue" :2000,
46 "stepSize" :5, 49 "stepSize" :5,
47 "acceptableUnits" : ["%"], 50 "acceptableUnits" : ["%"],
48 "units" : "%" 51 "units" : "%"
52 },
53 "bindings": {
54 "value": {
55 "boundObject": {"@": "owner"},
56 "boundObjectPropertyPath": "zoomFactor",
57 "oneway": false
58 }
59 }
49 }, 60 },
50 "bindings": { 61
51 "value": { 62 "disable": {
52 "boundObject": {"@": "owner"}, 63 "prototype": "montage/ui/condition.reel",
53 "boundObjectPropertyPath": "zoomFactor", 64 "properties": {
54 "oneway": false 65 "element": {"#": "disabledCondition"}
66 },
67 "bindings": {
68 "condition": {"<-": "@owner.disabled"}
55 } 69 }
56 }
57 },
58
59 "disable": {
60 "prototype": "montage/ui/condition.reel",
61 "properties": {
62 "element": {"#": "disabledCondition"}
63 }, 70 },
64 "bindings": { 71
65 "condition": {"<-": "@owner.disabled"} 72 "owner": {
66 } 73 "prototype": "js/components/layout/document-bar.reel",
67 }, 74 "properties": {
68 75 "element": {"#": "documentBar"},
69 "owner": { 76 "zoomControl": {"@": "hottext1"}
70 "prototype": "js/components/layout/document-bar.reel", 77 }
71 "properties": {
72 "element": {"#": "documentBar"},
73 "zoomControl": {"@": "hottext1"}
74 } 78 }
75 } 79 }
76 } 80 </script>
77 </script>
78
79 81
80</head> 82 </head>
81 83
82<body> 84 <body>
83 <div data-montage-id="documentBar"> 85
84 <input class="zoomHotText label" data-montage-id="zoomControlHT"/> 86 <div data-montage-id="documentBar">
85 <span class="design-view disable" data-montage-id="design">Design View</span> 87
86 <span class="code-view disable" data-montage-id="code">Code View</span> 88 <section>
87 <div data-montage-id="disabledCondition" class="panelDisabled"></div> 89
88 </div> 90 <div class="zoomicon"></div>
89</body> 91
92 <input data-montage-id="zoomControlHT" class="zoomHotText label" />
93
94 </section>
95
96 <section>
97
98 <div class="viewicon viewdesign"></div>
99
100 <button class="btn_view">Design</button>
101
102 </section>
103
104 <section class="inactive">
105
106 <div class="viewicon viewcode"></div>
107
108 <button class="btn_view">Code</button>
109
110 </section>
111
112 <div data-montage-id="disabledCondition" class="panelDisabled"></div>
113
114 </div>
115
116 </body>
117
90</html> 118</html>