OLD | NEW |
1 // Copyright (c) 2015 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2015 The Chromium Authors. All rights reserved. |
2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
4 | 4 |
5 /** | 5 /** |
6 * @constructor | 6 * @constructor |
7 * @extends {WebInspector.VBox} | 7 * @extends {WebInspector.VBox} |
8 * @param {!WebInspector.StylesSidebarPane} stylesPane | 8 * @param {!WebInspector.StylesSidebarPane} stylesPane |
9 */ | 9 */ |
10 WebInspector.AnimationTimeline = function(stylesPane) | 10 WebInspector.AnimationTimeline = function(stylesPane) |
(...skipping 772 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
783 this._movementInMs = (event.clientX - this._downMouseX) / this._timeline
.pixelMsRatio(); | 783 this._movementInMs = (event.clientX - this._downMouseX) / this._timeline
.pixelMsRatio(); |
784 | 784 |
785 // Commit changes | 785 // Commit changes |
786 if (this._mouseEventType === WebInspector.AnimationUI.MouseEvents.Keyfra
meMove) { | 786 if (this._mouseEventType === WebInspector.AnimationUI.MouseEvents.Keyfra
meMove) { |
787 this._keyframes[this._keyframeMoved].setOffset(this._offset(this._ke
yframeMoved)); | 787 this._keyframes[this._keyframeMoved].setOffset(this._offset(this._ke
yframeMoved)); |
788 } else { | 788 } else { |
789 var delay = this._delay(); | 789 var delay = this._delay(); |
790 var duration = this._duration(); | 790 var duration = this._duration(); |
791 this._setDelay(delay); | 791 this._setDelay(delay); |
792 this._setDuration(duration); | 792 this._setDuration(duration); |
793 // FIXME: Transition timing updates currently not supported | 793 if (this._animation.type() !== "CSSAnimation") { |
794 if (this._animation.type() == "WebAnimation") { | |
795 var target = WebInspector.targetManager.mainTarget(); | 794 var target = WebInspector.targetManager.mainTarget(); |
796 if (target) | 795 if (target) |
797 target.animationAgent().setTiming(this._animation.id(), dura
tion, delay); | 796 target.animationAgent().setTiming(this._animation.id(), dura
tion, delay, this._animation.type() === "CSSTransition"); |
798 } | 797 } |
799 } | 798 } |
800 | 799 |
801 this._movementInMs = 0; | 800 this._movementInMs = 0; |
802 this.redraw(); | 801 this.redraw(); |
803 | 802 |
804 this._parentElement.ownerDocument.removeEventListener("mousemove", this.
_mouseMoveHandler); | 803 this._parentElement.ownerDocument.removeEventListener("mousemove", this.
_mouseMoveHandler); |
805 this._parentElement.ownerDocument.removeEventListener("mouseup", this._m
ouseUpHandler); | 804 this._parentElement.ownerDocument.removeEventListener("mouseup", this._m
ouseUpHandler); |
806 delete this._mouseMoveHandler; | 805 delete this._mouseMoveHandler; |
807 delete this._mouseUpHandler; | 806 delete this._mouseUpHandler; |
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
900 "Light Blue": WebInspector.Color.parse("#03A9F4"), | 899 "Light Blue": WebInspector.Color.parse("#03A9F4"), |
901 "Deep Orange": WebInspector.Color.parse("#FF5722"), | 900 "Deep Orange": WebInspector.Color.parse("#FF5722"), |
902 "Blue": WebInspector.Color.parse("#5677FC"), | 901 "Blue": WebInspector.Color.parse("#5677FC"), |
903 "Lime": WebInspector.Color.parse("#CDDC39"), | 902 "Lime": WebInspector.Color.parse("#CDDC39"), |
904 "Blue Grey": WebInspector.Color.parse("#607D8B"), | 903 "Blue Grey": WebInspector.Color.parse("#607D8B"), |
905 "Pink": WebInspector.Color.parse("#E91E63"), | 904 "Pink": WebInspector.Color.parse("#E91E63"), |
906 "Green": WebInspector.Color.parse("#0F9D58"), | 905 "Green": WebInspector.Color.parse("#0F9D58"), |
907 "Brown": WebInspector.Color.parse("#795548"), | 906 "Brown": WebInspector.Color.parse("#795548"), |
908 "Cyan": WebInspector.Color.parse("#00BCD4") | 907 "Cyan": WebInspector.Color.parse("#00BCD4") |
909 } | 908 } |
OLD | NEW |