All Downloads are FREE. Search and download functionalities are using the official Maven repository.
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.ConsolePinPane.js Maven / Gradle / Ivy
// 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 Common from '../common/common.js';
import * as ObjectUI from '../object_ui/object_ui.js';
import * as SDK from '../sdk/sdk.js';
import * as TextUtils from '../text_utils/text_utils.js';
import * as UI from '../ui/ui.js';
const _PinSymbol = Symbol('pinSymbol');
export class ConsolePinPane extends UI.ThrottledWidget.ThrottledWidget {
/**
* @param {!UI.Toolbar.ToolbarButton} liveExpressionButton
*/
constructor(liveExpressionButton) {
super(true, 250);
this._liveExpressionButton = liveExpressionButton;
this.registerRequiredCSS('console/consolePinPane.css');
this.registerRequiredCSS('object_ui/objectValue.css');
this.contentElement.classList.add('console-pins', 'monospace');
this.contentElement.addEventListener('contextmenu', this._contextMenuEventFired.bind(this), false);
/** @type {!Set} */
this._pins = new Set();
this._pinsSetting = Common.Settings.Settings.instance().createLocalSetting('consolePins', []);
for (const expression of this._pinsSetting.get()) {
this.addPin(expression);
}
}
/**
* @override
*/
willHide() {
for (const pin of this._pins) {
pin.setHovered(false);
}
}
_savePins() {
const toSave = Array.from(this._pins).map(pin => pin.expression());
this._pinsSetting.set(toSave);
}
/**
* @param {!Event} event
*/
_contextMenuEventFired(event) {
const contextMenu = new UI.ContextMenu.ContextMenu(event);
const target = event.deepElementFromPoint();
if (target) {
const targetPinElement = target.enclosingNodeOrSelfWithClass('console-pin');
if (targetPinElement) {
const targetPin = targetPinElement[_PinSymbol];
contextMenu.editSection().appendItem(ls`Edit expression`, targetPin.focus.bind(targetPin));
contextMenu.editSection().appendItem(ls`Remove expression`, this._removePin.bind(this, targetPin));
targetPin.appendToContextMenu(contextMenu);
}
}
contextMenu.editSection().appendItem(ls`Remove all expressions`, this._removeAllPins.bind(this));
contextMenu.show();
}
_removeAllPins() {
for (const pin of this._pins) {
this._removePin(pin);
}
}
/**
* @param {!ConsolePin} pin
*/
_removePin(pin) {
pin.element().remove();
this._pins.delete(pin);
this._savePins();
this._liveExpressionButton.element.focus();
}
/**
* @param {string} expression
* @param {boolean=} userGesture
*/
addPin(expression, userGesture) {
const pin = new ConsolePin(expression, this);
this.contentElement.appendChild(pin.element());
this._pins.add(pin);
this._savePins();
if (userGesture) {
pin.focus();
}
this.update();
}
/**
* @override
*/
doUpdate() {
if (!this._pins.size || !this.isShowing()) {
return Promise.resolve();
}
if (this.isShowing()) {
this.update();
}
const updatePromises = Array.from(this._pins, pin => pin.updatePreview());
return Promise.all(updatePromises).then(this._updatedForTest.bind(this));
}
_updatedForTest() {
}
}
/**
* @unrestricted
*/
export class ConsolePin extends Common.ObjectWrapper.ObjectWrapper {
/**
* @param {string} expression
* @param {!ConsolePinPane} pinPane
*/
constructor(expression, pinPane) {
super();
const deletePinIcon = UI.Icon.Icon.create('smallicon-cross', 'console-delete-pin');
self.onInvokeElement(deletePinIcon, event => {
pinPane._removePin(this);
event.consume(true);
});
deletePinIcon.tabIndex = 0;
UI.ARIAUtils.setAccessibleName(deletePinIcon, ls`Remove expression`);
UI.ARIAUtils.markAsButton(deletePinIcon);
const fragment = UI.Fragment.Fragment.build`
${deletePinIcon}
${ls`not available`}
