diff options
Diffstat (limited to 'js/panels/Timeline/Layer.reel/Layer.js')
-rw-r--r-- | js/panels/Timeline/Layer.reel/Layer.js | 338 |
1 files changed, 244 insertions, 94 deletions
diff --git a/js/panels/Timeline/Layer.reel/Layer.js b/js/panels/Timeline/Layer.reel/Layer.js index 5206ae16..f2e20d41 100644 --- a/js/panels/Timeline/Layer.reel/Layer.js +++ b/js/panels/Timeline/Layer.reel/Layer.js | |||
@@ -67,10 +67,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
67 | 67 | ||
68 | /* Layer models: the name, ID, and selected and animation booleans for the layer */ | 68 | /* Layer models: the name, ID, and selected and animation booleans for the layer */ |
69 | _layerName:{ | 69 | _layerName:{ |
70 | serializable: true, | 70 | value: "Default Layer Name" |
71 | value:null, | ||
72 | writable:true, | ||
73 | enumerable:true | ||
74 | }, | 71 | }, |
75 | 72 | ||
76 | layerName:{ | 73 | layerName:{ |
@@ -79,20 +76,17 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
79 | return this._layerName; | 76 | return this._layerName; |
80 | }, | 77 | }, |
81 | set:function(newVal){ | 78 | set:function(newVal){ |
82 | if (newVal !== this._layerName) { | 79 | |
83 | this._layerEditable.value = newVal; | 80 | this._layerEditable.value = newVal; |
84 | this._layerName = newVal; | 81 | this._layerName = newVal; |
85 | this.layerData.layerName = newVal; | 82 | this.layerData.layerName = newVal; |
86 | this.log('layerName setter: ' + newVal) | 83 | if (typeof(this.dynamicLayerName) !== "undefined") { |
87 | } | 84 | this.dynamicLayerName.value = newVal; |
88 | 85 | } | |
89 | } | 86 | } |
90 | }, | 87 | }, |
91 | _layerID:{ | 88 | _layerID:{ |
92 | value:null, | 89 | value: "Default Layer ID" |
93 | writable:true, | ||
94 | serializable: true, | ||
95 | enumerable:true | ||
96 | }, | 90 | }, |
97 | 91 | ||
98 | layerID:{ | 92 | layerID:{ |
@@ -102,8 +96,49 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
102 | }, | 96 | }, |
103 | set:function(value){ | 97 | set:function(value){ |
104 | this._layerID = value; | 98 | this._layerID = value; |
99 | this.layerData.layerID = value; | ||
100 | } | ||
101 | }, | ||
102 | _layerTag:{ | ||
103 | value: "tag" | ||
104 | }, | ||
105 | |||
106 | layerTag:{ | ||
107 | serializable: true, | ||
108 | get:function(){ | ||
109 | return this._layerTag; | ||
110 | }, | ||
111 | set:function(newVal){ | ||
112 | this._layerTag = newVal; | ||
113 | this.layerData.layerTag = newVal; | ||
105 | } | 114 | } |
106 | }, | 115 | }, |
116 | _docUUID : { | ||
117 | value: null | ||
118 | }, | ||
119 | docUUID : { | ||
120 | serializable: true, | ||
121 | get: function() { | ||
122 | return this._docUUID; | ||
123 | }, | ||
124 | set: function(newVal) { | ||
125 | this._docUUID = newVal; | ||
126 | } | ||
127 | }, | ||
128 | |||
129 | |||
130 | _elementsList : { | ||
131 | value: [] | ||
132 | }, | ||
133 | elementsList : { | ||
134 | serializable: true, | ||
135 | get: function() { | ||
136 | return this._elementsList; | ||
137 | }, | ||
138 | set: function(newVal) { | ||
139 | this._elementsList = newVal; | ||
140 | } | ||
141 | }, | ||
107 | 142 | ||
108 | /* Position and Transform hottext values */ | 143 | /* Position and Transform hottext values */ |
109 | _dtextPositionX : { | 144 | _dtextPositionX : { |
@@ -119,7 +154,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
119 | set:function(value){ | 154 | set:function(value){ |
120 | if (this._dtextPositionX !== value) { | 155 | if (this._dtextPositionX !== value) { |
121 | this._dtextPositionX = value; | 156 | this._dtextPositionX = value; |
122 | //this.needsDraw = true; | 157 | this.layerData.dtextPositionX = value; |
123 | } | 158 | } |
124 | 159 | ||
125 | } | 160 | } |
@@ -138,7 +173,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
138 | set:function(value){ | 173 | set:function(value){ |
139 | if (this._dtextPositionY !== value) { | 174 | if (this._dtextPositionY !== value) { |
140 | this._dtextPositionY = value; | 175 | this._dtextPositionY = value; |
141 | //this.needsDraw = true; | 176 | this.layerData.dtextPositionY = value; |
142 | } | 177 | } |
143 | 178 | ||
144 | } | 179 | } |
@@ -157,7 +192,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
157 | set:function(value){ | 192 | set:function(value){ |
158 | if (this._dtextScaleX !== value) { | 193 | if (this._dtextScaleX !== value) { |
159 | this._dtextScaleX = value; | 194 | this._dtextScaleX = value; |
160 | //this.needsDraw = true; | 195 | this.layerData.dtextScaleX = value; |
161 | } | 196 | } |
162 | 197 | ||
163 | } | 198 | } |
@@ -176,7 +211,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
176 | set:function(value){ | 211 | set:function(value){ |
177 | if (this._dtextScaleY !== value) { | 212 | if (this._dtextScaleY !== value) { |
178 | this._dtextScaleY = value; | 213 | this._dtextScaleY = value; |
179 | //this.needsDraw = true; | 214 | this.layerData.dtextScaleY = value; |
180 | } | 215 | } |
181 | 216 | ||
182 | } | 217 | } |
@@ -195,7 +230,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
195 | set:function(value){ | 230 | set:function(value){ |
196 | if (this._dtextSkewX !== value) { | 231 | if (this._dtextSkewX !== value) { |
197 | this._dtextSkewX = value; | 232 | this._dtextSkewX = value; |
198 | //this.needsDraw = true; | 233 | this.layerData.dtextSkewX = value; |
199 | } | 234 | } |
200 | 235 | ||
201 | } | 236 | } |
@@ -214,7 +249,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
214 | set:function(value){ | 249 | set:function(value){ |
215 | if (this._dtextSkewY !== value) { | 250 | if (this._dtextSkewY !== value) { |
216 | this._dtextSkewY = value; | 251 | this._dtextSkewY = value; |
217 | //this.needsDraw = true; | 252 | this.layerData.dtextSkewY = value; |
218 | } | 253 | } |
219 | 254 | ||
220 | } | 255 | } |
@@ -233,7 +268,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
233 | set:function(value){ | 268 | set:function(value){ |
234 | if (this._dtextRotate !== value) { | 269 | if (this._dtextRotate !== value) { |
235 | this._dtextRotate = value; | 270 | this._dtextRotate = value; |
236 | //this.needsDraw = true; | 271 | this.layerData.dtextRotate = value; |
237 | } | 272 | } |
238 | 273 | ||
239 | } | 274 | } |
@@ -278,6 +313,7 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
278 | }, | 313 | }, |
279 | set: function(newVal) { | 314 | set: function(newVal) { |
280 | this._isActive = newVal; | 315 | this._isActive = newVal; |
316 | this.layerData.isActive = newVal; | ||
281 | } | 317 | } |
282 | }, | 318 | }, |
283 | 319 | ||
@@ -294,8 +330,30 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
294 | }, | 330 | }, |
295 | set:function(value){ | 331 | set:function(value){ |
296 | this._isAnimated = value; | 332 | this._isAnimated = value; |
333 | this.layerData.isAnimated = value; | ||
297 | } | 334 | } |
298 | }, | 335 | }, |
336 | _isVisible:{ | ||
337 | value: true | ||
338 | }, | ||
339 | |||
340 | isVisible:{ | ||
341 | get:function(){ | ||
342 | return this._isVisible; | ||
343 | }, | ||
344 | set:function(value){ | ||
345 | if (this._isVisible !== value) { | ||
346 | this._isVisible = value; | ||
347 | if (value === true) { | ||
348 | this.element.classList.remove("layer-hidden"); | ||
349 | } else { | ||
350 | this.element.classList.add("layer-hidden"); | ||
351 | } | ||
352 | } | ||
353 | this.layerData.isVisible = value; | ||
354 | } | ||
355 | }, | ||
356 | |||
299 | _justAdded: { | 357 | _justAdded: { |
300 | value: false | 358 | value: false |
301 | }, | 359 | }, |
@@ -314,10 +372,9 @@ var Layer = exports.Layer = Montage.create(Component, { | |||
314 | return this._isMainCollapsed; | 372 | return this._isMainCollapsed; |
315 | }, |