aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Layer.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/Layer.reel')
-rw-r--r--js/panels/Timeline/Layer.reel/Layer.html34
-rw-r--r--js/panels/Timeline/Layer.reel/Layer.js2758
-rw-r--r--js/panels/Timeline/Layer.reel/css/Layer.css32
-rw-r--r--js/panels/Timeline/Layer.reel/scss/Layer.scss32
4 files changed, 1494 insertions, 1362 deletions
diff --git a/js/panels/Timeline/Layer.reel/Layer.html b/js/panels/Timeline/Layer.reel/Layer.html
index 5ee50491..3c471952 100644
--- a/js/panels/Timeline/Layer.reel/Layer.html
+++ b/js/panels/Timeline/Layer.reel/Layer.html
@@ -1,9 +1,33 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<!-- <copyright> 2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/> 3Copyright (c) 2012, Motorola Mobility, Inc
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> 4All Rights Reserved.
5 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. 5BSD License.
6 </copyright> --> 6
7Redistribution and use in source and binary forms, with or without
8modification, are permitted provided that the following conditions are met:
9
10 - Redistributions of source code must retain the above copyright notice,
11 this list of conditions and the following disclaimer.
12 - Redistributions in binary form must reproduce the above copyright
13 notice, this list of conditions and the following disclaimer in the
14 documentation and/or other materials provided with the distribution.
15 - Neither the name of Motorola Mobility nor the names of its contributors
16 may be used to endorse or promote products derived from this software
17 without specific prior written permission.
18
19THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
20AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
21IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
22ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
23LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
24CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
25SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
26INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
27CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
28ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
29POSSIBILITY OF SUCH DAMAGE.
30</copyright> -->
7<html lang="en"> 31<html lang="en">
8 <head> 32 <head>
9 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 33 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
@@ -307,4 +331,4 @@
307 </div> 331 </div>
308 </div> 332 </div>
309 </body> 333 </body>
310</html> \ No newline at end of file 334</html>
diff --git a/js/panels/Timeline/Layer.reel/Layer.js b/js/panels/Timeline/Layer.reel/Layer.js
index f53d54aa..291e3416 100644
--- a/js/panels/Timeline/Layer.reel/Layer.js
+++ b/js/panels/Timeline/Layer.reel/Layer.js
@@ -1,1350 +1,1410 @@
1/* <copyright> 1/* <copyright>
2 This file contains proprietary software owned by Motorola Mobility, Inc.<br/> 2Copyright (c) 2012, Motorola Mobility, Inc
3 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> 3All Rights Reserved.
4 (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. 4BSD License.
5 </copyright> */ 5
6 6Redistribution and use in source and binary forms, with or without
7var Montage = require("montage/core/core").Montage; 7modification, are permitted provided that the following conditions are met:
8var Component = require("montage/ui/component").Component; 8
9var Hintable = require("js/components/hintable.reel").Hintable; 9 - Redistributions of source code must retain the above copyright notice,
10var nj = require("js/lib/NJUtils").NJUtils; 10 this list of conditions and the following disclaimer.
11var 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
13var 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 _timelinePanel: { 16 without specific prior written permission.
17 value: null 17
18 }, 18THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
19 19AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
20 _dynamicLayerTag: { 20IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
21 value: null 21ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
22 }, 22LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
23 dynamicLayerTag: { 23CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
24 serializable: true, 24SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
25 get: function() { 25INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
26 return this._dynamicLayerTag; 26CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
27 }, 27ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
28 set: function(newVal) { 28POSSIBILITY OF SUCH DAMAGE.
29 this._dynamicLayerTag = newVal; 29</copyright> */
30 } 30
31 }, 31var Montage = require("montage/core/core").Montage;
32 32var Component = require("montage/ui/component").Component;
33 _positionCollapser: { 33var Collapser = require("js/panels/Timeline/Collapser").Collapser;
34 value: null 34var Hintable = require("js/components/hintable.reel").Hintable;
35 }, 35var LayerStyle = require("js/panels/Timeline/Style.reel").LayerStyle;
36 positionCollapser: { 36var DynamicText = require("montage/ui/dynamic-text.reel").DynamicText;
37 serializable: true, 37var defaultEventManager = require("montage/core/event/event-manager").defaultEventManager;
38 get: function() { 38var nj = require("js/lib/NJUtils").NJUtils;
39 return this._positionCollapser; 39var ElementsMediator = require("js/mediators/element-mediator").ElementMediator;
40 }, 40
41 set: function(newVal) { 41var Layer = exports.Layer = Montage.create(Component, {
42 this._positionCollapser = newVal; 42
43 } 43 dynamicLayerTag: {
44 }, 44 value: null,
45 45 serializable: true
46 _transformCollapser: { 46 },
47 value: null 47
48 }, 48 positionCollapser: {
49 transformCollapser: { 49 value: null,
50 serializable: true, 50 serializable: true
51 get: function() { 51 },
52 return this._transformCollapser; 52
53 }, 53 transformCollapser: {
54 set: function(newVal) { 54 value: null,
55 this._transformCollapser = newVal; 55 serializable: true
56 } 56 },
57 }, 57
58 58 styleCollapser: {
59 _styleCollapser: { 59 value: null,
60 value: null 60 serializable: true
61 }, 61 },
62 styleCollapser: { 62
63 serializable: true, 63 clickerMain: {
64 get: function() { 64 value: null,
65 return this._styleCollapser; 65 serializable: true
66 }, 66 },
67 set: function(newVal) { 67
68 this._styleCollapser = newVal; 68 myLabel: {
69 } 69 value: null,
70 }, 70 serializable: true
71 71 },
72 _clickerMain: { 72
73 value: null 73 /* Begin: Models */
74 }, 74
75 clickerMain: { 75 /* Main collapser model: the main collapser for the layer */
76 serializable: true, 76 _mainCollapser : {
77 get: function() { 77 value: false
78 return this._clickerMain; 78 },
79 }, 79 mainCollapser: {
80 set: function(newVal) { 80 get: function() {
81 this._clickerMain = newVal; 81 return this._mainCollapser;
82 } 82 },
83 }, 83 set: function(newVal) {
84 84 this._mainCollapser = newVal;
85 _myLabel: { 85 },
86 value: null 86 serializable: true
87 }, 87 },
88 myLabel: { 88
89 serializable: true, 89 /* Style models: the array of styles, and the repetition that uses them */
90 get: function() { 90 _arrLayerStyles : {
91 return this._myLabel; 91 value: []
92 }, 92 },
93 set: function(newVal) { 93 arrLayerStyles : {
94 this._myLabel = newVal; 94 serializable: true,
95 } 95 get: function() {
96 }, 96 return this._arrLayerStyles;
97 97 },
98 _mainCollapser : { 98 set: function(newVal) {
99 value: false 99 this._arrLayerStyles = newVal;
100 }, 100 }
101 mainCollapser: { 101 },
102 get: function() { 102 _styleRepetition : {
103 return this._mainCollapser; 103 value: false
104 }, 104 },
105 set: function(newVal) { 105 styleRepetition : {
106 this._mainCollapser = newVal; 106 serializable: true,
107 }, 107 get: function() {
108 serializable: true 108 return this._styleRepetition;
109 }, 109 },
110 110 set: function(newVal) {
111 _arrLayerStyles : { 111 this._styleRepetition = newVal;
112 value: [] 112 }
113 },