chrome-devtools-frontend
Version:
Chrome DevTools UI
92 lines (82 loc) • 3.59 kB
text/typescript
/*
* Copyright (C) 2011 Google Inc. All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* * Neither the name of Google Inc. nor the names of its
* contributors may be used to endorse or promote products derived from
* this software without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
/* eslint-disable rulesdir/no-imperative-dom-api */
import * as i18n from '../../core/i18n/i18n.js';
import type * as Platform from '../../core/platform/platform.js';
import * as VisualLogging from '../visual_logging/visual_logging.js';
import emptyWidgetStyles from './emptyWidget.css.js';
import {VBox} from './Widget.js';
import {XLink} from './XLink.js';
const UIStrings = {
/**
*@description Text that is usually a hyperlink to more documentation
*/
learnMore: 'Learn more',
} as const;
const str_ = i18n.i18n.registerUIStrings('ui/legacy/EmptyWidget.ts', UIStrings);
const i18nString = i18n.i18n.getLocalizedString.bind(undefined, str_);
export class EmptyWidget extends VBox {
#headerElement: HTMLElement;
#textElement: HTMLElement;
#linkElement?: HTMLElement;
constructor(header: string, text: string, element?: HTMLElement) {
super(undefined, undefined, element);
this.registerRequiredCSS(emptyWidgetStyles);
this.element.classList.add('empty-view-scroller');
this.contentElement = this.element.createChild('div', 'empty-state');
this.contentElement.setAttribute('jslog', `${VisualLogging.section('empty-view')}`);
this.#headerElement = this.contentElement.createChild('div', 'empty-state-header');
this.#headerElement.textContent = header;
this.#textElement = this.contentElement.createChild('div', 'empty-state-description').createChild('span');
this.#textElement.textContent = text;
}
set link(link: Platform.DevToolsPath.UrlString|undefined|null) {
if (this.#linkElement) {
this.#linkElement.remove();
}
if (!link) {
return;
}
this.#linkElement = XLink.create(
link,
i18nString(UIStrings.learnMore),
undefined,
undefined,
'learn-more',
);
this.#textElement.insertAdjacentElement('afterend', this.#linkElement);
}
set text(text: string) {
this.#textElement.textContent = text;
}
set header(header: string) {
this.#headerElement.textContent = header;
}
}