Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(112)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/ui/BezierEditor.js

Issue 2299473002: DevTools: Move BezierEditor from elements/ to ui/ (Closed)
Patch Set: Created 4 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698