mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-10 13:44:39 +08:00
Blink Reformat
4c46d0969f
Move and rename files. NOAUTOREVERT=true NOPRESUBMIT=true NOTREECHECKS=true Bug: 768828 TBR=darin@chromium.org NOTRY=true Change-Id: I66d3b155808bc5bdbf237b80208e1e552bcf7f28 Reviewed-on: https://chromium-review.googlesource.com/1001153 Reviewed-by: Blink Reformat <blink-reformat@chromium.org> Commit-Queue: Blink Reformat <blink-reformat@chromium.org> Cr-Original-Commit-Position: refs/heads/master@{#549061} Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src Cr-Mirrored-Commit: 0aee4434a4dba42a42abaea9bfbc0cd196a63bc1
61 lines
1.8 KiB
JavaScript
61 lines
1.8 KiB
JavaScript
// Copyright (c) 2015 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
/**
|
|
* @unrestricted
|
|
*/
|
|
Animation.AnimationScreenshotPopover = class extends UI.VBox {
|
|
/**
|
|
* @param {!Array.<!Image>} images
|
|
*/
|
|
constructor(images) {
|
|
super(true);
|
|
console.assert(images.length);
|
|
this.registerRequiredCSS('animation/animationScreenshotPopover.css');
|
|
this.contentElement.classList.add('animation-screenshot-popover');
|
|
this._frames = images;
|
|
for (const image of images) {
|
|
this.contentElement.appendChild(image);
|
|
image.style.display = 'none';
|
|
}
|
|
this._currentFrame = 0;
|
|
this._frames[0].style.display = 'block';
|
|
this._progressBar = this.contentElement.createChild('div', 'animation-progress');
|
|
}
|
|
|
|
/**
|
|
* @override
|
|
*/
|
|
wasShown() {
|
|
this._rafId = this.contentElement.window().requestAnimationFrame(this._changeFrame.bind(this));
|
|
}
|
|
|
|
/**
|
|
* @override
|
|
*/
|
|
willHide() {
|
|
this.contentElement.window().cancelAnimationFrame(this._rafId);
|
|
delete this._endDelay;
|
|
}
|
|
|
|
_changeFrame() {
|
|
this._rafId = this.contentElement.window().requestAnimationFrame(this._changeFrame.bind(this));
|
|
|
|
if (this._endDelay) {
|
|
this._endDelay--;
|
|
return;
|
|
}
|
|
this._showFrame = !this._showFrame;
|
|
if (!this._showFrame)
|
|
return;
|
|
|
|
const numFrames = this._frames.length;
|
|
this._frames[this._currentFrame % numFrames].style.display = 'none';
|
|
this._currentFrame++;
|
|
this._frames[(this._currentFrame) % numFrames].style.display = 'block';
|
|
if (this._currentFrame % numFrames === numFrames - 1)
|
|
this._endDelay = 50;
|
|
this._progressBar.style.width = (this._currentFrame % numFrames + 1) / numFrames * 100 + '%';
|
|
}
|
|
};
|