chrome-devtools-frontend
Version:
Chrome DevTools UI
48 lines (40 loc) • 1.65 kB
text/typescript
// Copyright 2018 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 * as i18n from '../../core/i18n/i18n.js';
import {html, render} from '../lit/lit.js';
import targetCrashedScreenStyles from './targetCrashedScreen.css.js';
import {VBox} from './Widget.js';
const UIStrings = {
/**
*@description Text in dialog box when the target page crashed
*/
devtoolsWasDisconnectedFromThe: 'DevTools was disconnected from the page.',
/**
*@description Text content of content element
*/
oncePageIsReloadedDevtoolsWill: 'Once page is reloaded, DevTools will automatically reconnect.',
} as const;
const str_ = i18n.i18n.registerUIStrings('ui/legacy/TargetCrashedScreen.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
type View = (input: object, output: object, target: HTMLElement) => void;
export const DEFAULT_VIEW: View = (input, _output, target) => {
// clang-format off
render(html`
<style>${targetCrashedScreenStyles}</style>
<div class="message">${i18nString(UIStrings.devtoolsWasDisconnectedFromThe)}</div>
<div class="message">${i18nString(UIStrings.oncePageIsReloadedDevtoolsWill)}</div>`,
target, {host: input});
// clang-format on
};
export class TargetCrashedScreen extends VBox {
private readonly hideCallback: () => void;
constructor(hideCallback: () => void, view = DEFAULT_VIEW) {
super(true);
view({}, {}, this.contentElement);
this.hideCallback = hideCallback;
}
override willHide(): void {
this.hideCallback.call(null);
}
}