| 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 * @unrestricted | 5 * @unrestricted |
| 6 */ | 6 */ |
| 7 Animation.AnimationUI = class { | 7 Animation.AnimationUI = class { |
| 8 /** | 8 /** |
| 9 * @param {!Animation.AnimationModel.Animation} animation | 9 * @param {!Animation.AnimationModel.Animation} animation |
| 10 * @param {!Animation.AnimationTimeline} timeline | 10 * @param {!Animation.AnimationTimeline} timeline |
| (...skipping 168 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 179 var cache = this._cachedElements[iteration].keyframeRender; | 179 var cache = this._cachedElements[iteration].keyframeRender; |
| 180 if (!cache[keyframeIndex]) { | 180 if (!cache[keyframeIndex]) { |
| 181 cache[keyframeIndex] = bezier ? parentElement.createSVGChild('path', 'anim
ation-keyframe') : | 181 cache[keyframeIndex] = bezier ? parentElement.createSVGChild('path', 'anim
ation-keyframe') : |
| 182 parentElement.createSVGChild('g', 'animati
on-keyframe-step'); | 182 parentElement.createSVGChild('g', 'animati
on-keyframe-step'); |
| 183 } | 183 } |
| 184 var group = cache[keyframeIndex]; | 184 var group = cache[keyframeIndex]; |
| 185 group.style.transform = 'translateX(' + leftDistance.toFixed(2) + 'px)'; | 185 group.style.transform = 'translateX(' + leftDistance.toFixed(2) + 'px)'; |
| 186 | 186 |
| 187 if (easing === 'linear') { | 187 if (easing === 'linear') { |
| 188 group.style.fill = this._color; | 188 group.style.fill = this._color; |
| 189 var height = UI.BezierUI.Height; | 189 var height = InlineEditor.BezierUI.Height; |
| 190 group.setAttribute( | 190 group.setAttribute( |
| 191 'd', ['M', 0, height, 'L', 0, 5, 'L', width.toFixed(2), 5, 'L', width.
toFixed(2), height, 'Z'].join(' ')); | 191 'd', ['M', 0, height, 'L', 0, 5, 'L', width.toFixed(2), 5, 'L', width.
toFixed(2), height, 'Z'].join(' ')); |
| 192 } else if (bezier) { | 192 } else if (bezier) { |
| 193 group.style.fill = this._color; | 193 group.style.fill = this._color; |
| 194 UI.BezierUI.drawVelocityChart(bezier, group, width); | 194 InlineEditor.BezierUI.drawVelocityChart(bezier, group, width); |
| 195 } else { | 195 } else { |
| 196 var stepFunction = Animation.AnimationTimeline.StepTimingFunction.parse(ea
sing); | 196 var stepFunction = Animation.AnimationTimeline.StepTimingFunction.parse(ea
sing); |
| 197 group.removeChildren(); | 197 group.removeChildren(); |
| 198 /** @const */ var offsetMap = {'start': 0, 'middle': 0.5, 'end': 1}; | 198 /** @const */ var offsetMap = {'start': 0, 'middle': 0.5, 'end': 1}; |
| 199 /** @const */ var offsetWeight = offsetMap[stepFunction.stepAtPosition]; | 199 /** @const */ var offsetWeight = offsetMap[stepFunction.stepAtPosition]; |
| 200 for (var i = 0; i < stepFunction.steps; i++) | 200 for (var i = 0; i < stepFunction.steps; i++) |
| 201 createStepLine(group, (i + offsetWeight) * width / stepFunction.steps, t
his._color); | 201 createStepLine(group, (i + offsetWeight) * width / stepFunction.steps, t
his._color); |
| 202 } | 202 } |
| 203 } | 203 } |
| 204 | 204 |
| (...skipping 199 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 404 'Light Blue': Common.Color.parse('#03A9F4'), | 404 'Light Blue': Common.Color.parse('#03A9F4'), |
| 405 'Deep Orange': Common.Color.parse('#FF5722'), | 405 'Deep Orange': Common.Color.parse('#FF5722'), |
| 406 'Blue': Common.Color.parse('#5677FC'), | 406 'Blue': Common.Color.parse('#5677FC'), |
| 407 'Lime': Common.Color.parse('#CDDC39'), | 407 'Lime': Common.Color.parse('#CDDC39'), |
| 408 'Blue Grey': Common.Color.parse('#607D8B'), | 408 'Blue Grey': Common.Color.parse('#607D8B'), |
| 409 'Pink': Common.Color.parse('#E91E63'), | 409 'Pink': Common.Color.parse('#E91E63'), |
| 410 'Green': Common.Color.parse('#0F9D58'), | 410 'Green': Common.Color.parse('#0F9D58'), |
| 411 'Brown': Common.Color.parse('#795548'), | 411 'Brown': Common.Color.parse('#795548'), |
| 412 'Cyan': Common.Color.parse('#00BCD4') | 412 'Cyan': Common.Color.parse('#00BCD4') |
| 413 }; | 413 }; |
| OLD | NEW |