aboutsummaryrefslogtreecommitdiff
path: root/js/panels
diff options
context:
space:
mode:
authorValerio Virgillito2012-05-29 00:34:40 -0700
committerValerio Virgillito2012-05-29 00:34:40 -0700
commit4c3aac5eabd93052b1554a03d78235215bb49db4 (patch)
treefe08f4f6d33d81d602f56daeaec845577fb9d8a5 /js/panels
parent9a66ccad0235484643ef6d821315b11b5be4a93e (diff)
downloadninja-4c3aac5eabd93052b1554a03d78235215bb49db4.tar.gz
document bindings phase 1
- using array controller to bind the current document to all ninja components - removed open document event - removed references to the document controller Signed-off-by: Valerio Virgillito <valerio@motorola.com>
Diffstat (limited to 'js/panels')
-rwxr-xr-xjs/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.js29
-rwxr-xr-xjs/panels/Panel.reel/Panel.js24
-rwxr-xr-xjs/panels/PanelContainer.reel/PanelContainer.html21
-rwxr-xr-xjs/panels/PanelContainer.reel/PanelContainer.js29
-rw-r--r--js/panels/Timeline/Layer.reel/Layer.js4
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js1
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js4
-rw-r--r--js/panels/css-panel/style-sheets-view.reel/style-sheets-view.js8
-rwxr-xr-xjs/panels/properties.reel/properties.js40
-rwxr-xr-xjs/panels/properties.reel/sections/three-d-view.reel/three-d-view.js91
10 files changed, 159 insertions, 92 deletions
diff --git a/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.js b/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.js
index b4a803b2..b496ce4a 100755
--- a/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.js
+++ b/js/panels/CSSPanel/CSSPanelBase.reel/CSSPanelBase.js
@@ -57,11 +57,6 @@ var CSSPanel = exports.CSSPanelBase = (require("montage/core/core").Montage).cre
57 57
58 this.eventManager.addEventListener("selectionChange", this, true); 58 this.eventManager.addEventListener("selectionChange", this, true);
59 this.eventManager.addEventListener("elementChange", this, true); 59 this.eventManager.addEventListener("elementChange", this, true);
60 this.eventManager.addEventListener("openDocument", this, true);
61
62 if(this.application.ninja.currentDocument) {
63 this.captureOpenDocument();
64 }
65 60
66 this.addEventListener('webkitTransitionEnd', this, false); 61 this.addEventListener('webkitTransitionEnd', this, false);
67 ['sheets', 'styles'].forEach(function(section) { 62 ['sheets', 'styles'].forEach(function(section) {
@@ -73,11 +68,29 @@ var CSSPanel = exports.CSSPanelBase = (require("montage/core/core").Montage).cre
73 this._setUpToolbars(); 68 this._setUpToolbars();
74 } 69 }
75 }, 70 },
76 captureOpenDocument : { 71
77 value : function(e) { 72 _currentDocument: {
78 this.populateStyleSheetList(); 73 value : null,
74 enumerable : false
75 },
76
77 currentDocument : {
78 get : function() {
79 return this._currentDocument;
80 },
81 set : function(value) {
82 if (value === this._currentDocument) {
83 return;
84 }
85
86 this._currentDocument = value;
87
88 if(this._currentDocument.currentView === "design") {
89 this.populateStyleSheetList();
90 }
79 } 91 }
80 }, 92 },
93
81 handleWebkitTransitionEnd : { 94 handleWebkitTransitionEnd : {
82 value: function(e) { 95 value: function(e) {
83 //console.log('transition end at panel base'); 96 //console.log('transition end at panel base');
diff --git a/js/panels/Panel.reel/Panel.js b/js/panels/Panel.reel/Panel.js
index 613bef4b..14b25c36 100755
--- a/js/panels/Panel.reel/Panel.js
+++ b/js/panels/Panel.reel/Panel.js
@@ -100,6 +100,30 @@ exports.Panel = Montage.create(Component, {
100 } 100 }
101 }, 101 },
102 102
103 _currentDocument: {
104 value : null,
105 enumerable : false
106 },
107
108 currentDocument : {
109 get : function() {
110 return this._currentDocument;
111 },
112 set : function(value) {
113 if (value === this._currentDocument) {
114 return;
115 }
116
117 this._currentDocument = value;
118
119 if(typeof this.panelContent.content[0].controller._currentDocument !== "undefined") {
120 this.panelContent.content[0].controller.currentDocument = this._currentDocument;
121 }
122
123 this.disabled = this._currentDocument.currentView !== "design";
124 }
125 },
126
103 handleBtnCollapseAction: { 127 handleBtnCollapseAction: {
104 value: function() { 128 value: function() {
105 this.collapsed = !this.collapsed; 129 this.collapsed = !this.collapsed;
diff --git a/js/panels/PanelContainer.reel/PanelContainer.html b/js/panels/PanelContainer.reel/PanelContainer.html
index 1c144bf4..b22b3609 100755
--- a/js/panels/PanelContainer.reel/PanelContainer.html
+++ b/js/panels/PanelContainer.reel/PanelContainer.html
@@ -17,6 +17,9 @@
17 "prototype": "js/panels/Panel.reel", 17 "prototype": "js/panels/Panel.reel",
18 "properties": { 18 "properties": {
19 "element": {"#": "panel_0"} 19 "element": {"#": "panel_0"}
20 },
21 "bindings": {
22 "currentDocument": {"<-": "@owner.currentDocument"}
20 } 23 }
21 }, 24 },
22 25
@@ -24,6 +27,9 @@
24 "prototype": "js/panels/Panel.reel", 27 "prototype": "js/panels/Panel.reel",
25 "properties": { 28 "properties": {
26 "element": {"#": "panel_1"} 29 "element": {"#": "panel_1"}
30 },
31 "bindings": {
32 "currentDocument": {"<-": "@owner.currentDocument"}
27 } 33 }
28 }, 34 },
29 35
@@ -31,6 +37,9 @@
31 "prototype": "js/panels/Panel.reel", 37 "prototype": "js/panels/Panel.reel",
32 "properties": { 38 "properties": {
33 "element": {"#": "panel_2"} 39 "element": {"#": "panel_2"}
40 },
41 "bindings": {
42 "currentDocument": {"<-": "@owner.currentDocument"}
34 } 43 }
35 }, 44 },
36 45
@@ -38,6 +47,9 @@
38 "prototype": "js/panels/Panel.reel", 47 "prototype": "js/panels/Panel.reel",
39 "properties": { 48 "properties": {
40 "element": {"#": "panel_3"} 49 "element": {"#": "panel_3"}
50 },
51 "bindings": {
52 "currentDocument": {"<-": "@owner.currentDocument"}
41 } 53 }
42 }, 54 },
43 55
@@ -45,6 +57,9 @@
45 "prototype": "js/panels/Panel.reel", 57 "prototype": "js/panels/Panel.reel",
46 "properties": { 58 "properties": {
47 "element": {"#": "panel_4"} 59 "element": {"#": "panel_4"}
60 },
61 "bindings": {
62 "currentDocument": {"<-": "@owner.currentDocument"}
48 } 63 }
49 }, 64 },
50 65
@@ -52,6 +67,9 @@
52 "prototype": "js/panels/Panel.reel", 67 "prototype": "js/panels/Panel.reel",
53 "properties": { 68 "properties": {
54 "element": {"#": "panel_5"} 69 "element": {"#": "panel_5"}
70 },
71 "bindings": {
72 "currentDocument": {"<-": "@owner.currentDocument"}
55 } 73 }
56 }, 74 },
57 75
@@ -60,6 +78,9 @@
60 "name": "Panel", 78 "name": "Panel",
61 "properties": { 79 "properties": {
62 "element": {"#": "panel_6"} 80 "element": {"#": "panel_6"}
81 },
82 "bindings": {
83 "currentDocument": {"<-": "@owner.currentDocument"}
63 } 84 }
64 }, 85 },
65 86
diff --git a/js/panels/PanelContainer.reel/PanelContainer.js b/js/panels/PanelContainer.reel/PanelContainer.js
index 8d1d6a5e..dc501a99 100755
--- a/js/panels/PanelContainer.reel/PanelContainer.js
+++ b/js/panels/PanelContainer.reel/PanelContainer.js
@@ -16,7 +16,24 @@ exports.PanelContainer = Montage.create(Component, {
16 value: null 16 value: null
17 }, 17 },
18 18
19 // This will hold the current loaded panels. 19 _currentDocument: {
20 value : null,
21 enumerable : false
22 },
23
24 currentDocument : {
25 get : function() {
26 return this._currentDocument;
27 },
28 set : function(value) {
29 if (value === this._currentDocument) {
30 return;
31 }
32
33 this._currentDocument = value;
34 }
35 },
36
20 panels: { 37 panels: {
21 value: [] 38 value: []
22 }, 39