aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelinePanel.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/TimelinePanel.reel')
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html19
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js30
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css6
3 files changed, 54 insertions, 1 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
index 2e0bf7dd..42921a2d 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
@@ -119,6 +119,24 @@
119 119
120 } 120 }
121 }, 121 },
122
123 "timelineZoomSlider":{
124 "module":"js/components/slider.reel",
125 "name":"Slider",
126 "properties":{
127 "element":{"#":"tl_slider"},
128 "maxValue" : 10000,
129 "minValue" : 1000
130 },
131 "bindings": {
132 "value": {
133 "boundObject": {"@": "owner"},
134 "boundObjectPropertyPath": "millisecondsOffset",
135 "oneway": false
136 }
137 }
138 },
139
122 "endHottext" : { 140 "endHottext" : {
123 "module": "js/components/hottextunit.reel", 141 "module": "js/components/hottextunit.reel",
124 "name": "HotTextUnit", 142 "name": "HotTextUnit",
@@ -168,6 +186,7 @@
168 </div> 186 </div>
169 187
170 <div id="timeline_gutter" class="timelinegutter"> 188 <div id="timeline_gutter" class="timelinegutter">
189 <div id="tl_slider" class="tl_slider"></div>
171 <input id="end_hottext" class="endhottext"> 190 <input id="end_hottext" class="endhottext">
172 </div> 191 </div>
173 </div> 192 </div>
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index bc474a46..1d22c109 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -137,10 +137,33 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
137 } 137 }
138 }, 138 },
139 139
140 millisecondsOffset:{ 140 _millisecondsOffset:{
141 value:1000 141 value:1000
142 }, 142 },
143 143
144 millisecondsOffset:{
145 get:function () {
146 return this._millisecondsOffset;
147 },
148 set:function (newVal) {
149 if (newVal !== this._millisecondsOffset) {
150 this._millisecondsOffset= newVal;
151 this.drawTimeMarkers();
152 NJevent('tlZoomSlider',this);
153 }
154 }
155 },
156
157 tweenarray:{
158 value:[],
159 writable:true
160 },
161
162 tempArray:{
163 value:[],
164 writable:true
165 },
166
144 _masterDuration:{ 167 _masterDuration:{
145 serializable:true, 168 serializable:true,
146 value:0 169 value:0
@@ -686,6 +709,11 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
686 drawTimeMarkers:{ 709 drawTimeMarkers:{
687 value:function () { 710 value:function () {
688 this.timeMarkerHolder = document.createElement("div"); 711 this.timeMarkerHolder = document.createElement("div");
712
713 if(this.time_markers.children[0]){
714 this.time_markers.removeChild(this.time_markers.children[0]);
715 }
716
689 this.time_markers.appendChild(this.timeMarkerHolder); 717 this.time_markers.appendChild(this.timeMarkerHolder);
690 var i; 718 var i;
691 var totalMarkers = Math.floor(this.time_markers.offsetWidth / 80); 719 var totalMarkers = Math.floor(this.time_markers.offsetWidth / 80);
diff --git a/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css b/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css
index 129b9771..21a7535c 100644
--- a/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css
+++ b/js/panels/Timeline/TimelinePanel.reel/css/TimelinePanel.css
@@ -284,3 +284,9 @@
284 display: none; 284 display: none;
285 box-shadow: rgb(17, 17, 17) 0px 0px 14px inset; 285 box-shadow: rgb(17, 17, 17) 0px 0px 14px inset;
286} 286}
287.tl_slider{
288 width: 65px;
289 height: 5px;
290 background: none;
291 margin-left: 25%;
292}