aboutsummaryrefslogtreecommitdiff
path: root/js/panels/binding/edit-binding-view.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/binding/edit-binding-view.reel')
-rw-r--r--js/panels/binding/edit-binding-view.reel/edit-binding-view.css47
-rw-r--r--js/panels/binding/edit-binding-view.reel/edit-binding-view.html180
-rw-r--r--js/panels/binding/edit-binding-view.reel/edit-binding-view.js211
3 files changed, 438 insertions, 0 deletions
diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.css b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css
new file mode 100644
index 00000000..aa539cd6
--- /dev/null
+++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css
@@ -0,0 +1,47 @@
1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5 </copyright> */
6
7.edit-binding-view {
8 background: #474747;
9 color: #FFF;
10 font-size: 11px;
11 height: 100%;
12 left: 100%;
13 position: absolute;
14 top: 0;
15 width: 100%;
16 -webkit-transition-property: -webkit-transform, box-shadow;
17 -webkit-transition-duration: .55s, .2s;
18 -webkit-transition-timing-function: cubic-bezier(.44,.19,0,.99);
19 -webkit-user-select: text;
20}
21
22.edit-binding-view ul {
23 padding: 0;
24 margin: 0;
25}
26
27.edit-binding-view li {
28 padding: 3px;
29 list-style-type: none;
30}
31
32.edit-binding-view label {
33 display: inline-block;
34 width: 50%;
35}
36
37/* hintable fields */
38
39.hintable-field {
40 background-color: #444;
41 border: 1px solid #313131;
42 display: inline-block;
43 height: 13px;
44 margin-left: 5px;
45 padding: 1px 4px;
46 width: 45%;
47} \ No newline at end of file
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>