Files
react-native-devtools-frontend/front_end/css_overview/CSSOverviewStartView.js
T
Tim van der Lippe 05149e9772 Remove ls from legacy-defs
This adds all missing imports for `ls` to all files. After this change,
all usages of `ls` will now properly be resolved to a LocalizedString
rather than a normal string.

R=jacktfranklin@chromium.org

No-Presubmit: True
Change-Id: Icf6d8c3b8bea1f9e66f4b6b58e4ae4c7f99e6f9c
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2629554
Commit-Queue: Tim van der Lippe <tvanderlippe@chromium.org>
Auto-Submit: Tim van der Lippe <tvanderlippe@chromium.org>
Reviewed-by: Jack Franklin <jacktfranklin@chromium.org>
2021-01-15 12:53:50 +00:00

40 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.
import {ls} from '../platform/platform.js';
import * as UI from '../ui/ui.js';
import {Events, OverviewController} from './CSSOverviewController.js'; // eslint-disable-line no-unused-vars
export class CSSOverviewStartView extends UI.Widget.Widget {
/**
* @param {!OverviewController} controller
*/
constructor(controller) {
super();
this.registerRequiredCSS('css_overview/cssOverviewStartView.css', {enableLegacyPatching: false});
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';
}
}