mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-10 13:44:39 +08:00
Jan Scheffler
e348fe9424
R=aerotwist@chromium.org, jacktfranklin@chromium.org Bug: 1101738 Change-Id: I406acc5e456237fda0d5c6b468f66d6c0b66fbc8 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2323621 Commit-Queue: Jan Scheffler <janscheffler@chromium.org> Auto-Submit: Jan Scheffler <janscheffler@chromium.org> Reviewed-by: Jack Franklin <jacktfranklin@chromium.org> Reviewed-by: Paul Lewis <aerotwist@chromium.org>
42 lines
1.1 KiB
JavaScript
42 lines
1.1 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.
|
|
|
|
// @ts-nocheck
|
|
// TODO(crbug.com/1011811): Enable TypeScript compiler checks
|
|
|
|
import * as UI from '../ui/ui.js';
|
|
|
|
import {Events} from './CSSOverviewController.js';
|
|
|
|
/**
|
|
* @unrestricted
|
|
*/
|
|
export class CSSOverviewStartView extends UI.Widget.Widget {
|
|
constructor(controller) {
|
|
super();
|
|
this.registerRequiredCSS('css_overview/cssOverviewStartView.css');
|
|
|
|
this._controller = controller;
|
|
this._render();
|
|
}
|
|
|
|
_render() {
|
|
const startButton = UI.UIUtils.createTextButton(
|
|
ls`Capture overview`, () => this._controller.dispatchEventToListeners(Events.RequestOverviewStart), '',
|
|
true /* primary */);
|
|
|
|
this.setDefaultFocusedElement(startButton);
|
|
|
|
const fragment = UI.Fragment.Fragment.build`
|
|
<div class="vbox overview-start-view">
|
|
<h1>${ls`CSS Overview`}</h1>
|
|
<div>${startButton}</div>
|
|
</div>
|
|
`;
|
|
|
|
this.contentElement.appendChild(fragment.element());
|
|
this.contentElement.style.overflow = 'auto';
|
|
}
|
|
}
|