The Great Blink mv for source files, part 2.
Move and rename files.
NOAUTOREVERT=true
NOPRESUBMIT=true
NOTREECHECKS=true
Bug: 768828
[email protected]
NOTRY=true
Change-Id: I66d3b155808bc5bdbf237b80208e1e552bcf7f28
Reviewed-on: https://chromium-review.googlesource.com/1001153
Reviewed-by: Blink Reformat <[email protected]>
Commit-Queue: Blink Reformat <[email protected]>
Cr-Original-Commit-Position: refs/heads/master@{#549061}
Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src
Cr-Mirrored-Commit: 0aee4434a4dba42a42abaea9bfbc0cd196a63bc1diff --git a/front_end/console/ConsoleSidebar.js b/front_end/console/ConsoleSidebar.js
new file mode 100644
index 0000000..8154fb9
--- /dev/null
+++ b/front_end/console/ConsoleSidebar.js
@@ -0,0 +1,239 @@
+// 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.
+
+Console.ConsoleSidebar = class extends UI.VBox {
+ /**
+ * @param {!ProductRegistry.BadgePool} badgePool
+ */
+ constructor(badgePool) {
+ super(true);
+ this.setMinimumSize(125, 0);
+
+ this._tree = new UI.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.TreeElement} */
+ this._selectedTreeElement = null;
+ /** @type {!Array<!Console.ConsoleSidebar.FilterTreeElement>} */
+ this._treeElements = [];
+ const selectedFilterSetting = Common.settings.createSetting('console.sidebarSelectedFilter', null);
+
+ const Levels = SDK.ConsoleMessage.MessageLevel;
+ const consoleAPIParsedFilters = [{
+ key: Console.ConsoleFilter.FilterType.Source,
+ text: SDK.ConsoleMessage.MessageSource.ConsoleAPI,
+ negative: false
+ }];
+ this._appendGroup(
+ Console.ConsoleSidebar._groupSingularName.All, [], Console.ConsoleFilter.allLevelsFilterValue(),
+ UI.Icon.create('mediumicon-list'), badgePool, selectedFilterSetting);
+ this._appendGroup(
+ Console.ConsoleSidebar._groupSingularName.ConsoleAPI, consoleAPIParsedFilters,
+ Console.ConsoleFilter.allLevelsFilterValue(), UI.Icon.create('mediumicon-account-circle'), badgePool,
+ selectedFilterSetting);
+ this._appendGroup(
+ Console.ConsoleSidebar._groupSingularName.Error, [], Console.ConsoleFilter.singleLevelMask(Levels.Error),
+ UI.Icon.create('mediumicon-error-circle'), badgePool, selectedFilterSetting);
+ this._appendGroup(
+ Console.ConsoleSidebar._groupSingularName.Warning, [], Console.ConsoleFilter.singleLevelMask(Levels.Warning),
+ UI.Icon.create('mediumicon-warning-triangle'), badgePool, selectedFilterSetting);
+ this._appendGroup(
+ Console.ConsoleSidebar._groupSingularName.Info, [], Console.ConsoleFilter.singleLevelMask(Levels.Info),
+ UI.Icon.create('mediumicon-info-circle'), badgePool, selectedFilterSetting);
+ this._appendGroup(
+ Console.ConsoleSidebar._groupSingularName.Verbose, [], Console.ConsoleFilter.singleLevelMask(Levels.Verbose),
+ UI.Icon.create('mediumicon-bug'), badgePool, selectedFilterSetting);
+ const selectedTreeElementName = selectedFilterSetting.get();
+ const defaultTreeElement =
+ this._treeElements.find(x => x.name() === selectedTreeElementName) || this._treeElements[0];
+ defaultTreeElement.select();
+ }
+
+ /**
+ * @param {string} name
+ * @param {!Array<!TextUtils.FilterParser.ParsedFilter>} parsedFilters
+ * @param {!Object<string, boolean>} levelsMask
+ * @param {!Element} icon
+ * @param {!ProductRegistry.BadgePool} badgePool
+ * @param {!Common.Setting} selectedFilterSetting
+ */
+ _appendGroup(name, parsedFilters, levelsMask, icon, badgePool, selectedFilterSetting) {
+ const filter = new Console.ConsoleFilter(name, parsedFilters, null, levelsMask);
+ const treeElement = new Console.ConsoleSidebar.FilterTreeElement(filter, icon, badgePool, selectedFilterSetting);
+ this._tree.appendChild(treeElement);
+ this._treeElements.push(treeElement);
+ }
+
+ clear() {
+ for (const treeElement of this._treeElements)
+ treeElement.clear();
+ }
+
+ /**
+ * @param {!Console.ConsoleViewMessage} viewMessage
+ */
+ onMessageAdded(viewMessage) {
+ for (const treeElement of this._treeElements)
+ treeElement.onMessageAdded(viewMessage);
+ }
+
+ /**
+ * @param {!Console.ConsoleViewMessage} viewMessage
+ * @return {boolean}
+ */
+ shouldBeVisible(viewMessage) {
+ if (!this._selectedTreeElement)
+ return true;
+ return this._selectedTreeElement._filter.shouldBeVisible(viewMessage);
+ }
+
+ /**
+ * @param {!Common.Event} event
+ */
+ _selectionChanged(event) {
+ this._selectedTreeElement = /** @type {!UI.TreeElement} */ (event.data);
+ this.dispatchEventToListeners(Console.ConsoleSidebar.Events.FilterSelected);
+ }
+};
+
+/** @enum {symbol} */
+Console.ConsoleSidebar.Events = {
+ FilterSelected: Symbol('FilterSelected')
+};
+
+Console.ConsoleSidebar.URLGroupTreeElement = class extends UI.TreeElement {
+ /**
+ * @param {!Console.ConsoleFilter} filter
+ * @param {?Element} badge
+ */
+ constructor(filter, badge) {
+ super(filter.name);
+ this._filter = filter;
+ this._countElement = this.listItemElement.createChild('span', 'count');
+ const leadingIcons = [UI.Icon.create('largeicon-navigator-file')];
+ if (badge)
+ leadingIcons.push(badge);
+ this.setLeadingIcons(leadingIcons);
+ this._messageCount = 0;
+ }
+
+ incrementAndUpdateCounter() {
+ this._messageCount++;
+ this._countElement.textContent = this._messageCount;
+ }
+};
+
+Console.ConsoleSidebar.FilterTreeElement = class extends UI.TreeElement {
+ /**
+ * @param {!Console.ConsoleFilter} filter
+ * @param {!Element} icon
+ * @param {!ProductRegistry.BadgePool} badgePool
+ * @param {!Common.Setting} selectedFilterSetting
+ */
+ constructor(filter, icon, badgePool, selectedFilterSetting) {
+ super(filter.name);
+ this._filter = filter;
+ this._badgePool = badgePool;
+ this._selectedFilterSetting = selectedFilterSetting;
+ /** @type {!Map<?string, !Console.ConsoleSidebar.URLGroupTreeElement>} */
+ 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() {
+ const prefix = this._messageCount ? this._messageCount : Common.UIString('No');
+ const pluralizedName = this._messageCount === 1 ? this._filter.name :
+ Console.ConsoleSidebar._groupPluralNameMap.get(this._filter.name);
+ this.title = `${prefix} ${pluralizedName}`;
+ this.setExpandable(!!this.childCount());
+ }
+
+ /**
+ * @param {!Console.ConsoleViewMessage} viewMessage
+ */
+ onMessageAdded(viewMessage) {
+ const message = viewMessage.consoleMessage();
+ const shouldIncrementCounter = message.type !== SDK.ConsoleMessage.MessageType.Command &&
+ message.type !== SDK.ConsoleMessage.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 {!Console.ConsoleSidebar.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 ? urlValue.asParsedURL() : null;
+ if (urlValue)
+ filter.name = parsedURL ? parsedURL.displayName : urlValue;
+ else
+ filter.name = Common.UIString('<other>');
+ filter.parsedFilters.push({key: Console.ConsoleFilter.FilterType.Url, text: urlValue, negative: false});
+ const badge = parsedURL ? this._badgePool.badgeForURL(parsedURL) : null;
+ child = new Console.ConsoleSidebar.URLGroupTreeElement(filter, badge);
+ if (urlValue)
+ child.tooltip = urlValue;
+ this._urlTreeElements.set(urlValue, child);
+ this.appendChild(child);
+ return child;
+ }
+};
+
+/** @enum {string} */
+Console.ConsoleSidebar._groupSingularName = {
+ ConsoleAPI: Common.UIString('user message'),
+ All: Common.UIString('message'),
+ Error: Common.UIString('error'),
+ Warning: Common.UIString('warning'),
+ Info: Common.UIString('info'),
+ Verbose: Common.UIString('verbose')
+};
+
+/** @const {!Map<string, string>} */
+Console.ConsoleSidebar._groupPluralNameMap = new Map([
+ [Console.ConsoleSidebar._groupSingularName.ConsoleAPI, Common.UIString('user messages')],
+ [Console.ConsoleSidebar._groupSingularName.All, Common.UIString('messages')],
+ [Console.ConsoleSidebar._groupSingularName.Error, Common.UIString('errors')],
+ [Console.ConsoleSidebar._groupSingularName.Warning, Common.UIString('warnings')],
+ [Console.ConsoleSidebar._groupSingularName.Info, Common.UIString('info')],
+ [Console.ConsoleSidebar._groupSingularName.Verbose, Common.UIString('verbose')]
+]);
