aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js')
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js26
1 files changed, 26 insertions, 0 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index b12183f2..0185d448 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -276,6 +276,9 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
276 this.layout_tracks.addEventListener("scroll", this.updateLayerScroll.bind(this), false); 276 this.layout_tracks.addEventListener("scroll", this.updateLayerScroll.bind(this), false);
277 this.user_layers.addEventListener("scroll", this.updateLayerScroll.bind(this), false); 277 this.user_layers.addEventListener("scroll", this.updateLayerScroll.bind(this), false);
278 this.end_hottext.addEventListener("changing", this.updateTrackContainerWidth.bind(this), false); 278 this.end_hottext.addEventListener("changing", this.updateTrackContainerWidth.bind(this), false);
279 this.playhead.addEventListener("mousedown", this.startPlayheadTracking.bind(this), false);
280 this.playhead.addEventListener("mouseup", this.stopPlayheadTracking.bind(this), false);
281 this.time_markers.addEventListener("click", this.updatePlayhead.bind(this), false);
279 } 282 }
280 }, 283 },
281 284
@@ -410,6 +413,29 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
410 } 413 }
411 }, 414 },
412 415
416 startPlayheadTracking:{
417 value:function(){
418 this.time_markers.onmousemove = this.updatePlayhead.bind(this);
419 }
420 },
421
422 stopPlayheadTracking:{
423 value:function () {
424 this.time_markers.onmousemove = null;
425 }
426 },
427
428 updatePlayhead:{
429 value:function (event) {
430 var clickedPosition = event.target.offsetLeft + event.offsetX;
431 this.playhead.style.left = (clickedPosition - 2) + "px";
432 this.playheadmarker.style.left = clickedPosition + "px";
433 var currentMillisecPerPixel = Math.floor(this.millisecondsOffset / 80);
434 var currentMillisec = currentMillisecPerPixel * clickedPosition;
435 this.updateTimeText(currentMillisec);
436 }
437 },
438
413 handleSelectionChange:{ 439 handleSelectionChange:{
414 value:function(){ 440 value:function(){
415 var key , switchSelectedLayer,layerIndex; 441 var key , switchSelectedLayer,layerIndex;