Timeline: Fixes to timeline to handle document switching & breadcrumb

interactions under new DOM Architecture.
author: Jon Reid 2012-06-04 16:37:18 -0700
committer: Jon Reid 2012-06-04 16:37:18 -0700
commit: e48195d69ac08974984c8bae85b7f41a77a67adf (patch)
tree: 89f68981de8a08a2c4a5fa38156effeed66cdc1a /js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
parent: c1ec69879028220b0c3f11ad6e24035bf527802c (diff)
download: ninja-e48195d69ac08974984c8bae85b7f41a77a67adf.tar.gz
1 files changed, 1535 insertions, 1520 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 6e9513f2..a5737334 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -1,1521 +1,1536 @@
-/* <copyright>
+/* <copyright>
- This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
- No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
- (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
- </copyright> */
+ </copyright> */
-var Montage = require("montage/core/core").Montage;
+var Montage = require("montage/core/core").Montage;
-var Component = require("montage/ui/component").Component;
+var Component = require("montage/ui/component").Component;
-var nj = require("js/lib/NJUtils").NJUtils;
+var nj = require("js/lib/NJUtils").NJUtils;
-var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
+var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
-    hasTemplate:{
+    hasTemplate:{
-        value:true
+        value:true
-    },
+    },
-    /* === BEGIN: Models === */
+    /* === BEGIN: Models === */
-    _currentDocument: {
+    _currentDocument: {
-        value : null
+        value : null
-    },
+    },
-    currentDocument : {
+    currentDocument : {
-        get : function() {
+        get : function() {
-            return this._currentDocument;
+            return this._currentDocument;
-        },
+        },
-        set : function(value) {
+        set : function(value) {
-            if (value === this._currentDocument) {
+            // If it's the same document, do nothing.
-                return;
+            if (value === this._currentDocument) {
-            }
+                return;
+            }
-            if(!this._currentDocument && value.currentView === "design") {
-                this.enablePanel(true);
+            if(!this._currentDocument && value.currentView === "design") {
-            }
+                this.enablePanel(true);
+            }
-            this._currentDocument = value;
+            this._currentDocument = value;
-            if(!value) {
-                this.enablePanel(false);
+            if(!value) {
-            } else if(this._currentDocument.currentView === "design") {
+                this._boolCacheArrays = false;
-                this._boolCacheArrays = false;
+                this.clearTimelinePanel();
-                this.clearTimelinePanel();
+                this._boolCacheArrays = true;
-                this._boolCacheArrays = true;
+                this.enablePanel(false);
+            } else if(this._currentDocument.currentView === "design") {
-                // Rebind the document events for the new document context
+                this._boolCacheArrays = false;
-                this._bindDocumentEvents();
+                this.clearTimelinePanel();
+                this._boolCacheArrays = true;
-                // TODO: Fix the init function so that it can be called here instead of when container changes
-                // this.initTimelineForDocument();
+                // Rebind the document events for the new document context
-            }
+                this._bindDocumentEvents();
-        }
+                
-    },
+                // Initialize the timeline for the document.
+                this.initTimelineForDocument();
-    _arrLayers:{
+            }
-        value:[]
+        }
-    },
+    },
+    
-    arrLayers:{
+    _currentSelectedContainer: {
-        serializable:true,
+        value: null
-        get:function () {
+    },
-            return this._arrLayers;
+    currentSelectedContainer: {
-        },
+        get: function() {
-        set:function (newVal) {
+            return this._currentSelectedContainer;
-            this._arrLayers = newVal;
+        },
-            this.needsDraw = true;
+        set: function(newVal) {
-            this.cacheTimeline();
+            if(this._currentSelectedContainer !== newVal) {
-        }
+                this._currentSelectedContainer = newVal;
-    },
+                if (this._ignoreNextContainerChange === true) {
+                    this._ignoreNextContainerChange = false;
-    _temparrLayers:{
+                    return;
-        value:[]
+                }
-    },
+                this.application.ninja.currentDocument.setLevel = true;
+                
-    temparrLayers:{
+                if(this._currentDocument.currentView === "design") {
-        get:function () {
+                    this._boolCacheArrays = false;
-            return this._temparrLayers;
+                    this.clearTimelinePanel();
-        },
+                    this._boolCacheArrays = true;
-        set:function (newVal) {
+    
-            this._temparrLayers = newVal;
+                    // Rebind the document events for the new document context
-        }
+                    this._bindDocumentEvents();
-    },
+                    
+                    // Initialize the timeline for the document.
+                    this.initTimelineForDocument();
-    _layerRepetition:{
+                }
-        value:null
+            }
-    },
+        }
+    },
-    layerRepetition:{
-        get:function () {
+    _arrLayers:{
-            return this._layerRepetition;
+        value:[]
-        },
+    },
-        set:function (newVal) {
-            this._layerRepetition = newVal;
+    arrLayers:{
-        }
+        serializable:true,
-    },
+        get:function () {
+            return this._arrLayers;
-    // Set to false to skip array caching array sets in current document
+        },
-    _boolCacheArrays:{
+        set:function (newVal) {
-        value:true
+            this._arrLayers = newVal;
-    },
+            this.needsDraw = true;
+            this.cacheTimeline();
-    _currentLayerNumber:{
+        }
-        value:0
+    },
-    },
+    _temparrLayers:{
-    currentLayerNumber:{
+        value:[]
-        get:function () {
+    },
-            return this._currentLayerNumber;
-        },
+    temparrLayers:{
-        set:function (newVal) {
+        get:function () {
-            if (newVal !== this._currentLayerNumber) {
+            return this._temparrLayers;
-                this._currentLayerNumber = newVal;
+        },
-                this.cacheTimeline();
+        set:function (newVal) {
-            }
+            this._temparrLayers = newVal;
-        }
+        }
-    },
+    },
-    _currentLayerSelected:{
-        value: false
+    _layerRepetition:{
-    },
+        value:null
-    currentLayerSelected:{
+    },
-        get:function () {
-            return this._currentLayerSelected;
+    layerRepetition:{
-        },
+        get:function () {
-        set:function (newVal) {
+            return this._layerRepetition;
-            this._currentLayerSelected = newVal;
+        },
-            this.cacheTimeline();
+        set:function (newVal) {
-        }
+            this._layerRepetition = newVal;
-    },
+        }
+    },
-    _selectedLayerID:{
-        value:false
+    // Set to false to skip array caching array sets in current document
-    },
+    _boolCacheArrays:{
-    selectedLayerID:{
+        value:true
-        get:function () {
+    },
-            return this._selectedLayerID;
author	Jon Reid	2012-06-04 16:37:18 -0700
committer	Jon Reid	2012-06-04 16:37:18 -0700
commit	e48195d69ac08974984c8bae85b7f41a77a67adf (patch)
tree	89f68981de8a08a2c4a5fa38156effeed66cdc1a /js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
parent	c1ec69879028220b0c3f11ad6e24035bf527802c (diff)
download	ninja-e48195d69ac08974984c8bae85b7f41a77a67adf.tar.gz

diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js index 6e9513f2..a5737334 100644 --- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js +++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -1,1521 +1,1536 @@
1	/* <copyright>	1	/* <copyright>
2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>	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/>	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.	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
5	</copyright> */	5	</copyright> */
6		6
7	var Montage = require("montage/core/core").Montage;	7	var Montage = require("montage/core/core").Montage;
8	var Component = require("montage/ui/component").Component;	8	var Component = require("montage/ui/component").Component;
9	var nj = require("js/lib/NJUtils").NJUtils;	9	var nj = require("js/lib/NJUtils").NJUtils;
10		10
11	var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {	11	var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
12		12
13	hasTemplate:{	13	hasTemplate:{
14	value:true	14	value:true
15	},	15	},
16		16
17	/* === BEGIN: Models === */	17	/* === BEGIN: Models === */
18	_currentDocument: {	18	_currentDocument: {
19	value : null	19	value : null
20	},	20	},
21		21
22	currentDocument : {	22	currentDocument : {
23	get : function() {	23	get : function() {
24	return this._currentDocument;	24	return this._currentDocument;
25	},	25	},
26	set : function(value) {	26	set : function(value) {
27	if (value === this._currentDocument) {	27	// If it's the same document, do nothing.
28	return;	28	if (value === this._currentDocument) {
29	}	29	return;
30		30	}
31	if(!this._currentDocument && value.currentView === "design") {	31
32	this.enablePanel(true);	32	if(!this._currentDocument && value.currentView === "design") {
33	}	33	this.enablePanel(true);
34		34	}
35	this._currentDocument = value;	35
36		36	this._currentDocument = value;
37	if(!value) {	37
38	this.enablePanel(false);	38	if(!value) {
39	} else if(this._currentDocument.currentView === "design") {	39	this._boolCacheArrays = false;
40	this._boolCacheArrays = false;	40	this.clearTimelinePanel();
41	this.clearTimelinePanel();	41	this._boolCacheArrays = true;
42	this._boolCacheArrays = true;	42	this.enablePanel(false);
43		43	} else if(this._currentDocument.currentView === "design") {
44	// Rebind the document events for the new document context	44	this._boolCacheArrays = false;
45	this._bindDocumentEvents();	45	this.clearTimelinePanel();
46		46	this._boolCacheArrays = true;
47	// TODO: Fix the init function so that it can be called here instead of when container changes	47
48	// this.initTimelineForDocument();	48	// Rebind the document events for the new document context
49	}	49	this._bindDocumentEvents();
50	}	50
51	},	51	// Initialize the timeline for the document.
52		52	this.initTimelineForDocument();
53	_arrLayers:{	53	}
54	value:[]	54	}
55	},	55	},
56		56
57	arrLayers:{	57	_currentSelectedContainer: {
58	serializable:true,	58	value: null
59	get:function () {	59	},
60	return this._arrLayers;	60	currentSelectedContainer: {
61	},	61	get: function() {
62	set:function (newVal) {	62	return this._currentSelectedContainer;
63	this._arrLayers = newVal;	63	},
64	this.needsDraw = true;	64	set: function(newVal) {
65	this.cacheTimeline();	65	if(this._currentSelectedContainer !== newVal) {
66	}	66	this._currentSelectedContainer = newVal;
67	},	67	if (this._ignoreNextContainerChange === true) {
68		68	this._ignoreNextContainerChange = false;
69	_temparrLayers:{	69	return;
70	value:[]	70	}
71	},	71	this.application.ninja.currentDocument.setLevel = true;
72		72
73	temparrLayers:{	73	if(this._currentDocument.currentView === "design") {
74	get:function () {	74	this._boolCacheArrays = false;
75	return this._temparrLayers;	75	this.clearTimelinePanel();
76	},	76	this._boolCacheArrays = true;
77	set:function (newVal) {	77
78	this._temparrLayers = newVal;	78	// Rebind the document events for the new document context
79	}	79	this._bindDocumentEvents();
80	},	80
81		81	// Initialize the timeline for the document.
82		82	this.initTimelineForDocument();
83	_layerRepetition:{	83	}
84	value:null	84	}
85	},	85	}
86		86	},
87	layerRepetition:{	87
88	get:function () {	88	_arrLayers:{
89	return this._layerRepetition;	89	value:[]
90	},	90	},
91	set:function (newVal) {	91
92	this._layerRepetition = newVal;	92	arrLayers:{
93	}	93	serializable:true,
94	},	94	get:function () {
95		95	return this._arrLayers;
96	// Set to false to skip array caching array sets in current document	96	},
97	_boolCacheArrays:{	97	set:function (newVal) {
98	value:true	98	this._arrLayers = newVal;
99	},	99	this.needsDraw = true;
100		100	this.cacheTimeline();
101	_currentLayerNumber:{	101	}
102	value:0	102	},
103	},	103
104		104	_temparrLayers:{
105	currentLayerNumber:{	105	value:[]
106	get:function () {	106	},
107	return this._currentLayerNumber;	107
108	},	108	temparrLayers:{
109	set:function (newVal) {	109	get:function () {
110	if (newVal !== this._currentLayerNumber) {	110	return this._temparrLayers;
111	this._currentLayerNumber = newVal;	111	},
112	this.cacheTimeline();	112	set:function (newVal) {
113	}	113	this._temparrLayers = newVal;
114	}	114	}
115	},	115	},
116		116
117	_currentLayerSelected:{	117
118	value: false	118	_layerRepetition:{
119	},	119	value:null
120	currentLayerSelected:{	120	},
121	get:function () {	121
122	return this._currentLayerSelected;	122	layerRepetition:{
123	},	123	get:function () {
124	set:function (newVal) {	124	return this._layerRepetition;
125	this._currentLayerSelected = newVal;	125	},
126	this.cacheTimeline();	126	set:function (newVal) {
127	}	127	this._layerRepetition = newVal;
128	},	128	}
129		129	},
130	_selectedLayerID:{	130
131	value:false	131	// Set to false to skip array caching array sets in current document
132	},	132	_boolCacheArrays:{
133	selectedLayerID:{	133	value:true
134	get:function () {	134	},
135	return this._selectedLayerID;