aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/PropertyTrack.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/PropertyTrack.reel')
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html45
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js290
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/css/PropertyTrack.css9
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/scss/.sass-cache/a26ed2cbe268f8c721d1b1d8dfa075c8c5b47e72/PropertyTrack.scsscbin0 -> 5151 bytes
-rw-r--r--js/panels/Timeline/PropertyTrack.reel/scss/PropertyTrack.scss6
5 files changed, 343 insertions, 7 deletions
diff --git a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html
index 01cad6cb..9c4160c8 100644
--- a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html
+++ b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.html
@@ -1,4 +1,4 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<!-- <copyright> 2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/> 3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> 4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
@@ -11,19 +11,52 @@
11 <script type="text/montage-serialization"> 11 <script type="text/montage-serialization">
12 { 12 {
13 "owner": { 13 "owner": {
14 "module": "js/panels/Timeline/PropertyTrack.reel", 14 "prototype": "js/panels/Timeline/PropertyTrack.reel",
15 "name": "PropertyTrack",
16 "properties": { 15 "properties": {
17 "element": {"#": "property-track"} 16 "element": {"#": "property-track"},
17 "propTweenRepetition" : {"@" : "propTweenRepetition"},
18 "propTween": {"@" : "propTween"}
18 } 19 }
19 } 20 },
21
22 "propTween" : {
23 "prototype" : "js/panels/timeline/Tween.reel",
24 "properties" : {
25 "element":{"#": "prop_track_lane"}
26 },
27 "bindings" : {
28 "tweenData" : {
29 "boundObject" : {"@": "propTweenRepetition"},
30 "boundObjectPropertyPath" : "objectAtCurrentIteration.tweenData",
31 "oneway" : false
32 }
33 }
34 },
20 35
36 "propTweenRepetition": {
37 "prototype": "montage/ui/repetition.reel",
38 "properties": {
39 "element": {"#": "prop_track_lanes"},
40 "isSelectionEnabled" : false
41 },
42 "bindings": {
43 "objects": {
44 "boundObject": {"@": "owner"},
45 "boundObjectPropertyPath": "propTweens",
46 "oneway": false
47 }
48 }
49 }
21 } 50 }
22 </script> 51 </script>
23 </head> 52 </head>
24 <body> 53 <body>
25 54
26 <div id="property-track" class="timeline-track"></div> 55 <div data-montage-id="property-track" class="timeline-track">
56 <div data-montage-id="prop_track_lanes" class="prop-track">
57 <div data-montage-id="prop_track_lane"></div>
58 </div>
59 </div>
27 60
28 </body> 61 </body>
29</html> \ No newline at end of file 62</html> \ No newline at end of file
diff --git a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js
index 175b77f9..31e0b3b6 100644
--- a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js
+++ b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js
@@ -15,7 +15,297 @@ var PropertyTrack = exports.PropertyTrack = Montage.create(Component, {
15 15
16 prepareForDraw:{ 16 prepareForDraw:{
17 value:function(){ 17 value:function(){
18 this.element.addEventListener("click", this, false);
19 this.trackID = this.parentComponent.parentComponent.parentComponent.trackID;
20 this.animatedElement = this.parentComponent.parentComponent.parentComponent.animatedElement;
21 this.ninjaStylesContoller = this.application.ninja.stylesController;
22 }
23 },
24
25 draw:{
26 value:function(){
27
28 }
29 },
30
31 trackEditorProperty:{
32 value:""
33 },
34
35 _propTweenRepetition:{
36 value:null
37 },
38
39 animatedElement:{
40 value:null
41 },
42
43 isSubproperty:{
44 value:true
45 },
46
47 propTweenRepetition:{
48 serializable:true,
49 get:function () {
50 return this._propTweenRepetition;
51 },
52 set:function (newVal) {
53 this._propTweenRepetition = newVal;
54 }
55 },
56
57 _propTweens:{
58 value:[]
59 },
60
61 propTweens:{
62 serializable:true,
63 get:function () {
64 return this._propTweens;
65 },
66 set:function (newVal) {
67 this._propTweens = newVal;
68 }
69 },
70
71 _propTrackData:{
72 value:false
73 },
74
75 propTrackData:{
76 serializable:true,
77 get:function () {
78 return this._propTrackData;
79 },
80 set:function (val) {
81 this._propTrackData = val;
82 if (this._propTrackData) {
83 this.setData();
84 }
85 }
86 },
87
88 nextKeyframe:{
89 value:1
90 },
91
92 ninjaStylesContoller:{
93 value:null
94 },
95
96 animationName:{
97 value:null
98 },
99
100 currentKeyframeRule:{
101 value:null
102 },
103
104 trackDuration:{
105 value:0
106 },
107
108 _trackID:{
109 value:null
110 },
111
112 trackID:{
113 serializable:true,
114 get:function () {
115 return this._trackID;
116 },
117 set:function (value) {
118 if (value !== this._trackID) {
119 this._trackID = value;
120 }
121 }
122 },
123
124 _trackType:{
125 value:null
126 },
127
128 trackType:{
129 serializable:true,
130 get:function () {
131 return this._trackType;
132 },
133 set:function (value) {
134 if (value !== this._trackType) {
135 this._trackType = value;
136 }
137 }
138 },
139
140 _styleIndex:{
141 value:null
142 },
143
144 styleIndex:{
145 serializable:true,
146 get:function () {
147 return this._styleIndex;
148 },
149 set:function (value) {
150 if (value !== this._styleIndex) {
151 this._styleIndex = value;