Files
react-native-devtools-frontend/front_end/css_overview/CSSOverviewProcessingView.js
T
Paul Lewis 4da3b30c38 Migrates css_overview/ to esm
Bug: 1006759
Change-Id: Idf78688fa354b7e169edd508667dd2e298eacea4
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/1928914
Commit-Queue: Paul Lewis <aerotwist@chromium.org>
Reviewed-by: Tim van der Lippe <tvanderlippe@chromium.org>
2019-11-21 14:37:54 +00:00

46 lines
1.2 KiB
JavaScript

// Copyright 2019 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
*/
export default class CSSOverviewProcessingView extends UI.Widget {
constructor(controller) {
super();
this.registerRequiredCSS('css_overview/cssOverviewProcessingView.css');
this._formatter = new Intl.NumberFormat('en-US');
this._controller = controller;
this._render();
}
_render() {
const cancelButton = UI.createTextButton(
ls`Cancel`, () => this._controller.dispatchEventToListeners(CssOverview.Events.RequestOverviewCancel), '',
true /* primary */);
this.setDefaultFocusedElement(cancelButton);
this.fragment = UI.Fragment.build`
<div class="vbox overview-processing-view">
<h1>Processing page</h1>
<div>${cancelButton}</div>
</div>
`;
this.contentElement.appendChild(this.fragment.element());
this.contentElement.style.overflow = 'auto';
}
}
/* Legacy exported object */
self.CssOverview = self.CssOverview || {};
/* Legacy exported object */
CssOverview = CssOverview || {};
/**
* @constructor
*/
CssOverview.CSSOverviewProcessingView = CSSOverviewProcessingView;