aboutsummaryrefslogtreecommitdiff
path: root/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
diff options
context:
space:
mode:
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.html185
1 files changed, 185 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..d5409883
--- /dev/null
+++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
@@ -0,0 +1,185 @@
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/checkbox.reel",
97 "properties": {
98 "element": {"#": "direction-checkbox"}
99 },
100 "bindings": {
101 "checked": {"<-": "@owner.oneway"}
102 }
103 },
104 "cancelButton" : {
105 "prototype": "montage/ui/button.reel",
106 "properties": {
107 "element": {"#": "cancel-button" },
108 "identifier": "cancelButton"
109 },
110 "listeners": [
111 {
112 "type": "action",
113 "listener": {"@": "owner" }
114 }
115 ]
116 },
117 "deleteButton" : {
118 "prototype": "montage/ui/button.reel",
119 "properties": {
120 "element": {"#": "delete-button" },
121 "identifier": "deleteButton"
122 },
123 "listeners": [
124 {
125 "type": "action",
126 "listener": {"@": "owner" }
127 }
128 ]
129 },
130 "saveButton" : {
131 "prototype": "montage/ui/button.reel",
132 "properties": {
133 "element": {"#": "save-button" },
134 "identifier": "saveButton"
135 },
136 "bindings" : {
137 "enabled": {"<<->": "@owner.dirty"}
138 },
139 "listeners": [
140 {
141 "type": "action",
142 "listener": {"@": "owner" }
143 }
144 ]
145 }
146
147 }
148 </script>
149</head>
150<body>
151<div data-montage-id="edit-binding" class="edit-binding-view">
152 <section class="edit-object-binding">
153 <div data-montage-id="source-object-container" class="object-container">
154 <div data-montage-id="source-object-icon-container" class="object-icon-container">
155 <div data-montage-id="source-object-icon" class="object-icon"></div>
156 </div>
157 <div class="object-fields-container">
158 <span data-montage-id="sourceObjectField" class="hintable-field"></span>
159 <span data-montage-id="so-pp" class="hintable-field so-pp"></span>
160 </div>
161 </div>
162
163 <div data-montage-id="bound-object-container" class="object-container">
164 <div data-montage-id="bound-object-icon-container" class="object-icon-container">
165 <div data-montage-id="bound-object-icon" class="object-icon"></div>
166 </div>
167 <div class="object-fields-container">
168 <span data-montage-id="boundObjectField" class="hintable-field"></span>
169 <span data-montage-id="bo-pp" class="hintable-field bo-pp"></span>
170 </div>
171 </div>
172 </section>
173
174 <div class="checkbox-container">
175 <input data-montage-id="direction-checkbox" type="checkbox" class="nj-skinned"><label>Oneway</label>
176 </div>
177
178 <div class="buttons-container">
179 <button data-montage-id="delete-button" class="nj-skinned btn-delete">Delete</button>
180 <button data-montage-id="save-button" class="nj-skinned btn-save">Save</button>
181 <button data-montage-id="cancel-button" class="nj-skinned btn-cancel">Cancel</button>
182 </div>
183</div>
184</body>
185</html> \ No newline at end of file