aboutsummaryrefslogtreecommitdiff
path: root/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
diff options
context:
space:
mode:
authorValerio Virgillito2012-06-26 13:15:26 -0700
committerValerio Virgillito2012-06-26 13:15:26 -0700
commit87a8b62f71bb72274c3dd1fa389e88c12d482ebb (patch)
treebf9f995e2972c0a61355f24e64231cdf0b2c86b5 /js/panels/binding/edit-binding-view.reel/edit-binding-view.html
parent8821e662484aedb027e26a873883e6ca3fb55a51 (diff)
parenta95bba25c3ba6e31784a452e9b94748cc870ba5d (diff)
downloadninja-87a8b62f71bb72274c3dd1fa389e88c12d482ebb.tar.gz
Merge pull request #323 from dhg637/binding
Binding View - Binding Tool & Binding Panel
Diffstat (limited to 'js/panels/binding/edit-binding-view.reel/edit-binding-view.html')
-rw-r--r--js/panels/binding/edit-binding-view.reel/edit-binding-view.html192
1 files changed, 192 insertions, 0 deletions
diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.html b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
new file mode 100644
index 00000000..67d06132
--- /dev/null
+++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
@@ -0,0 +1,192 @@
1<!DOCTYPE html>
2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
6 </copyright> -->
7<html lang="en">
8<head>
9 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
10 <link rel="stylesheet" href="edit-binding-view.css" type="text/css">
11 <script type="text/montage-serialization">
12 {
13 "owner": {
14 "prototype": "js/panels/binding/edit-binding-view.reel",
15 "properties": {
16 "element": {"#": "edit-binding"},
17 "sourceObjectField" : {"@": "sourceObjectField" },
18 "boundObjectField" : {"@": "boundObjectField" },
19 "sourceObjectPropertyPathField" : {"@": "sourceObjectPropertyPathField" },
20 "boundObjectPropertyPathField" : {"@": "boundObjectPropertyPathField" },
21 "directionCheckbox" : {"@": "directionCheckbox" },
22 "saveButton":{ "@": "saveButton" },
23 "cancelButton":{ "@": "cancelButton" },
24 "deleteButton":{ "@": "deleteButton" },
25 "sourceObjectIconElement": {"#": "source-object-icon"},
26 "boundObjectIconElement": {"#": "bound-object-icon"}
27 }
28 },
29 "sourceObjectField": {
30 "prototype": "js/components/hintable.reel",
31 "properties": {
32 "startOnEvent": "click",
33 "element": {"#": "sourceObjectField"}
34 },
35 "bindings": {
36 "value": {"<->": "@owner.sourceObjectIdentifier"}
37 },
38 "listeners" : [
39 {
40 "type": "change",
41 "listener": {"@": "owner"}
42 }
43 ]
44 },
45 "boundObjectField": {
46 "prototype": "js/components/hintable.reel",
47 "properties": {
48 "startOnEvent": "click",
49 "element": {"#": "boundObjectField"}
50 },
51 "bindings": {
52 "value": {"<->": "@owner.boundObjectIdentifier"}
53 },
54 "listeners" : [
55 {
56 "type": "change",
57 "listener": {"@": "owner"}
58 }
59 ]
60 },
61 "sourceObjectPropertyPathField": {
62 "prototype": "js/components/hintable.reel",
63 "properties": {
64 "startOnEvent": "click",
65 "element": {"#": "so-pp"},
66 "identifier": "sourceProperty"
67 },
68 "bindings": {
69 "value": {"<->": "@owner.sourceObjectPropertyPath"}
70 },
71 "listeners" : [
72 {
73 "type": "change",
74 "listener": {"@": "owner"}
75 }
76 ]
77 },
78 "boundObjectPropertyPathField": {
79 "prototype": "js/components/hintable.reel",
80 "properties": {
81 "startOnEvent": "click",
82 "element": {"#": "bo-pp"},
83 "identifier": "boundProperty"
84 },
85 "bindings": {
86 "value": {"<->": "@owner.boundObjectPropertyPath"}
87 },
88 "listeners" : [
89 {
90 "type": "change",
91 "listener": {"@": "owner"}
92 }
93 ]
94 },
95 "directionCheckbox": {
96 "prototype": "montage/ui/native/input-checkbox.reel",
97 "properties": {
98 "element": {"#": "direction-checkbox"},
99 "identifier": "directionCheckbox"
100 },
101 "bindings": {
102 "checked": {"<-": "@owner.oneway"}
103 },
104 "listeners" : [
105 {
106 "type": "action",
107 "listener": {"@": "owner"}
108 }
109 ]
110 },
111 "cancelButton" : {
112 "prototype": "montage/ui/native/button.reel",
113 "properties": {
114 "element": {"#": "cancel-button" },
115 "identifier": "cancelButton"
116 },
117 "listeners": [
118 {
119 "type": "action",
120 "listener": {"@": "owner" }
121 }
122 ]
123 },
124 "deleteButton" : {
125 "prototype": "montage/ui/native/button.reel",
126 "properties": {
127 "element": {"#": "delete-button" },
128 "identifier": "deleteButton"
129 },
130 "listeners": [
131 {
132 "type": "action",
133 "listener": {"@": "owner" }
134 }
135 ]
136 },
137 "saveButton" : {
138 "prototype": "montage/ui/native/button.reel",
139 "properties": {
140 "element": {"#": "save-button" },
141 "identifier": "saveButton"
142 },
143 "bindings" : {
144 "enabled": {"<->": "@owner.dirty"}
145 },
146 "listeners": [
147 {
148 "type": "action",
149 "listener": {"@": "owner" }
150 }
151 ]
152 }
153
154 }
155 </script>
156</head>
157<body>
158<div data-montage-id="edit-binding" class="edit-binding-view">
159 <section class="edit-object-binding">
160 <div data-montage-id="source-object-container" class="object-container">
161 <div data-montage-id="source-object-icon-container" class="object-icon-container">
162 <div data-montage-id="source-object-icon" class="object-icon"></div>
163 </div>
164 <div class="object-fields-container">
165 <span data-montage-id="sourceObjectField" class="hintable-field"></span>
166 <span data-montage-id="so-pp" class="hintable-field so-pp"></span>
167 </div>
168 </div>
169
170 <div data-montage-id="bound-object-container" class="object-container">
171 <div data-montage-id="bound-object-icon-container" class="object-icon-container">
172 <div data-montage-id="bound-object-icon" class="object-icon"></div>
173 </div>
174 <div class="object-fields-container">
175 <span data-montage-id="boundObjectField" class="hintable-field"></span>
176 <span data-montage-id="bo-pp" class="hintable-field bo-pp"></span>
177 </div>
178 </div>
179 </section>
180
181 <div class="checkbox-container">
182 <input data-montage-id="direction-checkbox" type="checkbox" class="nj-skinned"><label>Oneway</label>
183 </div>
184
185 <div class="buttons-container">
186 <button data-montage-id="delete-button" class="nj-skinned btn-delete">Delete</button>
187 <button data-montage-id="save-button" class="nj-skinned btn-save">Save</button>
188 <button data-montage-id="cancel-button" class="nj-skinned btn-cancel">Cancel</button>
189 </div>
190</div>
191</body>
192</html> \ No newline at end of file