mirror of
https://github.com/react/react-native-devtools-frontend.git
synced 2026-10-12 17:45:49 +08:00
Tim van der Lippe
1d6e57a0e3
The Chromium/Google style guides does not enforce curly braces for single-line if-statements, but does strongly recommend doing so. Adding braces will improve code readability, by visually separating code blocks. This will also prevent issues where accidental additions are pushed to the "else"-clause instead of in the if-block. This CL also updates the presubmit `eslint` to run the fix with the correct configuration. It will now fix all issues it can fix. Change-Id: I4b616f21a99393f168dec743c0bcbdc7f5db04a9 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/1821526 Commit-Queue: Tim Van der Lippe <tvanderlippe@chromium.org> Reviewed-by: Yang Guo <yangguo@chromium.org> Reviewed-by: Jeff Fisher <jeffish@microsoft.com> Cr-Original-Commit-Position: refs/heads/master@{#701070} Cr-Mirrored-From: https://chromium.googlesource.com/chromium/src Cr-Mirrored-Commit: 7e0bdbe2d7f9fc2386bfaefda3cc29c66ccc18f9
116 lines
2.8 KiB
JavaScript
116 lines
2.8 KiB
JavaScript
// 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.
|
|
|
|
Resources.StorageItemsView = class extends UI.VBox {
|
|
/**
|
|
* @param {string} title
|
|
* @param {string} filterName
|
|
*/
|
|
constructor(title, filterName) {
|
|
super(false);
|
|
/** @type {?RegExp} */
|
|
this._filterRegex = null;
|
|
|
|
this._refreshButton = this._addButton(Common.UIString('Refresh'), 'largeicon-refresh', this.refreshItems);
|
|
|
|
this._mainToolbar = new UI.Toolbar('top-resources-toolbar', this.element);
|
|
|
|
this._filterItem = new UI.ToolbarInput(Common.UIString('Filter'), '', 0.4);
|
|
this._filterItem.addEventListener(UI.ToolbarInput.Event.TextChanged, this._filterChanged, this);
|
|
|
|
const toolbarSeparator = new UI.ToolbarSeparator();
|
|
this._deleteAllButton = this._addButton(Common.UIString('Clear All'), 'largeicon-clear', this.deleteAllItems);
|
|
this._deleteSelectedButton =
|
|
this._addButton(Common.UIString('Delete Selected'), 'largeicon-delete', this.deleteSelectedItem);
|
|
|
|
const toolbarItems =
|
|
[this._refreshButton, this._filterItem, toolbarSeparator, this._deleteAllButton, this._deleteSelectedButton];
|
|
for (const item of toolbarItems) {
|
|
this._mainToolbar.appendToolbarItem(item);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {string} label
|
|
* @param {string} glyph
|
|
* @param {!Function} callback
|
|
* @return {!UI.ToolbarButton}
|
|
*/
|
|
_addButton(label, glyph, callback) {
|
|
const button = new UI.ToolbarButton(label, glyph);
|
|
button.addEventListener(UI.ToolbarButton.Events.Click, callback, this);
|
|
return button;
|
|
}
|
|
|
|
/**
|
|
* @param {!Common.Event} event
|
|
*/
|
|
_filterChanged(event) {
|
|
const text = /** @type {?string} */ (event.data);
|
|
this._filterRegex = text ? new RegExp(text.escapeForRegExp(), 'i') : null;
|
|
this.refreshItems();
|
|
}
|
|
|
|
/**
|
|
* @param {!Array<?Object>} items
|
|
* @param {function(?Object): string} keyFunction
|
|
* @return {!Array<?Object>}
|
|
* @protected
|
|
*/
|
|
filter(items, keyFunction) {
|
|
if (!this._filterRegex) {
|
|
return items;
|
|
}
|
|
return items.filter(item => this._filterRegex.test(keyFunction(item)));
|
|
}
|
|
|
|
/**
|
|
* @override
|
|
*/
|
|
wasShown() {
|
|
this.refreshItems();
|
|
}
|
|
|
|
/**
|
|
* @param {boolean} enabled
|
|
* @protected
|
|
*/
|
|
setCanDeleteAll(enabled) {
|
|
this._deleteAllButton.setEnabled(enabled);
|
|
}
|
|
|
|
/**
|
|
* @param {boolean} enabled
|
|
* @protected
|
|
*/
|
|
setCanDeleteSelected(enabled) {
|
|
this._deleteSelectedButton.setEnabled(enabled);
|
|
}
|
|
|
|
/**
|
|
* @param {boolean} enabled
|
|
* @protected
|
|
*/
|
|
setCanRefresh(enabled) {
|
|
this._refreshButton.setEnabled(enabled);
|
|
}
|
|
|
|
/**
|
|
* @param {boolean} enabled
|
|
* @protected
|
|
*/
|
|
setCanFilter(enabled) {
|
|
this._filterItem.setEnabled(enabled);
|
|
}
|
|
|
|
deleteAllItems() {
|
|
}
|
|
|
|
deleteSelectedItem() {
|
|
}
|
|
|
|
refreshItems() {
|
|
}
|
|
};
|