third_party/WebKit/Source/devtools/front_end/settings/FrameworkBlackboxDialog.js

   1 /*
   2  * Copyright 2014 The Chromium Authors. All rights reserved.
   3  * Use of this source code is governed by a BSD-style license that can be
   4  * found in the LICENSE file.
   5  */
   6
   7 /**
   8  * @constructor
   9  * @extends {WebInspector.DialogDelegate}
  10  */
  11 WebInspector.FrameworkBlackboxDialog = function()
  12 {
  13     WebInspector.DialogDelegate.call(this);
  14     this.element.classList.add("blackbox-dialog", "dialog-contents");
  15
  16     var header = this.element.createChild("div", "header");
  17     header.createChild("span").textContent = WebInspector.UIString("Framework blackbox patterns");
  18
  19     var closeButton = header.createChild("div", "done-button", "dt-close-button");
  20     closeButton.gray = true;
  21     closeButton.addEventListener("click", this._onDoneClick.bind(this), false);
  22
  23     var contents = this.element.createChild("div", "contents");
  24
  25     var contentScriptsSection = contents.createChild("div", "blackbox-content-scripts");
  26     contentScriptsSection.appendChild(WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Blackbox content scripts"), WebInspector.moduleSetting("skipContentScripts"), true));
  27
  28     var blockHeader = contents.createChild("div", "columns-header");
  29     blockHeader.createChild("span").textContent = WebInspector.UIString("URI pattern");
  30     blockHeader.createChild("span").textContent = WebInspector.UIString("Behavior");
  31
  32     var section = contents.createChild("div", "section");
  33     var container = section.createChild("div", "settings-list-container");
  34
  35     this._blackboxLabel = WebInspector.UIString("Blackbox");
  36     this._disabledLabel = WebInspector.UIString("Disabled");
  37
  38     var column1 = { id: "pattern", placeholder: "/framework\\.js$" };
  39     var column2 = { id: "value", options: [this._blackboxLabel, this._disabledLabel] };
  40
  41     this._patternsList = new WebInspector.EditableSettingsList([column1, column2], this._patternValuesProvider.bind(this), this._patternValidate.bind(this), this._patternEdit.bind(this));
  42     this._patternsList.element.classList.add("blackbox-patterns-list");
  43     this._patternsList.addEventListener(WebInspector.SettingsList.Events.Removed, this._patternRemovedFromList.bind(this));
  44     container.appendChild(this._patternsList.element);
  45
  46     /** @type {!Map.<string, string>} */
  47     this._entries = new Map();
  48     var patterns = WebInspector.moduleSetting("skipStackFramesPattern").getAsArray();
  49     for (var i = 0; i < patterns.length; ++i)
  50         this._addPattern(patterns[i].pattern, patterns[i].disabled);
  51
  52     this.element.tabIndex = 0;
  53 }
  54
  55 WebInspector.FrameworkBlackboxDialog.show = function(element)
  56 {
  57     var dialog = new WebInspector.FrameworkBlackboxDialog();
  58     WebInspector.Dialog.show(element, dialog);
  59     var glassPane = dialog.element.ownerDocument.getElementById("glass-pane");
  60     glassPane.classList.add("settings-glass-pane");
  61 }
  62
  63 WebInspector.FrameworkBlackboxDialog.prototype = {
  64     /**
  65      * @override
  66      * @param {!Element} element
  67      */
  68     show: function(element)
  69     {
  70         this._dialogElement = element;
  71         element.appendChild(this.element);
  72         element.classList.add("settings-dialog", "settings-tab");
  73     },
  74
  75     _resize: function()
  76     {
  77         if (!this._dialogElement || !this._relativeToElement)
  78             return;
  79
  80         const minWidth = 200;
  81         const minHeight = 150;
  82         var maxHeight = this._relativeToElement.offsetHeight - 10;
  83         maxHeight = Math.max(minHeight, maxHeight);
  84         var maxWidth = Math.min(540, this._relativeToElement.offsetWidth - 10);
  85         maxWidth = Math.max(minWidth, maxWidth);
  86         this._dialogElement.style.maxHeight = maxHeight + "px";
  87         this._dialogElement.style.width = maxWidth + "px";
  88
  89         WebInspector.DialogDelegate.prototype.position(this._dialogElement, this._relativeToElement);
  90     },
  91
  92     /**
  93      * @override
  94      * @param {!Element} element
  95      * @param {!Element} relativeToElement
  96      */
  97     position: function(element, relativeToElement)
  98     {
  99         this._relativeToElement = relativeToElement;
 100         this._resize();
 101     },
 102
 103     willHide: function(event)
 104     {
 105     },
 106
 107     /**
 108      * @param {string} itemId
 109      * @param {string} columnId
 110      * @return {string}
 111      */
 112     _patternValuesProvider: function(itemId, columnId)
 113     {
 114         if (!itemId)
 115             return "";
 116         switch (columnId) {
 117         case "pattern":
 118             return itemId;
 119         case "value":
 120             return /** @type {string} */ (this._entries.get(itemId));
 121         default:
 122             console.assert("Should not be reached.");
 123         }
 124         return "";
 125     },
 126
 127     /**
 128      * @param {?string} itemId
 129      * @param {!Object} data
 130      * @return {!Array.<string>}
 131      */
 132     _patternValidate: function(itemId, data)
 133     {
 134         var regex;
 135         var oldPattern = itemId;
 136         var newPattern = data["pattern"];
 137         try {
 138             if (newPattern && (oldPattern === newPattern || !this._entries.has(newPattern)))
 139                 regex = new RegExp(newPattern);
 140         } catch (e) {
 141         }
 142         return regex ? [] : ["pattern"];
 143     },
 144
 145     /**
 146      * @param {?string} itemId
 147      * @param {!Object} data
 148      */
 149     _patternEdit: function(itemId, data)
 150     {
 151         var oldPattern = itemId;
 152         var newPattern = data["pattern"];
 153         if (!newPattern)
 154             return;
 155         var disabled = (data["value"] === this._disabledLabel);
 156
 157         var patterns = WebInspector.moduleSetting("skipStackFramesPattern").getAsArray();
 158         for (var i = 0; i <= patterns.length; ++i) {
 159             if (i === patterns.length) {
 160                 patterns.push({ pattern: newPattern, disabled: disabled });
 161                 break;
 162             }
 163             if (patterns[i].pattern === oldPattern) {
 164                 patterns[i] = { pattern: newPattern, disabled: disabled };
 165                 break;
 166             }
 167         }
 168         WebInspector.moduleSetting("skipStackFramesPattern").setAsArray(patterns);
 169
 170         if (oldPattern && oldPattern === newPattern) {
 171             this._entries.set(newPattern, disabled ? this._disabledLabel : this._blackboxLabel);
 172             this._patternsList.itemForId(oldPattern).classList.toggle("disabled", disabled);
 173             this._patternsList.refreshItem(newPattern);
 174             return;
 175         }
 176
 177         if (oldPattern) {
 178             this._patternsList.removeItem(oldPattern);
 179             this._entries.remove(oldPattern);
 180         }
 181         this._addPattern(newPattern, disabled);
 182     },
 183
 184     /**
 185      * @param {!WebInspector.Event} event
 186      */
 187     _patternRemovedFromList: function(event)
 188     {
 189         var pattern = /** @type{?string} */ (event.data);
 190         if (!pattern)
 191             return;
 192         this._entries.remove(pattern);
 193
 194         var patterns = WebInspector.moduleSetting("skipStackFramesPattern").getAsArray();
 195         for (var i = 0; i < patterns.length; ++i) {
 196             if (patterns[i].pattern === pattern) {
 197                 patterns.splice(i, 1);
 198                 break;
 199             }
 200         }
 201         WebInspector.moduleSetting("skipStackFramesPattern").setAsArray(patterns);
 202     },
 203
 204     /**
 205      * @param {string} pattern
 206      * @param {boolean=} disabled
 207      */
 208     _addPattern: function(pattern, disabled)
 209     {
 210         if (!pattern || this._entries.has(pattern))
 211             return;
 212         this._entries.set(pattern, disabled ? this._disabledLabel : this._blackboxLabel);
 213         var listItem = this._patternsList.addItem(pattern, null);
 214         listItem.classList.toggle("disabled", disabled);
 215         this._resize();
 216     },
 217
 218     focus: function()
 219     {
 220         WebInspector.setCurrentFocusElement(this.element);
 221     },
 222
 223     _onDoneClick: function()
 224     {
 225         WebInspector.Dialog.hide();
 226     },
 227
 228     onEnter: function(event)
 229     {
 230         var focusElement = WebInspector.currentFocusElement();
 231         var nodeName = focusElement && focusElement.nodeName.toLowerCase();
 232         if (nodeName === "input" || nodeName === "select") {
 233             this.focus();
 234             event.consume(true);
 235             return;
 236         }
 237     },
 238
 239     __proto__: WebInspector.DialogDelegate.prototype
 240 }