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.html180
1 files changed, 180 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..604d4871
--- /dev/null
+++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
@@ -0,0 +1,180 @@
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 }
26 },
27 "sourceObjectField": {
28 "prototype": "js/components/hintable.reel",
29 "properties": {
30 "startOnEvent": "click",
31 "element": {"#": "sourceObjectField"}
32 },
33 "bindings": {
34 "value": {"<-": "@owner.sourceObjectIdentifier"}
35 },
36 "listeners" : [
37 {
38 "type": "change",
39 "listener": {"@": "owner"}
40 }
41 ]
42 },
43 "boundObjectField": {
44 "prototype": "js/components/hintable.reel",
45 "properties": {
46 "startOnEvent": "click",
47 "element": {"#": "boundObjectField"}
48 },
49 "bindings": {
50 "value": {"<-": "@owner.boundObjectIdentifier"}
51 },
52 "listeners" : [
53 {
54 "type": "change",
55 "listener": {"@": "owner"}
56 }
57 ]
58 },
59 "sourceObjectPropertyPathField": {
60 "prototype": "js/components/hintable.reel",
61 "properties": {
62 "startOnEvent": "click",
63 "element": {"#": "so-pp"},
64 "identifier": "sourceProperty"
65 },
66 "bindings": {
67 "value": {"<-": "@owner.sourceObjectPropertyPath"}
68 },
69 "listeners" : [
70 {
71 "type": "change",
72 "listener": {"@": "owner"}
73 }
74 ]
75 },
76 "boundObjectPropertyPathField": {
77 "prototype": "js/components/hintable.reel",
78 "properties": {
79 "startOnEvent": "click",
80 "element": {"#": "bo-pp"},
81 "identifier": "boundProperty"
82 },
83 "bindings": {
84 "value": {"<-": "@owner.boundObjectPropertyPath"}
85 },
86 "listeners" : [
87 {
88 "type": "change",
89 "listener": {"@": "owner"}
90 }
91 ]
92 },
93 "directionCheckbox": {
94 "prototype": "montage/ui/checkbox.reel",
95 "properties": {
96 "element": {"#": "direction-checkbox"}
97 },
98 "bindings": {
99 "checked": {"<-": "@owner.oneway"}
100 }
101 },
102 "cancelButton" : {
103 "prototype": "montage/ui/button.reel",
104 "properties": {
105 "element": {"#": "cancel-button" },
106 "identifier": "cancelButton"
107 },
108 "listeners": [
109 {
110 "type": "action",
111 "listener": {"@": "owner" }
112 }
113 ]
114 },
115 "deleteButton" : {
116 "prototype": "montage/ui/button.reel",
117 "properties": {
118 "element": {"#": "delete-button" },
119 "identifier": "deleteButton"
120 },
121 "listeners": [
122 {
123 "type": "action",
124 "listener": {"@": "owner" }
125 }
126 ]
127 },
128 "saveButton" : {
129 "prototype": "montage/ui/button.reel",
130 "properties": {
131 "element": {"#": "save-button" },
132 "identifier": "saveButton"
133 },
134 "bindings" : {
135 "enabled": {"<<->": "@owner.dirty"}
136 },
137 "listeners": [
138 {
139 "type": "action",
140 "listener": {"@": "owner" }
141 }
142 ]
143 }
144
145 }
146 </script>
147</head>
148<body>
149<div data-montage-id="edit-binding" class="edit-binding-view">
150
151 <ul>
152 <h3>Source Object</h3>
153 <li class="edit-source-object">
154 <label>Identifier:</label><span data-montage-id="sourceObjectField" class="hintable-field">Test</span>
155 <br>
156 <label>Property Path:</label><span data-montage-id="so-pp" class="hintable-field so-pp">Test</span>
157 </li>
158 <h3>Bound Object</h3>
159 <li class="edit-bound-object">
160 <label>Identifier:</label><span data-montage-id="boundObjectField" class="hintable-field">Test</span>
161 <br>
162 <label>Property Path:</label><span data-montage-id="bo-pp" class="hintable-field bo-pp">Test</span>
163 </li>
164
165 <h3>Configuration</h3>
166 <li class="edit-general-properties">
167 <input data-montage-id="direction-checkbox" type="checkbox" class="nj-skinned"><label>Oneway</label>
168 </li>
169 <li>
170 <label>Converter</label><span>Test</span>
171 </li>
172 </ul>
173
174 <button data-montage-id="delete-button" class="nj-skinned .btn-delete">Delete</button>
175 <button data-montage-id="cancel-button" class="nj-skinned">Cancel</button>
176 <button data-montage-id="save-button" class="nj-skinned">Save</button>
177
178</div>
179</body>
180</html> \ No newline at end of file