aboutsummaryrefslogtreecommitdiff
path: root/js/panels/binding
diff options
context:
space:
mode:
authorEric Guzman2012-06-04 16:37:09 -0700
committerEric Guzman2012-06-04 16:37:09 -0700
commita5387d3cc74350dd06ecab2c8524d63d7540e57f (patch)
tree49759da04d0bc4065275c3776ae94d14d11ecae3 /js/panels/binding
parentcd5be45e6787929905daafbda79bdb258dca5473 (diff)
downloadninja-a5387d3cc74350dd06ecab2c8524d63d7540e57f.tar.gz
Binding Panel - Add edit view
Diffstat (limited to 'js/panels/binding')
-rw-r--r--js/panels/binding/binding-item.reel/binding-item.html1
-rw-r--r--js/panels/binding/binding-item.reel/binding-item.js6
-rw-r--r--js/panels/binding/edit-binding-view.reel/edit-binding-view.css36
-rw-r--r--js/panels/binding/edit-binding-view.reel/edit-binding-view.html103
-rw-r--r--js/panels/binding/edit-binding-view.reel/edit-binding-view.js21
5 files changed, 167 insertions, 0 deletions
diff --git a/js/panels/binding/binding-item.reel/binding-item.html b/js/panels/binding/binding-item.reel/binding-item.html
index 79644a7a..95a349f8 100644
--- a/js/panels/binding/binding-item.reel/binding-item.html
+++ b/js/panels/binding/binding-item.reel/binding-item.html
@@ -14,6 +14,7 @@
14 "prototype": "js/panels/binding/binding-item.reel", 14 "prototype": "js/panels/binding/binding-item.reel",
15 "properties": { 15 "properties": {
16 "element": {"#": "binding-item"}, 16 "element": {"#": "binding-item"},
17 "editButton": {"@": "editButton" },
17 "directionToggleButton": {"@": "directionToggleButton" } 18 "directionToggleButton": {"@": "directionToggleButton" }
18 } 19 }
19 }, 20 },
diff --git a/js/panels/binding/binding-item.reel/binding-item.js b/js/panels/binding/binding-item.reel/binding-item.js
index 0fc06ea8..294e8d35 100644
--- a/js/panels/binding/binding-item.reel/binding-item.js
+++ b/js/panels/binding/binding-item.reel/binding-item.js
@@ -82,6 +82,12 @@ exports.BindingItem = Montage.create(Component, {
82 } 82 }
83 }, 83 },
84 84
85 handleEditButtonAction : {
86 value: function(e) {
87 this.parentComponent.parentComponent.displayEditView();
88 }
89 },
90
85 /* -------------- Component Draw Cycle -------------- */ 91 /* -------------- Component Draw Cycle -------------- */
86 92
87 templateDidLoad : { 93 templateDidLoad : {
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..b0249c6c
--- /dev/null
+++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.css
@@ -0,0 +1,36 @@
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: -webkit-transform 140ms ease-in;
17}
18
19.edit-binding-view ul {
20 padding: 0;
21 margin: 0;
22}
23
24.edit-binding-view li {
25 padding: 3px;
26 list-style-type: none;
27}
28
29/* hintable fields */
30
31.so-pp, .bo-pp {
32 border: 1px solid #313131;
33 padding: 1px 4px;
34 background-color: #444;
35 margin-left: 5px;
36} \ 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..1d502a3e
--- /dev/null
+++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.html
@@ -0,0 +1,103 @@
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 }
18 },
19 "objectsList" : {
20 "prototype": "montage/ui/controller/array-controller",
21 "bindings" : {
22 "content": {"<-": "@owner.objectsList"}
23 }
24 },
25 "sourceObjectSelect": {
26 "prototype": "montage/ui/select-input.reel",
27 "properties": {
28 "element": {"#": "sourceObjectSelect"},
29 "contentController": {"@": "objectsList"}
30
31 }
32 },
33 "boundObjectSelect": {
34 "prototype": "montage/ui/select-input.reel",
35 "properties": {
36 "element": {"#": "boundObjectSelect"},
37 "contentController": {"@": "objectsList"}
38
39 }
40 },
41 "sourceObjectPropertyPathField": {
42 "prototype": "js/components/hintable.reel",
43 "properties": {
44 "element": {"#": "so-pp"},
45 "identifier": "sourceProperty"
46 },
47 "bindings": {
48 "value": {"<-": "@owner.sourceObjectPropertyPath"}
49 },
50 "listeners" : [
51 {
52 "type": "change",
53 "listener": {"@": "owner"}
54 }
55 ]
56 },
57 "boundObjectPropertyPathField": {
58 "prototype": "js/components/hintable.reel",
59 "properties": {
60 "element": {"#": "bo-pp"},
61 "identifier": "boundProperty"
62 },
63 "bindings": {
64 "value": {"<-": "@owner.boundObjectPropertyPath"}
65 },
66 "listeners" : [
67 {
68 "type": "change",
69 "listener": {"@": "owner"}
70 }
71 ]
72 }
73
74 }
75 </script>
76</head>
77<body>
78<div data-montage-id="edit-binding" class="edit-binding-view">
79
80 <ul>
81 <li class="edit-source-object">
82 <label>Source Object:</label><select data-montage-id="sourceObjectSelect" class="nj-skinned"></select>
83 <br>
84 <label>Source Object Property Path:</label><span data-montage-id="so-pp" class="so-pp">Test</span>
85 </li>
86
87 <li class="edit-bound-object">
88 <label>Bound Object:</label><select data-montage-id="boundObjectSelect" class="nj-skinned"></select>
89 <br>
90 <label>Bound Object Property Path:</label><span data-montage-id="bo-pp" class="bo-pp">Test</span>
91 </li>
92
93 <li class="edit-general-properties">
94 <input data-montage-id="oneway-checkbox" type="checkbox" class="nj-skinned"><label>Oneway</label>
95 </li>
96 <li>
97 <label>Converter</label><span>Test</span>
98 </li>
99 </ul>
100
101</div>
102</body>
103</html> \ No newline at end of file
diff --git a/js/panels/binding/edit-binding-view.reel/edit-binding-view.js b/js/panels/binding/edit-binding-view.reel/edit-binding-view.js
new file mode 100644
index 00000000..700f3024
--- /dev/null
+++ b/js/panels/binding/edit-binding-view.reel/edit-binding-view.js
@@ -0,0 +1,21 @@
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
7var Montage = require("montage/core/core").Montage,
8 Component = require("montage/ui/component").Component;
9
10
11exports.EditBindingView = Montage.create(Component, {
12 objectsList : {
13 value: ["Object1", "Object2", "Object3"]
14 },
15
16 prepareForDraw : {
17 value: function() {
18 console.log("Preparing to draw edit view");
19 }
20 }
21}); \ No newline at end of file
generated by cgit v1.2.3 (git 2.25.1) at 2024-11-22 10:56:53 +0000