diff options
Diffstat (limited to 'js/panels/Timeline/Layer.reel/Layer.js')
-rw-r--r-- | js/panels/Timeline/Layer.reel/Layer.js | 2747 |
1 files changed, 1409 insertions, 1338 deletions
diff --git a/js/panels/Timeline/Layer.reel/Layer.js b/js/panels/Timeline/Layer.reel/Layer.js index f7b66a39..291e3416 100644 --- a/js/panels/Timeline/Layer.reel/Layer.js +++ b/js/panels/Timeline/Layer.reel/Layer.js | |||
@@ -1,1339 +1,1410 @@ | |||
1 | /* <copyright> | 1 | /* <copyright> |
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | 2 | Copyright (c) 2012, Motorola Mobility, Inc |
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | 3 | All Rights Reserved. |
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 4 | BSD License. |
5 | </copyright> */ | 5 | |
6 | 6 | Redistribution and use in source and binary forms, with or without | |
7 | var Montage = require("montage/core/core").Montage; | 7 | modification, are permitted provided that the following conditions are met: |
8 | var Component = require("montage/ui/component").Component; | 8 | |
9 | var Hintable = require("js/components/hintable.reel").Hintable; | 9 | - Redistributions of source code must retain the above copyright notice, |
10 | var nj = require("js/lib/NJUtils").NJUtils; | 10 | this list of conditions and the following disclaimer. |
11 | var ElementsMediator = require("js/mediators/element-mediator").ElementMediator; | 11 | - Redistributions in binary form must reproduce the above copyright |
12 | 12 | notice, this list of conditions and the following disclaimer in the | |
13 | var Layer = exports.Layer = Montage.create(Component, { | 13 | documentation and/or other materials provided with the distribution. |
14 | 14 | - Neither the name of Motorola Mobility nor the names of its contributors | |
15 | /* Begin: Models */ | 15 | may be used to endorse or promote products derived from this software |
16 | 16 | without specific prior written permission. | |
17 | _dynamicLayerTag: { | 17 | |
18 | value: null | 18 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" |
19 | }, | 19 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
20 | dynamicLayerTag: { | 20 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE |
21 | serializable: true, | 21 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE |
22 | get: function() { | 22 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR |
23 | return this._dynamicLayerTag; | 23 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF |
24 | }, | 24 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS |
25 | set: function(newVal) { | 25 | INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN |
26 | this._dynamicLayerTag = newVal; | 26 | CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) |
27 | } | 27 | ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE |
28 | }, | 28 | POSSIBILITY OF SUCH DAMAGE. |
29 | 29 | </copyright> */ | |
30 | _positionCollapser: { | 30 | |
31 | value: null | 31 | var Montage = require("montage/core/core").Montage; |
32 | }, | 32 | var Component = require("montage/ui/component").Component; |
33 | positionCollapser: { | 33 | var Collapser = require("js/panels/Timeline/Collapser").Collapser; |
34 | serializable: true, | 34 | var Hintable = require("js/components/hintable.reel").Hintable; |
35 | get: function() { | 35 | var LayerStyle = require("js/panels/Timeline/Style.reel").LayerStyle; |
36 | return this._positionCollapser; | 36 | var DynamicText = require("montage/ui/dynamic-text.reel").DynamicText; |
37 | }, | 37 | var defaultEventManager = require("montage/core/event/event-manager").defaultEventManager; |
38 | set: function(newVal) { | 38 | var nj = require("js/lib/NJUtils").NJUtils; |
39 | this._positionCollapser = newVal; | 39 | var ElementsMediator = require("js/mediators/element-mediator").ElementMediator; |
40 | } | 40 | |
41 | }, | 41 | var Layer = exports.Layer = Montage.create(Component, { |
42 | 42 | ||
43 | _transformCollapser: { | 43 | dynamicLayerTag: { |
44 | value: null | 44 | value: null, |
45 | }, | 45 | serializable: true |
46 | transformCollapser: { | 46 | }, |
47 | serializable: true, | 47 | |
48 | get: function() { | 48 | positionCollapser: { |
49 | return this._transformCollapser; | 49 | value: null, |
50 | }, | 50 | serializable: true |
51 | set: function(newVal) { | 51 | }, |
52 | this._transformCollapser = newVal; | 52 | |
53 | } | 53 | transformCollapser: { |
54 | }, | 54 | value: null, |
55 | 55 | serializable: true | |
56 | _styleCollapser: { | 56 | }, |
57 | value: null | 57 | |
58 | }, | 58 | styleCollapser: { |
59 | styleCollapser: { | 59 | value: null, |
60 | serializable: true, | 60 | serializable: true |
61 | get: function() { | 61 | }, |
62 | return this._styleCollapser; | 62 | |
63 | }, | 63 | clickerMain: { |
64 | set: function(newVal) { | 64 | value: null, |
65 | this._styleCollapser = newVal; | 65 | serializable: true |
66 | } | 66 | }, |
67 | }, | 67 | |
68 | 68 | myLabel: { | |
69 | _clickerMain: { | 69 | value: null, |
70 | value: null | 70 | serializable: true |
71 | }, | 71 | }, |
72 | clickerMain: { | 72 | |
73 | serializable: true, | 73 | /* Begin: Models */ |
74 | get: function() { | 74 | |
75 | return this._clickerMain; | 75 | /* Main collapser model: the main collapser for the layer */ |
76 | }, | 76 | _mainCollapser : { |
77 | set: function(newVal) { | 77 | value: false |
78 | this._clickerMain = newVal; | 78 | }, |
79 | } | 79 | mainCollapser: { |
80 | }, | 80 | get: function() { |
81 | 81 | return this._mainCollapser; | |
82 | _myLabel: { | 82 | }, |
83 | value: null | 83 | set: function(newVal) { |
84 | }, | 84 | this._mainCollapser = newVal; |
85 | myLabel: { | 85 | }, |
86 | serializable: true, | 86 | serializable: true |
87 | get: function() { | 87 | }, |
88 | return this._myLabel; | 88 | |
89 | }, | 89 | /* Style models: the array of styles, and the repetition that uses them */ |
90 | set: function(newVal) { | 90 | _arrLayerStyles : { |
91 | this._myLabel = newVal; | 91 | value: [] |
92 | } | 92 | }, |
93 | }, | 93 | arrLayerStyles : { |
94 | 94 | serializable: true, | |
95 | _mainCollapser : { | 95 | get: function() { |
96 | value: false | 96 | return this._arrLayerStyles; |
97 | }, | 97 | }, |
98 | mainCollapser: { | 98 | set: function(newVal) { |
99 | get: function() { | 99 | this._arrLayerStyles = newVal; |
100 | return this._mainCollapser; | 100 | } |
101 | }, | 101 | }, |
102 | set: function(newVal) { | 102 | _styleRepetition : { |
103 | this._mainCollapser = newVal; | 103 | value: false |
104 | }, | 104 | }, |
105 | serializable: true | 105 | styleRepetition : { |
106 | }, | 106 | serializable: true, |
107 | 107 | get: function() { | |
108 | _arrLayerStyles : { | 108 | return this._styleRepetition; |
109 | value: [] | 109 | }, |
110 | }, | 110 | set: function(newVal) { |
111 | arrLayerStyles : { | 111 | this._styleRepetition = newVal; |
112 | serializable: true, | 112 | } |
113 | get: function() { | 113 | }, |
114 | return this._arrLayerStyles; | 114 | _styleCounter : { |
115 | }, | 115 | value: 0 |
116 | set: function(newVal) { | 116 | }, |
117 | this._arrLayerStyles = newVal; | 117 | styleCounter:{ |
118 | } | 118 | serializable:true, |
119 | }, | 119 | get:function () { |
120 | 120 | return this._styleCounter; | |
121 | _styleRepetition : { | 121 | }, |
122 | value: false | 122 | set:function (newVal) { |
123 | }, | 123 | this._styleCounter = newVal; |
124 | styleRepetition : { | 124 | } |
125 | serializable: true, | 125 | }, |
126 | get: function() { | 126 | _selectedStyleIndex: { |
127 | return this._styleRepetition; | 127 | value: false |
128 | }, | 128 | }, |
129 | set: function(newVal) { | 129 | selectedStyleIndex: { |
130 | this._styleRepetition = newVal; | 130 | get: function() { |
131 | } | 131 | return this._selectedStyleIndex; |
132 | }, | 132 | }, |
133 | 133 | set: function(newVal) { | |
134 | _styleCounter : { | 134 | if (typeof(newVal) === "undefined") { |
135 | value: 0 | 135 | return; |
136 | }, | 136 | } |
137 | styleCounter:{ | 137 | if (newVal !== this._selectedStyleIndex) { |
138 | serializable:true, | 138 | this._selectedStyleIndex = newVal; |
139 | get:function () { | 139 | this.layerData.selectedStyleIndex = newVal; |
140 | return this._styleCounter; | 140 | } |
141 | }, | 141 | } |
142 | set:function (newVal) { | 142 | }, |
143 | this._styleCounter = newVal; | 143 | _storedStyleIndex : { |
144 | } | 144 | value: false |
145 | }, | 145 | }, |
146 | 146 | ||
147 | _selectedStyleIndex: { | 147 | /* Layer models: the name, ID, and selected and animation booleans for the layer */ |
148 | value: false | 148 | _layerName:{ |