Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
META-INF.dirigible.dev-tools.console.ConsoleSidebar.js Maven / Gradle / Ivy
// Copyright 2017 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 Common from '../common/common.js';
import * as Platform from '../platform/platform.js';
import * as SDK from '../sdk/sdk.js';
import * as TextUtils from '../text_utils/text_utils.js'; // eslint-disable-line no-unused-vars
import * as UI from '../ui/ui.js';
import {ConsoleFilter, FilterType} from './ConsoleFilter.js';
import {ConsoleViewMessage} from './ConsoleViewMessage.js'; // eslint-disable-line no-unused-vars
export class ConsoleSidebar extends UI.Widget.VBox {
constructor() {
super(true);
this.setMinimumSize(125, 0);
this._tree = new UI.TreeOutline.TreeOutlineInShadow();
this._tree.registerRequiredCSS('console/consoleSidebar.css');
this._tree.addEventListener(UI.TreeOutline.Events.ElementSelected, this._selectionChanged.bind(this));
this.contentElement.appendChild(this._tree.element);
/** @type {?UI.TreeOutline.TreeElement} */
this._selectedTreeElement = null;
/** @type {!Array} */
this._treeElements = [];
const selectedFilterSetting =
Common.Settings.Settings.instance().createSetting('console.sidebarSelectedFilter', null);
const Levels = SDK.ConsoleModel.MessageLevel;
const consoleAPIParsedFilters =
[{key: FilterType.Source, text: SDK.ConsoleModel.MessageSource.ConsoleAPI, negative: false}];
this._appendGroup(
_groupName.All, [], ConsoleFilter.allLevelsFilterValue(), UI.Icon.Icon.create('mediumicon-list'),
selectedFilterSetting);
this._appendGroup(
_groupName.ConsoleAPI, consoleAPIParsedFilters, ConsoleFilter.allLevelsFilterValue(),
UI.Icon.Icon.create('mediumicon-account-circle'), selectedFilterSetting);
this._appendGroup(
_groupName.Error, [], ConsoleFilter.singleLevelMask(Levels.Error),
UI.Icon.Icon.create('mediumicon-error-circle'), selectedFilterSetting);
this._appendGroup(
_groupName.Warning, [], ConsoleFilter.singleLevelMask(Levels.Warning),
UI.Icon.Icon.create('mediumicon-warning-triangle'), selectedFilterSetting);
this._appendGroup(
_groupName.Info, [], ConsoleFilter.singleLevelMask(Levels.Info), UI.Icon.Icon.create('mediumicon-info-circle'),
selectedFilterSetting);
this._appendGroup(
_groupName.Verbose, [], ConsoleFilter.singleLevelMask(Levels.Verbose), UI.Icon.Icon.create('mediumicon-bug'),
selectedFilterSetting);
const selectedTreeElementName = selectedFilterSetting.get();
const defaultTreeElement =
this._treeElements.find(x => x.name() === selectedTreeElementName) || this._treeElements[0];
defaultTreeElement.select();
}
/**
* @param {string} name
* @param {!Array} parsedFilters
* @param {!Object} levelsMask
* @param {!Element} icon
* @param {!Common.Settings.Setting} selectedFilterSetting
*/
_appendGroup(name, parsedFilters, levelsMask, icon, selectedFilterSetting) {
const filter = new ConsoleFilter(name, parsedFilters, null, levelsMask);
const treeElement = new FilterTreeElement(filter, icon, selectedFilterSetting);
this._tree.appendChild(treeElement);
this._treeElements.push(treeElement);
}
clear() {
for (const treeElement of this._treeElements) {
treeElement.clear();
}
}
/**
* @param {!ConsoleViewMessage} viewMessage
*/
onMessageAdded(viewMessage) {
for (const treeElement of this._treeElements) {
treeElement.onMessageAdded(viewMessage);
}
}
/**
* @param {!ConsoleViewMessage} viewMessage
* @return {boolean}
*/
shouldBeVisible(viewMessage) {
if (!this._selectedTreeElement) {
return true;
}
return this._selectedTreeElement._filter.shouldBeVisible(viewMessage);
}
/**
* @param {!Common.EventTarget.EventTargetEvent} event
*/
_selectionChanged(event) {
this._selectedTreeElement = /** @type {!UI.TreeOutline.TreeElement} */ (event.data);
this.dispatchEventToListeners(Events.FilterSelected);
}
}
/** @enum {symbol} */
export const Events = {
FilterSelected: Symbol('FilterSelected')
};
export class URLGroupTreeElement extends UI.TreeOutline.TreeElement {
/**
* @param {!ConsoleFilter} filter
*/
constructor(filter) {
super(filter.name);
this._filter = filter;
this._countElement = this.listItemElement.createChild('span', 'count');
const leadingIcons = [UI.Icon.Icon.create('largeicon-navigator-file')];
this.setLeadingIcons(leadingIcons);
this._messageCount = 0;
}
incrementAndUpdateCounter() {
this._messageCount++;
this._countElement.textContent = this._messageCount;
}
}
export class FilterTreeElement extends UI.TreeOutline.TreeElement {
/**
* @param {!ConsoleFilter} filter
* @param {!Element} icon
* @param {!Common.Settings.Setting} selectedFilterSetting
*/
constructor(filter, icon, selectedFilterSetting) {
super(filter.name);
this._filter = filter;
this._selectedFilterSetting = selectedFilterSetting;
/** @type {!Map} */
this._urlTreeElements = new Map();
this.setLeadingIcons([icon]);
this._messageCount = 0;
this._updateCounter();
}
clear() {
this._urlTreeElements.clear();
this.removeChildren();
this._messageCount = 0;
this._updateCounter();
}
/**
* @return {string}
*/
name() {
return this._filter.name;
}
/**
* @param {boolean=} selectedByUser
* @return {boolean}
* @override
*/
onselect(selectedByUser) {
this._selectedFilterSetting.set(this._filter.name);
return super.onselect(selectedByUser);
}
_updateCounter() {
if (!this._messageCount) {
this.title = _groupNoMessageTitleMap.get(this._filter.name);
} else if (this._messageCount === 1) {
this.title = _groupSingularTitleMap.get(this._filter.name);
} else {
this.title = Platform.StringUtilities.sprintf(_groupPluralTitleMap.get(this._filter.name), this._messageCount);
}
this.setExpandable(!!this.childCount());
}
/**
* @param {!ConsoleViewMessage} viewMessage
*/
onMessageAdded(viewMessage) {
const message = viewMessage.consoleMessage();
const shouldIncrementCounter = message.type !== SDK.ConsoleModel.MessageType.Command &&
message.type !== SDK.ConsoleModel.MessageType.Result && !message.isGroupMessage();
if (!this._filter.shouldBeVisible(viewMessage) || !shouldIncrementCounter) {
return;
}
const child = this._childElement(message.url);
child.incrementAndUpdateCounter();
this._messageCount++;
this._updateCounter();
}
/**
* @param {string=} url
* @return {!URLGroupTreeElement}
*/
_childElement(url) {
const urlValue = url || null;
let child = this._urlTreeElements.get(urlValue);
if (child) {
return child;
}
const filter = this._filter.clone();
const parsedURL = urlValue ? Common.ParsedURL.ParsedURL.fromString(urlValue) : null;
if (urlValue) {
filter.name = parsedURL ? parsedURL.displayName : urlValue;
} else {
filter.name = Common.UIString.UIString('');
}
filter.parsedFilters.push({key: FilterType.Url, text: urlValue, negative: false});
child = new URLGroupTreeElement(filter);
if (urlValue) {
child.tooltip = urlValue;
}
this._urlTreeElements.set(urlValue, child);
this.appendChild(child);
return child;
}
}
/** @enum {string} */
const _groupName = {
ConsoleAPI: 'user message',
All: 'message',
Error: 'error',
Warning: 'warning',
Info: 'info',
Verbose: 'verbose'
};
/** @const {!Map} */
const _groupSingularTitleMap = new Map([
[_groupName.ConsoleAPI, ls`1 user message`], [_groupName.All, ls`1 message`], [_groupName.Error, ls`1 error`],
[_groupName.Warning, ls`1 warning`], [_groupName.Info, ls`1 info`], [_groupName.Verbose, ls`1 verbose`]
]);
/** @const {!Map} */
const _groupPluralTitleMap = new Map([
[_groupName.ConsoleAPI, ls`%d user messages`], [_groupName.All, ls`%d messages`], [_groupName.Error, ls`%d errors`],
[_groupName.Warning, ls`%d warnings`], [_groupName.Info, ls`%d info`], [_groupName.Verbose, ls`%d verbose`]
]);
/** @const {!Map} */
const _groupNoMessageTitleMap = new Map([
[_groupName.ConsoleAPI, ls`No user messages`], [_groupName.All, ls`No messages`], [_groupName.Error, ls`No errors`],
[_groupName.Warning, ls`No warnings`], [_groupName.Info, ls`No info`], [_groupName.Verbose, ls`No verbose`]
]);
