| OLD | NEW |
|---|
| (Empty) |
| 1 /* | |
| 2 * Copyright (C) 2013 Google Inc. All rights reserved. | |
| 3 * | |
| 4 * Redistribution and use in source and binary forms, with or without | |
| 5 * modification, are permitted provided that the following conditions are | |
| 6 * met: | |
| 7 * | |
| 8 * * Redistributions of source code must retain the above copyright | |
| 9 * notice, this list of conditions and the following disclaimer. | |
| 10 * * Redistributions in binary form must reproduce the above | |
| 11 * copyright notice, this list of conditions and the following disclaimer | |
| 12 * in the documentation and/or other materials provided with the | |
| 13 * distribution. | |
| 14 * * Neither the name of Google Inc. nor the names of its | |
| 15 * contributors may be used to endorse or promote products derived from | |
| 16 * this software without specific prior written permission. | |
| 17 * | |
| 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS | |
| 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT | |
| 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR | |
| 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT | |
| 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, | |
| 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT | |
| 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, | |
| 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY | |
| 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
| 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE | |
| 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
| 29 */ | |
| 30 /** | |
| 31 * @implements {UI.ListWidget.Delegate} | |
| 32 * @unrestricted | |
| 33 */ | |
| 34 Settings.EditFileSystemView = class extends UI.VBox { | |
| 35 /** | |
| 36 * @param {string} fileSystemPath | |
| 37 */ | |
| 38 constructor(fileSystemPath) { | |
| 39 super(true); | |
| 40 this.registerRequiredCSS('settings/editFileSystemView.css'); | |
| 41 this._fileSystemPath = fileSystemPath; | |
| 42 | |
| 43 this._eventListeners = [ | |
| 44 Workspace.fileSystemMapping.addEventListener( | |
| 45 Workspace.FileSystemMapping.Events.FileMappingAdded, this._update, thi
s), | |
| 46 Workspace.fileSystemMapping.addEventListener( | |
| 47 Workspace.FileSystemMapping.Events.FileMappingRemoved, this._update, t
his), | |
| 48 Workspace.isolatedFileSystemManager.addEventListener( | |
| 49 Workspace.IsolatedFileSystemManager.Events.ExcludedFolderAdded, this._
update, this), | |
| 50 Workspace.isolatedFileSystemManager.addEventListener( | |
| 51 Workspace.IsolatedFileSystemManager.Events.ExcludedFolderRemoved, this
._update, this) | |
| 52 ]; | |
| 53 | |
| 54 | |
| 55 if (!Runtime.experiments.isEnabled('persistence2')) { | |
| 56 this._mappingsList = new UI.ListWidget(this); | |
| 57 this._mappingsList.element.classList.add('file-system-list'); | |
| 58 this._mappingsList.registerRequiredCSS('settings/editFileSystemView.css'); | |
| 59 var mappingsPlaceholder = createElementWithClass('div', 'file-system-list-
empty'); | |
| 60 var mappingsHeader = this.contentElement.createChild('div', 'file-system-h
eader'); | |
| 61 mappingsHeader.createChild('div', 'file-system-header-text').textContent =
Common.UIString('Mappings'); | |
| 62 mappingsPlaceholder.textContent = Common.UIString('None'); | |
| 63 mappingsHeader.appendChild( | |
| 64 UI.createTextButton(Common.UIString('Add'), this._addMappingButtonClic
ked.bind(this), 'add-button')); | |
| 65 this._mappingsList.setEmptyPlaceholder(mappingsPlaceholder); | |
| 66 this._mappingsList.show(this.contentElement); | |
| 67 } | |
| 68 | |
| 69 var excludedFoldersHeader = this.contentElement.createChild('div', 'file-sys
tem-header'); | |
| 70 excludedFoldersHeader.createChild('div', 'file-system-header-text').textCont
ent = | |
| 71 Common.UIString('Excluded folders'); | |
| 72 excludedFoldersHeader.appendChild( | |
| 73 UI.createTextButton(Common.UIString('Add'), this._addExcludedFolderButto
nClicked.bind(this), 'add-button')); | |
| 74 this._excludedFoldersList = new UI.ListWidget(this); | |
| 75 this._excludedFoldersList.element.classList.add('file-system-list'); | |
| 76 this._excludedFoldersList.registerRequiredCSS('settings/editFileSystemView.c
ss'); | |
| 77 var excludedFoldersPlaceholder = createElementWithClass('div', 'file-system-
list-empty'); | |
| 78 excludedFoldersPlaceholder.textContent = Common.UIString('None'); | |
| 79 this._excludedFoldersList.setEmptyPlaceholder(excludedFoldersPlaceholder); | |
| 80 this._excludedFoldersList.show(this.contentElement); | |
| 81 | |
| 82 this.contentElement.tabIndex = 0; | |
| 83 this._update(); | |
| 84 } | |
| 85 | |
| 86 dispose() { | |
| 87 Common.EventTarget.removeEventListeners(this._eventListeners); | |
| 88 } | |
| 89 | |
| 90 _update() { | |
| 91 if (this._muteUpdate) | |
| 92 return; | |
| 93 | |
| 94 this._mappings = []; | |
| 95 | |
| 96 this._excludedFoldersList.clear(); | |
| 97 this._excludedFolders = []; | |
| 98 for (var folder of Workspace.isolatedFileSystemManager.fileSystem(this._file
SystemPath) | |
| 99 .excludedFolders() | |
| 100 .values()) { | |
| 101 this._excludedFolders.push(folder); | |
| 102 this._excludedFoldersList.appendItem(folder, true); | |
| 103 } | |
| 104 | |
| 105 if (Runtime.experiments.isEnabled('persistence2')) | |
| 106 return; | |
| 107 | |
| 108 this._mappingsList.clear(); | |
| 109 var mappings = Workspace.fileSystemMapping.mappingEntries(this._fileSystemPa
th); | |
| 110 for (var entry of mappings) { | |
| 111 this._mappingsList.appendItem(entry, true); | |
| 112 this._mappings.push(entry); | |
| 113 } | |
| 114 } | |
| 115 | |
| 116 _addMappingButtonClicked() { | |
| 117 var entry = new Workspace.FileSystemMapping.Entry(this._fileSystemPath, '',
''); | |
| 118 this._mappingsList.addNewItem(0, entry); | |
| 119 } | |
| 120 | |
| 121 _addExcludedFolderButtonClicked() { | |
| 122 this._excludedFoldersList.addNewItem(0, ''); | |
| 123 } | |
| 124 | |
| 125 /** | |
| 126 * @override | |
| 127 * @param {*} item | |
| 128 * @param {boolean} editable | |
| 129 * @return {!Element} | |
| 130 */ | |
| 131 renderItem(item, editable) { | |
| 132 var element = createElementWithClass('div', 'file-system-list-item'); | |
| 133 if (item instanceof Workspace.FileSystemMapping.Entry) { | |
| 134 var entry = /** @type {!Workspace.FileSystemMapping.Entry} */ (item); | |
| 135 var urlPrefixElement = element.createChild('div', 'file-system-value'); | |
| 136 urlPrefixElement.textContent = entry.urlPrefix; | |
| 137 urlPrefixElement.title = entry.urlPrefix; | |
| 138 element.createChild('div', 'file-system-separator'); | |
| 139 var pathPrefixElement = element.createChild('div', 'file-system-value'); | |
| 140 pathPrefixElement.textContent = entry.pathPrefix; | |
| 141 pathPrefixElement.title = entry.pathPrefix; | |
| 142 } else { | |
| 143 var pathPrefix = /** @type {string} */ (editable ? item : Common.UIString(
'%s (via .devtools)', item)); | |
| 144 var pathPrefixElement = element.createChild('div', 'file-system-value'); | |
| 145 pathPrefixElement.textContent = pathPrefix; | |
| 146 pathPrefixElement.title = pathPrefix; | |
| 147 } | |
| 148 return element; | |
| 149 } | |
| 150 | |
| 151 /** | |
| 152 * @override | |
| 153 * @param {*} item | |
| 154 * @param {number} index | |
| 155 */ | |
| 156 removeItemRequested(item, index) { | |
| 157 if (item instanceof Workspace.FileSystemMapping.Entry) { | |
| 158 var entry = this._mappings[index]; | |
| 159 Workspace.fileSystemMapping.removeFileMapping(entry.fileSystemPath, entry.
urlPrefix, entry.pathPrefix); | |
| 160 } else { | |
| 161 Workspace.isolatedFileSystemManager.fileSystem(this._fileSystemPath) | |
| 162 .removeExcludedFolder(this._excludedFolders[index]); | |
| 163 } | |
| 164 } | |
| 165 | |
| 166 /** | |
| 167 * @override | |
| 168 * @param {*} item | |
| 169 * @param {!UI.ListWidget.Editor} editor | |
| 170 * @param {boolean} isNew | |
| 171 */ | |
| 172 commitEdit(item, editor, isNew) { | |
| 173 this._muteUpdate = true; | |
| 174 if (item instanceof Workspace.FileSystemMapping.Entry) { | |
| 175 var entry = /** @type {!Workspace.FileSystemMapping.Entry} */ (item); | |
| 176 if (!isNew) | |
| 177 Workspace.fileSystemMapping.removeFileMapping(this._fileSystemPath, entr
y.urlPrefix, entry.pathPrefix); | |
| 178 Workspace.fileSystemMapping.addFileMapping( | |
| 179 this._fileSystemPath, this._normalizePrefix(editor.control('urlPrefix'
).value), | |
| 180 this._normalizePrefix(editor.control('pathPrefix').value)); | |
| 181 } else { | |
| 182 if (!isNew) { | |
| 183 Workspace.isolatedFileSystemManager.fileSystem(this._fileSystemPath) | |
| 184 .removeExcludedFolder(/** @type {string} */ (item)); | |
| 185 } | |
| 186 Workspace.isolatedFileSystemManager.fileSystem(this._fileSystemPath) | |
| 187 .addExcludedFolder(this._normalizePrefix(editor.control('pathPrefix').
value)); | |
| 188 } | |
| 189 this._muteUpdate = false; | |
| 190 this._update(); | |
| 191 } | |
| 192 | |
| 193 /** | |
| 194 * @override | |
| 195 * @param {*} item | |
| 196 * @return {!UI.ListWidget.Editor} | |
| 197 */ | |
| 198 beginEdit(item) { | |
| 199 if (item instanceof Workspace.FileSystemMapping.Entry) { | |
| 200 var entry = /** @type {!Workspace.FileSystemMapping.Entry} */ (item); | |
| 201 var editor = this._createMappingEditor(); | |
| 202 editor.control('urlPrefix').value = entry.urlPrefix; | |
| 203 editor.control('pathPrefix').value = entry.pathPrefix; | |
| 204 return editor; | |
| 205 } else { | |
| 206 var editor = this._createExcludedFolderEditor(); | |
| 207 editor.control('pathPrefix').value = item; | |
| 208 return editor; | |
| 209 } | |
| 210 } | |
| 211 | |
| 212 /** | |
| 213 * @return {!UI.ListWidget.Editor} | |
| 214 */ | |
| 215 _createMappingEditor() { | |
| 216 if (this._mappingEditor) | |
| 217 return this._mappingEditor; | |
| 218 | |
| 219 var editor = new UI.ListWidget.Editor(); | |
| 220 this._mappingEditor = editor; | |
| 221 var content = editor.contentElement(); | |
| 222 | |
| 223 var titles = content.createChild('div', 'file-system-edit-row'); | |
| 224 titles.createChild('div', 'file-system-value').textContent = Common.UIString
('URL prefix'); | |
| 225 titles.createChild('div', 'file-system-separator file-system-separator-invis
ible'); | |
| 226 titles.createChild('div', 'file-system-value').textContent = Common.UIString
('Folder path'); | |
| 227 | |
| 228 var fields = content.createChild('div', 'file-system-edit-row'); | |
| 229 fields.createChild('div', 'file-system-value') | |
| 230 .appendChild( | |
| 231 editor.createInput('urlPrefix', 'text', 'http://localhost:8000/url',
urlPrefixValidator.bind(this))); | |
| 232 fields.createChild('div', 'file-system-separator file-system-separator-invis
ible'); | |
| 233 fields.createChild('div', 'file-system-value') | |
| 234 .appendChild(editor.createInput('pathPrefix', 'text', '/path/to/folder/'
, pathPrefixValidator.bind(this))); | |
| 235 | |
| 236 return editor; | |
| 237 | |
| 238 /** | |
| 239 * @param {*} item | |
| 240 * @param {number} index | |
| 241 * @param {!HTMLInputElement|!HTMLSelectElement} input | |
| 242 * @return {boolean} | |
| 243 * @this {Settings.EditFileSystemView} | |
| 244 */ | |
| 245 function urlPrefixValidator(item, index, input) { | |
| 246 var prefix = this._normalizePrefix(input.value); | |
| 247 for (var i = 0; i < this._mappings.length; ++i) { | |
| 248 if (i !== index && this._mappings[i].urlPrefix === prefix) | |
| 249 return false; | |
| 250 } | |
| 251 return !!prefix; | |
| 252 } | |
| 253 | |
| 254 /** | |
| 255 * @param {*} item | |
| 256 * @param {number} index | |
| 257 * @param {!HTMLInputElement|!HTMLSelectElement} input | |
| 258 * @return {boolean} | |
| 259 * @this {Settings.EditFileSystemView} | |
| 260 */ | |
| 261 function pathPrefixValidator(item, index, input) { | |
| 262 var prefix = this._normalizePrefix(input.value); | |
| 263 for (var i = 0; i < this._mappings.length; ++i) { | |
| 264 if (i !== index && this._mappings[i].pathPrefix === prefix) | |
| 265 return false; | |
| 266 } | |
| 267 return !!prefix; | |
| 268 } | |
| 269 } | |
| 270 | |
| 271 /** | |
| 272 * @return {!UI.ListWidget.Editor} | |
| 273 */ | |
| 274 _createExcludedFolderEditor() { | |
| 275 if (this._excludedFolderEditor) | |
| 276 return this._excludedFolderEditor; | |
| 277 | |
| 278 var editor = new UI.ListWidget.Editor(); | |
| 279 this._excludedFolderEditor = editor; | |
| 280 var content = editor.contentElement(); | |
| 281 | |
| 282 var titles = content.createChild('div', 'file-system-edit-row'); | |
| 283 titles.createChild('div', 'file-system-value').textContent = Common.UIString
('Folder path'); | |
| 284 | |
| 285 var fields = content.createChild('div', 'file-system-edit-row'); | |
| 286 fields.createChild('div', 'file-system-value') | |
| 287 .appendChild(editor.createInput('pathPrefix', 'text', '/path/to/folder/'
, pathPrefixValidator.bind(this))); | |
| 288 | |
| 289 return editor; | |
| 290 | |
| 291 /** | |
| 292 * @param {*} item | |
| 293 * @param {number} index | |
| 294 * @param {!HTMLInputElement|!HTMLSelectElement} input | |
| 295 * @return {boolean} | |
| 296 * @this {Settings.EditFileSystemView} | |
| 297 */ | |
| 298 function pathPrefixValidator(item, index, input) { | |
| 299 var prefix = this._normalizePrefix(input.value); | |
| 300 var configurableCount = | |
| 301 Workspace.isolatedFileSystemManager.fileSystem(this._fileSystemPath).e
xcludedFolders().size; | |
| 302 for (var i = 0; i < configurableCount; ++i) { | |
| 303 if (i !== index && this._excludedFolders[i] === prefix) | |
| 304 return false; | |
| 305 } | |
| 306 return !!prefix; | |
| 307 } | |
| 308 } | |
| 309 | |
| 310 /** | |
| 311 * @param {string} prefix | |
| 312 * @return {string} | |
| 313 */ | |
| 314 _normalizePrefix(prefix) { | |
| 315 if (!prefix) | |
| 316 return ''; | |
| 317 return prefix + (prefix[prefix.length - 1] === '/' ? '' : '/'); | |
| 318 } | |
| 319 }; | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2868543002:
DevTools: move FileSystemMapping under persistence/ module (Closed)
