| 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 */ | 8 */ |
| 9 WebInspector.BezierEditor = function() | 9 WebInspector.BezierEditor = function() |
| 10 { | 10 { |
| 11 WebInspector.VBox.call(this, true); | 11 WebInspector.VBox.call(this, true); |
| 12 this.registerRequiredCSS("elements/bezierEditor.css"); | 12 this.registerRequiredCSS("ui/bezierEditor.css"); |
| 13 this.contentElement.tabIndex = 0; | 13 this.contentElement.tabIndex = 0; |
| 14 | 14 |
| 15 // Preview UI | 15 // Preview UI |
| 16 this._previewElement = this.contentElement.createChild("div", "bezier-previe
w-container"); | 16 this._previewElement = this.contentElement.createChild("div", "bezier-previe
w-container"); |
| 17 this._previewElement.createChild("div", "bezier-preview-animation"); | 17 this._previewElement.createChild("div", "bezier-preview-animation"); |
| 18 this._previewElement.addEventListener("click", this._startPreviewAnimation.b
ind(this)); | 18 this._previewElement.addEventListener("click", this._startPreviewAnimation.b
ind(this)); |
| 19 this._previewOnion = this.contentElement.createChild("div", "bezier-preview-
onion"); | 19 this._previewOnion = this.contentElement.createChild("div", "bezier-preview-
onion"); |
| 20 this._previewOnion.addEventListener("click", this._startPreviewAnimation.bin
d(this)); | 20 this._previewOnion.addEventListener("click", this._startPreviewAnimation.bin
d(this)); |
| 21 | 21 |
| 22 this._outerContainer = this.contentElement.createChild("div", "bezier-contai
ner"); | 22 this._outerContainer = this.contentElement.createChild("div", "bezier-contai
ner"); |
| (...skipping 250 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 273 var slice = this._previewOnion.createChild("div", "bezier-preview-an
imation"); | 273 var slice = this._previewOnion.createChild("div", "bezier-preview-an
imation"); |
| 274 var player = slice.animate([{ transform: "translateX(0px)", easing:
this._bezier.asCSSText() }, { transform: "translateX(218px)" }], | 274 var player = slice.animate([{ transform: "translateX(0px)", easing:
this._bezier.asCSSText() }, { transform: "translateX(218px)" }], |
| 275 { duration: animationDuration, fill: "forwards" }); | 275 { duration: animationDuration, fill: "forwards" }); |
| 276 player.pause(); | 276 player.pause(); |
| 277 player.currentTime = animationDuration * i / numberOnionSlices; | 277 player.currentTime = animationDuration * i / numberOnionSlices; |
| 278 } | 278 } |
| 279 }, | 279 }, |
| 280 | 280 |
| 281 __proto__: WebInspector.VBox.prototype | 281 __proto__: WebInspector.VBox.prototype |
| 282 } | 282 } |
| OLD | NEW |