| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2007, 2008, 2010 Apple Inc. All rights reserved. | 2 * Copyright (C) 2007, 2008, 2010 Apple Inc. All rights reserved. |
| 3 * Copyright (C) 2009 Joseph Pecoraro | 3 * Copyright (C) 2009 Joseph Pecoraro |
| 4 * Copyright (C) 2013 Samsung Electronics. All rights reserved. | 4 * Copyright (C) 2013 Samsung Electronics. All rights reserved. |
| 5 * | 5 * |
| 6 * Redistribution and use in source and binary forms, with or without | 6 * Redistribution and use in source and binary forms, with or without |
| 7 * modification, are permitted provided that the following conditions | 7 * modification, are permitted provided that the following conditions |
| 8 * are met: | 8 * are met: |
| 9 * | 9 * |
| 10 * 1. Redistributions of source code must retain the above copyright | 10 * 1. Redistributions of source code must retain the above copyright |
| (...skipping 10 matching lines...) Expand all Loading... |
| 21 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | 21 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE |
| 22 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | 22 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY |
| 23 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | 23 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES |
| 24 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | 24 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; |
| 25 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | 25 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
| 26 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | 26 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF |
| 28 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | 28 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 29 */ | 29 */ |
| 30 /** | 30 /** |
| 31 * @implements {WebInspector.TargetManager.Observer} | 31 * @implements {SDK.TargetManager.Observer} |
| 32 * @unrestricted | 32 * @unrestricted |
| 33 */ | 33 */ |
| 34 WebInspector.ResourcesPanel = class extends WebInspector.PanelWithSidebar { | 34 Resources.ResourcesPanel = class extends UI.PanelWithSidebar { |
| 35 constructor() { | 35 constructor() { |
| 36 super('resources'); | 36 super('resources'); |
| 37 this.registerRequiredCSS('resources/resourcesPanel.css'); | 37 this.registerRequiredCSS('resources/resourcesPanel.css'); |
| 38 | 38 |
| 39 this._resourcesLastSelectedItemSetting = WebInspector.settings.createSetting
('resourcesLastSelectedItem', {}); | 39 this._resourcesLastSelectedItemSetting = Common.settings.createSetting('reso
urcesLastSelectedItem', {}); |
| 40 | 40 |
| 41 this._sidebarTree = new TreeOutlineInShadow(); | 41 this._sidebarTree = new TreeOutlineInShadow(); |
| 42 this._sidebarTree.element.classList.add('resources-sidebar'); | 42 this._sidebarTree.element.classList.add('resources-sidebar'); |
| 43 this._sidebarTree.registerRequiredCSS('resources/resourcesSidebar.css'); | 43 this._sidebarTree.registerRequiredCSS('resources/resourcesSidebar.css'); |
| 44 this._sidebarTree.element.classList.add('filter-all'); | 44 this._sidebarTree.element.classList.add('filter-all'); |
| 45 this.panelSidebarElement().appendChild(this._sidebarTree.element); | 45 this.panelSidebarElement().appendChild(this._sidebarTree.element); |
| 46 | 46 |
| 47 this._applicationTreeElement = this._addSidebarSection(WebInspector.UIString
('Application')); | 47 this._applicationTreeElement = this._addSidebarSection(Common.UIString('Appl
ication')); |
| 48 this._manifestTreeElement = new WebInspector.AppManifestTreeElement(this); | 48 this._manifestTreeElement = new Resources.AppManifestTreeElement(this); |
| 49 this._applicationTreeElement.appendChild(this._manifestTreeElement); | 49 this._applicationTreeElement.appendChild(this._manifestTreeElement); |
| 50 this.serviceWorkersTreeElement = new WebInspector.ServiceWorkersTreeElement(
this); | 50 this.serviceWorkersTreeElement = new Resources.ServiceWorkersTreeElement(thi
s); |
| 51 this._applicationTreeElement.appendChild(this.serviceWorkersTreeElement); | 51 this._applicationTreeElement.appendChild(this.serviceWorkersTreeElement); |
| 52 var clearStorageTreeElement = new WebInspector.ClearStorageTreeElement(this)
; | 52 var clearStorageTreeElement = new Resources.ClearStorageTreeElement(this); |
| 53 this._applicationTreeElement.appendChild(clearStorageTreeElement); | 53 this._applicationTreeElement.appendChild(clearStorageTreeElement); |
| 54 | 54 |
| 55 var storageTreeElement = this._addSidebarSection(WebInspector.UIString('Stor
age')); | 55 var storageTreeElement = this._addSidebarSection(Common.UIString('Storage'))
; |
| 56 this.localStorageListTreeElement = new WebInspector.StorageCategoryTreeEleme
nt( | 56 this.localStorageListTreeElement = new Resources.StorageCategoryTreeElement( |
| 57 this, WebInspector.UIString('Local Storage'), 'LocalStorage', ['table-tr
ee-item', 'resource-tree-item']); | 57 this, Common.UIString('Local Storage'), 'LocalStorage', ['table-tree-ite
m', 'resource-tree-item']); |
| 58 storageTreeElement.appendChild(this.localStorageListTreeElement); | 58 storageTreeElement.appendChild(this.localStorageListTreeElement); |
| 59 this.sessionStorageListTreeElement = new WebInspector.StorageCategoryTreeEle
ment( | 59 this.sessionStorageListTreeElement = new Resources.StorageCategoryTreeElemen
t( |
| 60 this, WebInspector.UIString('Session Storage'), 'SessionStorage', ['tabl
e-tree-item', 'resource-tree-item']); | 60 this, Common.UIString('Session Storage'), 'SessionStorage', ['table-tree
-item', 'resource-tree-item']); |
| 61 storageTreeElement.appendChild(this.sessionStorageListTreeElement); | 61 storageTreeElement.appendChild(this.sessionStorageListTreeElement); |
| 62 this.indexedDBListTreeElement = new WebInspector.IndexedDBTreeElement(this); | 62 this.indexedDBListTreeElement = new Resources.IndexedDBTreeElement(this); |
| 63 storageTreeElement.appendChild(this.indexedDBListTreeElement); | 63 storageTreeElement.appendChild(this.indexedDBListTreeElement); |
| 64 this.databasesListTreeElement = new WebInspector.StorageCategoryTreeElement( | 64 this.databasesListTreeElement = new Resources.StorageCategoryTreeElement( |
| 65 this, WebInspector.UIString('Web SQL'), 'Databases', ['database-tree-ite
m', 'resource-tree-item']); | 65 this, Common.UIString('Web SQL'), 'Databases', ['database-tree-item', 'r
esource-tree-item']); |
| 66 storageTreeElement.appendChild(this.databasesListTreeElement); | 66 storageTreeElement.appendChild(this.databasesListTreeElement); |
| 67 this.cookieListTreeElement = new WebInspector.StorageCategoryTreeElement( | 67 this.cookieListTreeElement = new Resources.StorageCategoryTreeElement( |
| 68 this, WebInspector.UIString('Cookies'), 'Cookies', ['cookie-tree-item',
'resource-tree-item']); | 68 this, Common.UIString('Cookies'), 'Cookies', ['cookie-tree-item', 'resou
rce-tree-item']); |
| 69 storageTreeElement.appendChild(this.cookieListTreeElement); | 69 storageTreeElement.appendChild(this.cookieListTreeElement); |
| 70 | 70 |
| 71 var cacheTreeElement = this._addSidebarSection(WebInspector.UIString('Cache'
)); | 71 var cacheTreeElement = this._addSidebarSection(Common.UIString('Cache')); |
| 72 this.cacheStorageListTreeElement = new WebInspector.ServiceWorkerCacheTreeEl
ement(this); | 72 this.cacheStorageListTreeElement = new Resources.ServiceWorkerCacheTreeEleme
nt(this); |
| 73 cacheTreeElement.appendChild(this.cacheStorageListTreeElement); | 73 cacheTreeElement.appendChild(this.cacheStorageListTreeElement); |
| 74 this.applicationCacheListTreeElement = new WebInspector.StorageCategoryTreeE
lement( | 74 this.applicationCacheListTreeElement = new Resources.StorageCategoryTreeElem
ent( |
| 75 this, WebInspector.UIString('Application Cache'), 'ApplicationCache', | 75 this, Common.UIString('Application Cache'), 'ApplicationCache', |
| 76 ['appcache-tree-item', 'table-tree-item', 'resource-tree-item']); | 76 ['appcache-tree-item', 'table-tree-item', 'resource-tree-item']); |
| 77 cacheTreeElement.appendChild(this.applicationCacheListTreeElement); | 77 cacheTreeElement.appendChild(this.applicationCacheListTreeElement); |
| 78 | 78 |
| 79 this.resourcesListTreeElement = this._addSidebarSection(WebInspector.UIStrin
g('Frames')); | 79 this.resourcesListTreeElement = this._addSidebarSection(Common.UIString('Fra
mes')); |
| 80 | 80 |
| 81 var mainContainer = new WebInspector.VBox(); | 81 var mainContainer = new UI.VBox(); |
| 82 this.storageViews = mainContainer.element.createChild('div', 'vbox flex-auto
'); | 82 this.storageViews = mainContainer.element.createChild('div', 'vbox flex-auto
'); |
| 83 this._storageViewToolbar = new WebInspector.Toolbar('resources-toolbar', mai
nContainer.element); | 83 this._storageViewToolbar = new UI.Toolbar('resources-toolbar', mainContainer
.element); |
| 84 this.splitWidget().setMainWidget(mainContainer); | 84 this.splitWidget().setMainWidget(mainContainer); |
| 85 | 85 |
| 86 /** @type {!Map.<!WebInspector.Database, !Object.<string, !WebInspector.Data
baseTableView>>} */ | 86 /** @type {!Map.<!Resources.Database, !Object.<string, !Resources.DatabaseTa
bleView>>} */ |
| 87 this._databaseTableViews = new Map(); | 87 this._databaseTableViews = new Map(); |
| 88 /** @type {!Map.<!WebInspector.Database, !WebInspector.DatabaseQueryView>} *
/ | 88 /** @type {!Map.<!Resources.Database, !Resources.DatabaseQueryView>} */ |
| 89 this._databaseQueryViews = new Map(); | 89 this._databaseQueryViews = new Map(); |
| 90 /** @type {!Map.<!WebInspector.Database, !WebInspector.DatabaseTreeElement>}
*/ | 90 /** @type {!Map.<!Resources.Database, !Resources.DatabaseTreeElement>} */ |
| 91 this._databaseTreeElements = new Map(); | 91 this._databaseTreeElements = new Map(); |
| 92 /** @type {!Map.<!WebInspector.DOMStorage, !WebInspector.DOMStorageItemsView
>} */ | 92 /** @type {!Map.<!Resources.DOMStorage, !Resources.DOMStorageItemsView>} */ |
| 93 this._domStorageViews = new Map(); | 93 this._domStorageViews = new Map(); |
| 94 /** @type {!Map.<!WebInspector.DOMStorage, !WebInspector.DOMStorageTreeEleme
nt>} */ | 94 /** @type {!Map.<!Resources.DOMStorage, !Resources.DOMStorageTreeElement>} *
/ |
| 95 this._domStorageTreeElements = new Map(); | 95 this._domStorageTreeElements = new Map(); |
| 96 /** @type {!Object.<string, !WebInspector.CookieItemsView>} */ | 96 /** @type {!Object.<string, !Resources.CookieItemsView>} */ |
| 97 this._cookieViews = {}; | 97 this._cookieViews = {}; |
| 98 /** @type {!Object.<string, boolean>} */ | 98 /** @type {!Object.<string, boolean>} */ |
| 99 this._domains = {}; | 99 this._domains = {}; |
| 100 | 100 |
| 101 this.panelSidebarElement().addEventListener('mousemove', this._onmousemove.b
ind(this), false); | 101 this.panelSidebarElement().addEventListener('mousemove', this._onmousemove.b
ind(this), false); |
| 102 this.panelSidebarElement().addEventListener('mouseleave', this._onmouseleave
.bind(this), false); | 102 this.panelSidebarElement().addEventListener('mouseleave', this._onmouseleave
.bind(this), false); |
| 103 | 103 |
| 104 WebInspector.targetManager.observeTargets(this); | 104 SDK.targetManager.observeTargets(this); |
| 105 } | 105 } |
| 106 | 106 |
| 107 /** | 107 /** |
| 108 * @return {!WebInspector.ResourcesPanel} | 108 * @return {!Resources.ResourcesPanel} |
| 109 */ | 109 */ |
| 110 static _instance() { | 110 static _instance() { |
| 111 return /** @type {!WebInspector.ResourcesPanel} */ (self.runtime.sharedInsta
nce(WebInspector.ResourcesPanel)); | 111 return /** @type {!Resources.ResourcesPanel} */ (self.runtime.sharedInstance
(Resources.ResourcesPanel)); |
| 112 } | 112 } |
| 113 | 113 |
| 114 /** | 114 /** |
| 115 * @param {string} title | 115 * @param {string} title |
| 116 * @return {!TreeElement} | 116 * @return {!TreeElement} |
| 117 */ | 117 */ |
| 118 _addSidebarSection(title) { | 118 _addSidebarSection(title) { |
| 119 var treeElement = new TreeElement(title, true); | 119 var treeElement = new TreeElement(title, true); |
| 120 treeElement.listItemElement.classList.add('storage-group-list-item'); | 120 treeElement.listItemElement.classList.add('storage-group-list-item'); |
| 121 treeElement.setCollapsible(false); | 121 treeElement.setCollapsible(false); |
| 122 treeElement.selectable = false; | 122 treeElement.selectable = false; |
| 123 this._sidebarTree.appendChild(treeElement); | 123 this._sidebarTree.appendChild(treeElement); |
| 124 return treeElement; | 124 return treeElement; |
| 125 } | 125 } |
| 126 | 126 |
| 127 /** | 127 /** |
| 128 * @override | 128 * @override |
| 129 * @param {!WebInspector.Target} target | 129 * @param {!SDK.Target} target |
| 130 */ | 130 */ |
| 131 targetAdded(target) { | 131 targetAdded(target) { |
| 132 if (this._target) | 132 if (this._target) |
| 133 return; | 133 return; |
| 134 this._target = target; | 134 this._target = target; |
| 135 this._databaseModel = WebInspector.DatabaseModel.fromTarget(target); | 135 this._databaseModel = Resources.DatabaseModel.fromTarget(target); |
| 136 | 136 |
| 137 this._databaseModel.addEventListener(WebInspector.DatabaseModel.Events.Datab
aseAdded, this._databaseAdded, this); | 137 this._databaseModel.addEventListener(Resources.DatabaseModel.Events.Database
Added, this._databaseAdded, this); |
| 138 this._databaseModel.addEventListener(WebInspector.DatabaseModel.Events.Datab
asesRemoved, this._resetWebSQL, this); | 138 this._databaseModel.addEventListener(Resources.DatabaseModel.Events.Database
sRemoved, this._resetWebSQL, this); |
| 139 | 139 |
| 140 var resourceTreeModel = WebInspector.ResourceTreeModel.fromTarget(target); | 140 var resourceTreeModel = SDK.ResourceTreeModel.fromTarget(target); |
| 141 if (!resourceTreeModel) | 141 if (!resourceTreeModel) |
| 142 return; | 142 return; |
| 143 | 143 |
| 144 if (resourceTreeModel.cachedResourcesLoaded()) | 144 if (resourceTreeModel.cachedResourcesLoaded()) |
| 145 this._initialize(); | 145 this._initialize(); |
| 146 | 146 |
| 147 resourceTreeModel.addEventListener( | 147 resourceTreeModel.addEventListener( |
| 148 WebInspector.ResourceTreeModel.Events.CachedResourcesLoaded, this._initi
alize, this); | 148 SDK.ResourceTreeModel.Events.CachedResourcesLoaded, this._initialize, th
is); |
| 149 resourceTreeModel.addEventListener( | 149 resourceTreeModel.addEventListener( |
| 150 WebInspector.ResourceTreeModel.Events.WillLoadCachedResources, this._res
etWithFrames, this); | 150 SDK.ResourceTreeModel.Events.WillLoadCachedResources, this._resetWithFra
mes, this); |
| 151 } | 151 } |
| 152 | 152 |
| 153 /** | 153 /** |
| 154 * @override | 154 * @override |
| 155 * @param {!WebInspector.Target} target | 155 * @param {!SDK.Target} target |
| 156 */ | 156 */ |
| 157 targetRemoved(target) { | 157 targetRemoved(target) { |
| 158 if (target !== this._target) | 158 if (target !== this._target) |
| 159 return; | 159 return; |
| 160 delete this._target; | 160 delete this._target; |
| 161 | 161 |
| 162 var resourceTreeModel = WebInspector.ResourceTreeModel.fromTarget(target); | 162 var resourceTreeModel = SDK.ResourceTreeModel.fromTarget(target); |
| 163 if (resourceTreeModel) { | 163 if (resourceTreeModel) { |
| 164 resourceTreeModel.removeEventListener( | 164 resourceTreeModel.removeEventListener( |
| 165 WebInspector.ResourceTreeModel.Events.CachedResourcesLoaded, this._ini
tialize, this); | 165 SDK.ResourceTreeModel.Events.CachedResourcesLoaded, this._initialize,
this); |
| 166 resourceTreeModel.removeEventListener( | 166 resourceTreeModel.removeEventListener( |
| 167 WebInspector.ResourceTreeModel.Events.WillLoadCachedResources, this._r
esetWithFrames, this); | 167 SDK.ResourceTreeModel.Events.WillLoadCachedResources, this._resetWithF
rames, this); |
| 168 } | 168 } |
| 169 this._databaseModel.removeEventListener(WebInspector.DatabaseModel.Events.Da
tabaseAdded, this._databaseAdded, this); | 169 this._databaseModel.removeEventListener(Resources.DatabaseModel.Events.Datab
aseAdded, this._databaseAdded, this); |
| 170 this._databaseModel.removeEventListener( | 170 this._databaseModel.removeEventListener( |
| 171 WebInspector.DatabaseModel.Events.DatabasesRemoved, this._resetWebSQL, t
his); | 171 Resources.DatabaseModel.Events.DatabasesRemoved, this._resetWebSQL, this
); |
| 172 | 172 |
| 173 this._resetWithFrames(); | 173 this._resetWithFrames(); |
| 174 } | 174 } |
| 175 | 175 |
| 176 /** | 176 /** |
| 177 * @override | 177 * @override |
| 178 */ | 178 */ |
| 179 focus() { | 179 focus() { |
| 180 this._sidebarTree.focus(); | 180 this._sidebarTree.focus(); |
| 181 } | 181 } |
| 182 | 182 |
| 183 _initialize() { | 183 _initialize() { |
| 184 this._databaseModel.enable(); | 184 this._databaseModel.enable(); |
| 185 | 185 |
| 186 var indexedDBModel = WebInspector.IndexedDBModel.fromTarget(this._target); | 186 var indexedDBModel = Resources.IndexedDBModel.fromTarget(this._target); |
| 187 if (indexedDBModel) | 187 if (indexedDBModel) |
| 188 indexedDBModel.enable(); | 188 indexedDBModel.enable(); |
| 189 | 189 |
| 190 var cacheStorageModel = WebInspector.ServiceWorkerCacheModel.fromTarget(this
._target); | 190 var cacheStorageModel = SDK.ServiceWorkerCacheModel.fromTarget(this._target)
; |
| 191 if (cacheStorageModel) | 191 if (cacheStorageModel) |
| 192 cacheStorageModel.enable(); | 192 cacheStorageModel.enable(); |
| 193 var resourceTreeModel = WebInspector.ResourceTreeModel.fromTarget(this._targ
et); | 193 var resourceTreeModel = SDK.ResourceTreeModel.fromTarget(this._target); |
| 194 if (resourceTreeModel) { | 194 if (resourceTreeModel) { |
| 195 this._populateResourceTree(resourceTreeModel); | 195 this._populateResourceTree(resourceTreeModel); |
| 196 this._populateApplicationCacheTree(resourceTreeModel); | 196 this._populateApplicationCacheTree(resourceTreeModel); |
| 197 } | 197 } |
| 198 var domStorageModel = WebInspector.DOMStorageModel.fromTarget(this._target); | 198 var domStorageModel = Resources.DOMStorageModel.fromTarget(this._target); |
| 199 if (domStorageModel) | 199 if (domStorageModel) |
| 200 this._populateDOMStorageTree(domStorageModel); | 200 this._populateDOMStorageTree(domStorageModel); |
| 201 this.indexedDBListTreeElement._initialize(); | 201 this.indexedDBListTreeElement._initialize(); |
| 202 this.cacheStorageListTreeElement._initialize(); | 202 this.cacheStorageListTreeElement._initialize(); |
| 203 this._initDefaultSelection(); | 203 this._initDefaultSelection(); |
| 204 } | 204 } |
| 205 | 205 |
| 206 _initDefaultSelection() { | 206 _initDefaultSelection() { |
| 207 var itemURL = this._resourcesLastSelectedItemSetting.get(); | 207 var itemURL = this._resourcesLastSelectedItemSetting.get(); |
| 208 if (itemURL) { | 208 if (itemURL) { |
| 209 var rootElement = this._sidebarTree.rootElement(); | 209 var rootElement = this._sidebarTree.rootElement(); |
| 210 for (var treeElement = rootElement.firstChild(); treeElement; | 210 for (var treeElement = rootElement.firstChild(); treeElement; |
| 211 treeElement = treeElement.traverseNextTreeElement(false, rootElement,
true)) { | 211 treeElement = treeElement.traverseNextTreeElement(false, rootElement,
true)) { |
| 212 if (treeElement.itemURL === itemURL) { | 212 if (treeElement.itemURL === itemURL) { |
| 213 treeElement.revealAndSelect(true); | 213 treeElement.revealAndSelect(true); |
| 214 return; | 214 return; |
| 215 } | 215 } |
| 216 } | 216 } |
| 217 } | 217 } |
| 218 this._manifestTreeElement.select(); | 218 this._manifestTreeElement.select(); |
| 219 } | 219 } |
| 220 | 220 |
| 221 _resetWithFrames() { | 221 _resetWithFrames() { |
| 222 this.resourcesListTreeElement.removeChildren(); | 222 this.resourcesListTreeElement.removeChildren(); |
| 223 this._treeElementForFrameId = {}; | 223 this._treeElementForFrameId = {}; |
| 224 this._reset(); | 224 this._reset(); |
| 225 } | 225 } |
| 226 | 226 |
| 227 _resetWebSQL() { | 227 _resetWebSQL() { |
| 228 if (this.visibleView instanceof WebInspector.DatabaseQueryView || | 228 if (this.visibleView instanceof Resources.DatabaseQueryView || |
| 229 this.visibleView instanceof WebInspector.DatabaseTableView) { | 229 this.visibleView instanceof Resources.DatabaseTableView) { |
| 230 this.visibleView.detach(); | 230 this.visibleView.detach(); |
| 231 delete this.visibleView; | 231 delete this.visibleView; |
| 232 } | 232 } |
| 233 | 233 |
| 234 var queryViews = this._databaseQueryViews.valuesArray(); | 234 var queryViews = this._databaseQueryViews.valuesArray(); |
| 235 for (var i = 0; i < queryViews.length; ++i) | 235 for (var i = 0; i < queryViews.length; ++i) |
| 236 queryViews[i].removeEventListener( | 236 queryViews[i].removeEventListener( |
| 237 WebInspector.DatabaseQueryView.Events.SchemaUpdated, this._updateDatab
aseTables, this); | 237 Resources.DatabaseQueryView.Events.SchemaUpdated, this._updateDatabase
Tables, this); |
| 238 this._databaseTableViews.clear(); | 238 this._databaseTableViews.clear(); |
| 239 this._databaseQueryViews.clear(); | 239 this._databaseQueryViews.clear(); |
| 240 this._databaseTreeElements.clear(); | 240 this._databaseTreeElements.clear(); |
| 241 this.databasesListTreeElement.removeChildren(); | 241 this.databasesListTreeElement.removeChildren(); |
| 242 this.databasesListTreeElement.setExpandable(false); | 242 this.databasesListTreeElement.setExpandable(false); |
| 243 } | 243 } |
| 244 | 244 |
| 245 _resetDOMStorage() { | 245 _resetDOMStorage() { |
| 246 if (this.visibleView instanceof WebInspector.DOMStorageItemsView) { | 246 if (this.visibleView instanceof Resources.DOMStorageItemsView) { |
| 247 this.visibleView.detach(); | 247 this.visibleView.detach(); |
| 248 delete this.visibleView; | 248 delete this.visibleView; |
| 249 } | 249 } |
| 250 | 250 |
| 251 this._domStorageViews.clear(); | 251 this._domStorageViews.clear(); |
| 252 this._domStorageTreeElements.clear(); | 252 this._domStorageTreeElements.clear(); |
| 253 this.localStorageListTreeElement.removeChildren(); | 253 this.localStorageListTreeElement.removeChildren(); |
| 254 this.sessionStorageListTreeElement.removeChildren(); | 254 this.sessionStorageListTreeElement.removeChildren(); |
| 255 } | 255 } |
| 256 | 256 |
| 257 _resetCookies() { | 257 _resetCookies() { |
| 258 if (this.visibleView instanceof WebInspector.CookieItemsView) { | 258 if (this.visibleView instanceof Resources.CookieItemsView) { |
| 259 this.visibleView.detach(); | 259 this.visibleView.detach(); |
| 260 delete this.visibleView; | 260 delete this.visibleView; |
| 261 } | 261 } |
| 262 this._cookieViews = {}; | 262 this._cookieViews = {}; |
| 263 this.cookieListTreeElement.removeChildren(); | 263 this.cookieListTreeElement.removeChildren(); |
| 264 } | 264 } |
| 265 | 265 |
| 266 _resetCacheStorage() { | 266 _resetCacheStorage() { |
| 267 if (this.visibleView instanceof WebInspector.ServiceWorkerCacheView) { | 267 if (this.visibleView instanceof Resources.ServiceWorkerCacheView) { |
| 268 this.visibleView.detach(); | 268 this.visibleView.detach(); |
| 269 delete this.visibleView; | 269 delete this.visibleView; |
| 270 } | 270 } |
| 271 this.cacheStorageListTreeElement.removeChildren(); | 271 this.cacheStorageListTreeElement.removeChildren(); |
| 272 this.cacheStorageListTreeElement.setExpandable(false); | 272 this.cacheStorageListTreeElement.setExpandable(false); |
| 273 } | 273 } |
| 274 | 274 |
| 275 _resetAppCache() { | 275 _resetAppCache() { |
| 276 for (var frameId of Object.keys(this._applicationCacheFrameElements)) | 276 for (var frameId of Object.keys(this._applicationCacheFrameElements)) |
| 277 this._applicationCacheFrameManifestRemoved({data: frameId}); | 277 this._applicationCacheFrameManifestRemoved({data: frameId}); |
| 278 this.applicationCacheListTreeElement.setExpandable(false); | 278 this.applicationCacheListTreeElement.setExpandable(false); |
| 279 } | 279 } |
| 280 | 280 |
| 281 _reset() { | 281 _reset() { |
| 282 this._domains = {}; | 282 this._domains = {}; |
| 283 this._resetWebSQL(); | 283 this._resetWebSQL(); |
| 284 this._resetDOMStorage(); | 284 this._resetDOMStorage(); |
| 285 this._resetCookies(); | 285 this._resetCookies(); |
| 286 this._resetCacheStorage(); | 286 this._resetCacheStorage(); |
| 287 // No need to this._resetAppCache. | 287 // No need to this._resetAppCache. |
| 288 | 288 |
| 289 if ((this.visibleView instanceof WebInspector.ResourceSourceFrame) || | 289 if ((this.visibleView instanceof SourceFrame.ResourceSourceFrame) || |
| 290 (this.visibleView instanceof WebInspector.ImageView) || (this.visibleVie
w instanceof WebInspector.FontView)) { | 290 (this.visibleView instanceof SourceFrame.ImageView) || (this.visibleView
instanceof SourceFrame.FontView)) { |
| 291 this.visibleView.detach(); | 291 this.visibleView.detach(); |
| 292 delete this.visibleView; | 292 delete this.visibleView; |
| 293 } | 293 } |
| 294 | 294 |
| 295 this._storageViewToolbar.removeToolbarItems(); | 295 this._storageViewToolbar.removeToolbarItems(); |
| 296 | 296 |
| 297 if (this._sidebarTree.selectedTreeElement) | 297 if (this._sidebarTree.selectedTreeElement) |
| 298 this._sidebarTree.selectedTreeElement.deselect(); | 298 this._sidebarTree.selectedTreeElement.deselect(); |
| 299 } | 299 } |
| 300 | 300 |
| 301 /** | 301 /** |
| 302 * @param {!WebInspector.ResourceTreeModel} resourceTreeModel | 302 * @param {!SDK.ResourceTreeModel} resourceTreeModel |
| 303 */ | 303 */ |
| 304 _populateResourceTree(resourceTreeModel) { | 304 _populateResourceTree(resourceTreeModel) { |
| 305 this._treeElementForFrameId = {}; | 305 this._treeElementForFrameId = {}; |
| 306 resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.Events.Fra
meAdded, this._frameAdded, this); | 306 resourceTreeModel.addEventListener(SDK.ResourceTreeModel.Events.FrameAdded,
this._frameAdded, this); |
| 307 resourceTreeModel.addEventListener( | 307 resourceTreeModel.addEventListener( |
| 308 WebInspector.ResourceTreeModel.Events.FrameNavigated, this._frameNavigat
ed, this); | 308 SDK.ResourceTreeModel.Events.FrameNavigated, this._frameNavigated, this)
; |
| 309 resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.Events.Fra
meDetached, this._frameDetached, this); | 309 resourceTreeModel.addEventListener(SDK.ResourceTreeModel.Events.FrameDetache
d, this._frameDetached, this); |
| 310 resourceTreeModel.addEventListener(WebInspector.ResourceTreeModel.Events.Res
ourceAdded, this._resourceAdded, this); | 310 resourceTreeModel.addEventListener(SDK.ResourceTreeModel.Events.ResourceAdde
d, this._resourceAdded, this); |
| 311 | 311 |
| 312 /** | 312 /** |
| 313 * @param {!WebInspector.ResourceTreeFrame} frame | 313 * @param {!SDK.ResourceTreeFrame} frame |
| 314 * @this {WebInspector.ResourcesPanel} | 314 * @this {Resources.ResourcesPanel} |
| 315 */ | 315 */ |
| 316 function populateFrame(frame) { | 316 function populateFrame(frame) { |
| 317 this._frameAdded({data: frame}); | 317 this._frameAdded({data: frame}); |
| 318 for (var i = 0; i < frame.childFrames.length; ++i) | 318 for (var i = 0; i < frame.childFrames.length; ++i) |
| 319 populateFrame.call(this, frame.childFrames[i]); | 319 populateFrame.call(this, frame.childFrames[i]); |
| 320 | 320 |
| 321 var resources = frame.resources(); | 321 var resources = frame.resources(); |
| 322 for (var i = 0; i < resources.length; ++i) | 322 for (var i = 0; i < resources.length; ++i) |
| 323 this._resourceAdded({data: resources[i]}); | 323 this._resourceAdded({data: resources[i]}); |
| 324 } | 324 } |
| 325 populateFrame.call(this, resourceTreeModel.mainFrame); | 325 populateFrame.call(this, resourceTreeModel.mainFrame); |
| 326 } | 326 } |
| 327 | 327 |
| 328 _frameAdded(event) { | 328 _frameAdded(event) { |
| 329 var frame = event.data; | 329 var frame = event.data; |
| 330 var parentFrame = frame.parentFrame; | 330 var parentFrame = frame.parentFrame; |
| 331 | 331 |
| 332 var parentTreeElement = parentFrame ? this._treeElementForFrameId[parentFram
e.id] : this.resourcesListTreeElement; | 332 var parentTreeElement = parentFrame ? this._treeElementForFrameId[parentFram
e.id] : this.resourcesListTreeElement; |
| 333 if (!parentTreeElement) { | 333 if (!parentTreeElement) { |
| 334 console.warn('No frame to route ' + frame.url + ' to.'); | 334 console.warn('No frame to route ' + frame.url + ' to.'); |
| 335 return; | 335 return; |
| 336 } | 336 } |
| 337 | 337 |
| 338 var frameTreeElement = new WebInspector.FrameTreeElement(this, frame); | 338 var frameTreeElement = new Resources.FrameTreeElement(this, frame); |
| 339 this._treeElementForFrameId[frame.id] = frameTreeElement; | 339 this._treeElementForFrameId[frame.id] = frameTreeElement; |
| 340 parentTreeElement.appendChild(frameTreeElement); | 340 parentTreeElement.appendChild(frameTreeElement); |
| 341 } | 341 } |
| 342 | 342 |
| 343 _frameDetached(event) { | 343 _frameDetached(event) { |
| 344 var frame = event.data; | 344 var frame = event.data; |
| 345 var frameTreeElement = this._treeElementForFrameId[frame.id]; | 345 var frameTreeElement = this._treeElementForFrameId[frame.id]; |
| 346 if (!frameTreeElement) | 346 if (!frameTreeElement) |
| 347 return; | 347 return; |
| 348 | 348 |
| (...skipping 29 matching lines...) Expand all Loading... |
| 378 var frameTreeElement = this._treeElementForFrameId[frameId]; | 378 var frameTreeElement = this._treeElementForFrameId[frameId]; |
| 379 if (frameTreeElement) | 379 if (frameTreeElement) |
| 380 frameTreeElement.frameNavigated(frame); | 380 frameTreeElement.frameNavigated(frame); |
| 381 | 381 |
| 382 var applicationCacheFrameTreeElement = this._applicationCacheFrameElements[f
rameId]; | 382 var applicationCacheFrameTreeElement = this._applicationCacheFrameElements[f
rameId]; |
| 383 if (applicationCacheFrameTreeElement) | 383 if (applicationCacheFrameTreeElement) |
| 384 applicationCacheFrameTreeElement.frameNavigated(frame); | 384 applicationCacheFrameTreeElement.frameNavigated(frame); |
| 385 } | 385 } |
| 386 | 386 |
| 387 /** | 387 /** |
| 388 * @param {!WebInspector.Event} event | 388 * @param {!Common.Event} event |
| 389 */ | 389 */ |
| 390 _databaseAdded(event) { | 390 _databaseAdded(event) { |
| 391 var database = /** @type {!WebInspector.Database} */ (event.data); | 391 var database = /** @type {!Resources.Database} */ (event.data); |
| 392 this._addDatabase(database); | 392 this._addDatabase(database); |
| 393 } | 393 } |
| 394 | 394 |
| 395 /** | 395 /** |
| 396 * @param {!WebInspector.Database} database | 396 * @param {!Resources.Database} database |
| 397 */ | 397 */ |
| 398 _addDatabase(database) { | 398 _addDatabase(database) { |
| 399 var databaseTreeElement = new WebInspector.DatabaseTreeElement(this, databas
e); | 399 var databaseTreeElement = new Resources.DatabaseTreeElement(this, database); |
| 400 this._databaseTreeElements.set(database, databaseTreeElement); | 400 this._databaseTreeElements.set(database, databaseTreeElement); |
| 401 this.databasesListTreeElement.appendChild(databaseTreeElement); | 401 this.databasesListTreeElement.appendChild(databaseTreeElement); |
| 402 } | 402 } |
| 403 | 403 |
| 404 addDocumentURL(url) { | 404 addDocumentURL(url) { |
| 405 var parsedURL = url.asParsedURL(); | 405 var parsedURL = url.asParsedURL(); |
| 406 if (!parsedURL) | 406 if (!parsedURL) |
| 407 return; | 407 return; |
| 408 | 408 |
| 409 var domain = parsedURL.securityOrigin(); | 409 var domain = parsedURL.securityOrigin(); |
| 410 if (!this._domains[domain]) { | 410 if (!this._domains[domain]) { |
| 411 this._domains[domain] = true; | 411 this._domains[domain] = true; |
| 412 var cookieDomainTreeElement = new WebInspector.CookieTreeElement(this, dom
ain); | 412 var cookieDomainTreeElement = new Resources.CookieTreeElement(this, domain
); |
| 413 this.cookieListTreeElement.appendChild(cookieDomainTreeElement); | 413 this.cookieListTreeElement.appendChild(cookieDomainTreeElement); |
| 414 } | 414 } |
| 415 } | 415 } |
| 416 | 416 |
| 417 /** | 417 /** |
| 418 * @param {!WebInspector.Event} event | 418 * @param {!Common.Event} event |
| 419 */ | 419 */ |
| 420 _domStorageAdded(event) { | 420 _domStorageAdded(event) { |
| 421 var domStorage = /** @type {!WebInspector.DOMStorage} */ (event.data); | 421 var domStorage = /** @type {!Resources.DOMStorage} */ (event.data); |
| 422 this._addDOMStorage(domStorage); | 422 this._addDOMStorage(domStorage); |
| 423 } | 423 } |
| 424 | 424 |
| 425 /** | 425 /** |
| 426 * @param {!WebInspector.DOMStorage} domStorage | 426 * @param {!Resources.DOMStorage} domStorage |
| 427 */ | 427 */ |
| 428 _addDOMStorage(domStorage) { | 428 _addDOMStorage(domStorage) { |
| 429 console.assert(!this._domStorageTreeElements.get(domStorage)); | 429 console.assert(!this._domStorageTreeElements.get(domStorage)); |
| 430 | 430 |
| 431 var domStorageTreeElement = new WebInspector.DOMStorageTreeElement(this, dom
Storage); | 431 var domStorageTreeElement = new Resources.DOMStorageTreeElement(this, domSto
rage); |
| 432 this._domStorageTreeElements.set(domStorage, domStorageTreeElement); | 432 this._domStorageTreeElements.set(domStorage, domStorageTreeElement); |
| 433 if (domStorage.isLocalStorage) | 433 if (domStorage.isLocalStorage) |
| 434 this.localStorageListTreeElement.appendChild(domStorageTreeElement); | 434 this.localStorageListTreeElement.appendChild(domStorageTreeElement); |
| 435 else | 435 else |
| 436 this.sessionStorageListTreeElement.appendChild(domStorageTreeElement); | 436 this.sessionStorageListTreeElement.appendChild(domStorageTreeElement); |
| 437 } | 437 } |
| 438 | 438 |
| 439 /** | 439 /** |
| 440 * @param {!WebInspector.Event} event | 440 * @param {!Common.Event} event |
| 441 */ | 441 */ |
| 442 _domStorageRemoved(event) { | 442 _domStorageRemoved(event) { |
| 443 var domStorage = /** @type {!WebInspector.DOMStorage} */ (event.data); | 443 var domStorage = /** @type {!Resources.DOMStorage} */ (event.data); |
| 444 this._removeDOMStorage(domStorage); | 444 this._removeDOMStorage(domStorage); |
| 445 } | 445 } |
| 446 | 446 |
| 447 /** | 447 /** |
| 448 * @param {!WebInspector.DOMStorage} domStorage | 448 * @param {!Resources.DOMStorage} domStorage |
| 449 */ | 449 */ |
| 450 _removeDOMStorage(domStorage) { | 450 _removeDOMStorage(domStorage) { |
| 451 var treeElement = this._domStorageTreeElements.get(domStorage); | 451 var treeElement = this._domStorageTreeElements.get(domStorage); |
| 452 if (!treeElement) | 452 if (!treeElement) |
| 453 return; | 453 return; |
| 454 var wasSelected = treeElement.selected; | 454 var wasSelected = treeElement.selected; |
| 455 var parentListTreeElement = treeElement.parent; | 455 var parentListTreeElement = treeElement.parent; |
| 456 parentListTreeElement.removeChild(treeElement); | 456 parentListTreeElement.removeChild(treeElement); |
| 457 if (wasSelected) | 457 if (wasSelected) |
| 458 parentListTreeElement.select(); | 458 parentListTreeElement.select(); |
| 459 this._domStorageTreeElements.remove(domStorage); | 459 this._domStorageTreeElements.remove(domStorage); |
| 460 this._domStorageViews.remove(domStorage); | 460 this._domStorageViews.remove(domStorage); |
| 461 } | 461 } |
| 462 | 462 |
| 463 /** | 463 /** |
| 464 * @param {!WebInspector.Database} database | 464 * @param {!Resources.Database} database |
| 465 */ | 465 */ |
| 466 selectDatabase(database) { | 466 selectDatabase(database) { |
| 467 if (database) { | 467 if (database) { |
| 468 this._showDatabase(database); | 468 this._showDatabase(database); |
| 469 this._databaseTreeElements.get(database).select(); | 469 this._databaseTreeElements.get(database).select(); |
| 470 } | 470 } |
| 471 } | 471 } |
| 472 | 472 |
| 473 /** | 473 /** |
| 474 * @param {!WebInspector.DOMStorage} domStorage | 474 * @param {!Resources.DOMStorage} domStorage |
| 475 */ | 475 */ |
| 476 selectDOMStorage(domStorage) { | 476 selectDOMStorage(domStorage) { |
| 477 if (domStorage) { | 477 if (domStorage) { |
| 478 this._showDOMStorage(domStorage); | 478 this._showDOMStorage(domStorage); |
| 479 this._domStorageTreeElements.get(domStorage).select(); | 479 this._domStorageTreeElements.get(domStorage).select(); |
| 480 } | 480 } |
| 481 } | 481 } |
| 482 | 482 |
| 483 /** | 483 /** |
| 484 * @param {!WebInspector.Resource} resource | 484 * @param {!SDK.Resource} resource |
| 485 * @param {number=} line | 485 * @param {number=} line |
| 486 * @param {number=} column | 486 * @param {number=} column |
| 487 * @return {boolean} | 487 * @return {boolean} |
| 488 */ | 488 */ |
| 489 showResource(resource, line, column) { | 489 showResource(resource, line, column) { |
| 490 var resourceTreeElement = this._findTreeElementForResource(resource); | 490 var resourceTreeElement = this._findTreeElementForResource(resource); |
| 491 if (resourceTreeElement) | 491 if (resourceTreeElement) |
| 492 resourceTreeElement.revealAndSelect(true); | 492 resourceTreeElement.revealAndSelect(true); |
| 493 | 493 |
| 494 if (typeof line === 'number') { | 494 if (typeof line === 'number') { |
| 495 var resourceSourceFrame = this._resourceSourceFrameViewForResource(resourc
e); | 495 var resourceSourceFrame = this._resourceSourceFrameViewForResource(resourc
e); |
| 496 if (resourceSourceFrame) | 496 if (resourceSourceFrame) |
| 497 resourceSourceFrame.revealPosition(line, column, true); | 497 resourceSourceFrame.revealPosition(line, column, true); |
| 498 } | 498 } |
| 499 return true; | 499 return true; |
| 500 } | 500 } |
| 501 | 501 |
| 502 _showResourceView(resource) { | 502 _showResourceView(resource) { |
| 503 var view = this._resourceViewForResource(resource); | 503 var view = this._resourceViewForResource(resource); |
| 504 if (!view) { | 504 if (!view) { |
| 505 this.visibleView.detach(); | 505 this.visibleView.detach(); |
| 506 return; | 506 return; |
| 507 } | 507 } |
| 508 this._innerShowView(view); | 508 this._innerShowView(view); |
| 509 } | 509 } |
| 510 | 510 |
| 511 /** | 511 /** |
| 512 * @param {!WebInspector.Resource} resource | 512 * @param {!SDK.Resource} resource |
| 513 * @return {?WebInspector.Widget} | 513 * @return {?UI.Widget} |
| 514 */ | 514 */ |
| 515 _resourceViewForResource(resource) { | 515 _resourceViewForResource(resource) { |
| 516 if (resource.hasTextContent()) { | 516 if (resource.hasTextContent()) { |
| 517 var treeElement = this._findTreeElementForResource(resource); | 517 var treeElement = this._findTreeElementForResource(resource); |
| 518 if (!treeElement) | 518 if (!treeElement) |
| 519 return null; | 519 return null; |
| 520 return treeElement.sourceView(); | 520 return treeElement.sourceView(); |
| 521 } | 521 } |
| 522 | 522 |
| 523 switch (resource.resourceType()) { | 523 switch (resource.resourceType()) { |
| 524 case WebInspector.resourceTypes.Image: | 524 case Common.resourceTypes.Image: |
| 525 return new WebInspector.ImageView(resource.mimeType, resource); | 525 return new SourceFrame.ImageView(resource.mimeType, resource); |
| 526 case WebInspector.resourceTypes.Font: | 526 case Common.resourceTypes.Font: |
| 527 return new WebInspector.FontView(resource.mimeType, resource); | 527 return new SourceFrame.FontView(resource.mimeType, resource); |
| 528 default: | 528 default: |
| 529 return new WebInspector.EmptyWidget(resource.url); | 529 return new UI.EmptyWidget(resource.url); |
| 530 } | 530 } |
| 531 } | 531 } |
| 532 | 532 |
| 533 /** | 533 /** |
| 534 * @param {!WebInspector.Resource} resource | 534 * @param {!SDK.Resource} resource |
| 535 * @return {?WebInspector.ResourceSourceFrame} | 535 * @return {?SourceFrame.ResourceSourceFrame} |
| 536 */ | 536 */ |
| 537 _resourceSourceFrameViewForResource(resource) { | 537 _resourceSourceFrameViewForResource(resource) { |
| 538 var resourceView = this._resourceViewForResource(resource); | 538 var resourceView = this._resourceViewForResource(resource); |
| 539 if (resourceView && resourceView instanceof WebInspector.ResourceSourceFrame
) | 539 if (resourceView && resourceView instanceof SourceFrame.ResourceSourceFrame) |
| 540 return /** @type {!WebInspector.ResourceSourceFrame} */ (resourceView); | 540 return /** @type {!SourceFrame.ResourceSourceFrame} */ (resourceView); |
| 541 return null; | 541 return null; |
| 542 } | 542 } |
| 543 | 543 |
| 544 /** | 544 /** |
| 545 * @param {!WebInspector.Database} database | 545 * @param {!Resources.Database} database |
| 546 * @param {string=} tableName | 546 * @param {string=} tableName |
| 547 */ | 547 */ |
| 548 _showDatabase(database, tableName) { | 548 _showDatabase(database, tableName) { |
| 549 if (!database) | 549 if (!database) |
| 550 return; | 550 return; |
| 551 | 551 |
| 552 var view; | 552 var view; |
| 553 if (tableName) { | 553 if (tableName) { |
| 554 var tableViews = this._databaseTableViews.get(database); | 554 var tableViews = this._databaseTableViews.get(database); |
| 555 if (!tableViews) { | 555 if (!tableViews) { |
| 556 tableViews = /** @type {!Object.<string, !WebInspector.DatabaseTableView
>} */ ({}); | 556 tableViews = /** @type {!Object.<string, !Resources.DatabaseTableView>}
*/ ({}); |
| 557 this._databaseTableViews.set(database, tableViews); | 557 this._databaseTableViews.set(database, tableViews); |
| 558 } | 558 } |
| 559 view = tableViews[tableName]; | 559 view = tableViews[tableName]; |
| 560 if (!view) { | 560 if (!view) { |
| 561 view = new WebInspector.DatabaseTableView(database, tableName); | 561 view = new Resources.DatabaseTableView(database, tableName); |
| 562 tableViews[tableName] = view; | 562 tableViews[tableName] = view; |
| 563 } | 563 } |
| 564 } else { | 564 } else { |
| 565 view = this._databaseQueryViews.get(database); | 565 view = this._databaseQueryViews.get(database); |
| 566 if (!view) { | 566 if (!view) { |
| 567 view = new WebInspector.DatabaseQueryView(database); | 567 view = new Resources.DatabaseQueryView(database); |
| 568 this._databaseQueryViews.set(database, view); | 568 this._databaseQueryViews.set(database, view); |
| 569 view.addEventListener(WebInspector.DatabaseQueryView.Events.SchemaUpdate
d, this._updateDatabaseTables, this); | 569 view.addEventListener(Resources.DatabaseQueryView.Events.SchemaUpdated,
this._updateDatabaseTables, this); |
| 570 } | 570 } |
| 571 } | 571 } |
| 572 | 572 |
| 573 this._innerShowView(view); | 573 this._innerShowView(view); |
| 574 } | 574 } |
| 575 | 575 |
| 576 /** | 576 /** |
| 577 * @param {!WebInspector.DOMStorage} domStorage | 577 * @param {!Resources.DOMStorage} domStorage |
| 578 */ | 578 */ |
| 579 _showDOMStorage(domStorage) { | 579 _showDOMStorage(domStorage) { |
| 580 if (!domStorage) | 580 if (!domStorage) |
| 581 return; | 581 return; |
| 582 | 582 |
| 583 var view; | 583 var view; |
| 584 view = this._domStorageViews.get(domStorage); | 584 view = this._domStorageViews.get(domStorage); |
| 585 if (!view) { | 585 if (!view) { |
| 586 view = new WebInspector.DOMStorageItemsView(domStorage); | 586 view = new Resources.DOMStorageItemsView(domStorage); |
| 587 this._domStorageViews.set(domStorage, view); | 587 this._domStorageViews.set(domStorage, view); |
| 588 } | 588 } |
| 589 | 589 |
| 590 this._innerShowView(view); | 590 this._innerShowView(view); |
| 591 } | 591 } |
| 592 | 592 |
| 593 /** | 593 /** |
| 594 * @param {!WebInspector.CookieTreeElement} treeElement | 594 * @param {!Resources.CookieTreeElement} treeElement |
| 595 * @param {string} cookieDomain | 595 * @param {string} cookieDomain |
| 596 */ | 596 */ |
| 597 showCookies(treeElement, cookieDomain) { | 597 showCookies(treeElement, cookieDomain) { |
| 598 var view = this._cookieViews[cookieDomain]; | 598 var view = this._cookieViews[cookieDomain]; |
| 599 if (!view) { | 599 if (!view) { |
| 600 view = new WebInspector.CookieItemsView(treeElement, cookieDomain); | 600 view = new Resources.CookieItemsView(treeElement, cookieDomain); |
| 601 this._cookieViews[cookieDomain] = view; | 601 this._cookieViews[cookieDomain] = view; |
| 602 } | 602 } |
| 603 | 603 |
| 604 this._innerShowView(view); | 604 this._innerShowView(view); |
| 605 } | 605 } |
| 606 | 606 |
| 607 /** | 607 /** |
| 608 * @param {string} cookieDomain | 608 * @param {string} cookieDomain |
| 609 */ | 609 */ |
| 610 clearCookies(cookieDomain) { | 610 clearCookies(cookieDomain) { |
| 611 if (this._cookieViews[cookieDomain]) | 611 if (this._cookieViews[cookieDomain]) |
| 612 this._cookieViews[cookieDomain].clear(); | 612 this._cookieViews[cookieDomain].clear(); |
| 613 } | 613 } |
| 614 | 614 |
| 615 showApplicationCache(frameId) { | 615 showApplicationCache(frameId) { |
| 616 if (!this._applicationCacheViews[frameId]) | 616 if (!this._applicationCacheViews[frameId]) |
| 617 this._applicationCacheViews[frameId] = | 617 this._applicationCacheViews[frameId] = |
| 618 new WebInspector.ApplicationCacheItemsView(this._applicationCacheModel
, frameId); | 618 new Resources.ApplicationCacheItemsView(this._applicationCacheModel, f
rameId); |
| 619 | 619 |
| 620 this._innerShowView(this._applicationCacheViews[frameId]); | 620 this._innerShowView(this._applicationCacheViews[frameId]); |
| 621 } | 621 } |
| 622 | 622 |
| 623 /** | 623 /** |
| 624 * @param {!WebInspector.Widget} view | 624 * @param {!UI.Widget} view |
| 625 */ | 625 */ |
| 626 showFileSystem(view) { | 626 showFileSystem(view) { |
| 627 this._innerShowView(view); | 627 this._innerShowView(view); |
| 628 } | 628 } |
| 629 | 629 |
| 630 showCategoryView(categoryName) { | 630 showCategoryView(categoryName) { |
| 631 if (!this._categoryView) | 631 if (!this._categoryView) |
| 632 this._categoryView = new WebInspector.StorageCategoryView(); | 632 this._categoryView = new Resources.StorageCategoryView(); |
| 633 this._categoryView.setText(categoryName); | 633 this._categoryView.setText(categoryName); |
| 634 this._innerShowView(this._categoryView); | 634 this._innerShowView(this._categoryView); |
| 635 } | 635 } |
| 636 | 636 |
| 637 _innerShowView(view) { | 637 _innerShowView(view) { |
| 638 if (this.visibleView === view) | 638 if (this.visibleView === view) |
| 639 return; | 639 return; |
| 640 | 640 |
| 641 if (this.visibleView) | 641 if (this.visibleView) |
| 642 this.visibleView.detach(); | 642 this.visibleView.detach(); |
| 643 | 643 |
| 644 view.show(this.storageViews); | 644 view.show(this.storageViews); |
| 645 this.visibleView = view; | 645 this.visibleView = view; |
| 646 | 646 |
| 647 this._storageViewToolbar.removeToolbarItems(); | 647 this._storageViewToolbar.removeToolbarItems(); |
| 648 var toolbarItems = view instanceof WebInspector.SimpleView ? view.syncToolba
rItems() : null; | 648 var toolbarItems = view instanceof UI.SimpleView ? view.syncToolbarItems() :
null; |
| 649 for (var i = 0; toolbarItems && i < toolbarItems.length; ++i) | 649 for (var i = 0; toolbarItems && i < toolbarItems.length; ++i) |
| 650 this._storageViewToolbar.appendToolbarItem(toolbarItems[i]); | 650 this._storageViewToolbar.appendToolbarItem(toolbarItems[i]); |
| 651 } | 651 } |
| 652 | 652 |
| 653 closeVisibleView() { | 653 closeVisibleView() { |
| 654 if (!this.visibleView) | 654 if (!this.visibleView) |
| 655 return; | 655 return; |
| 656 this.visibleView.detach(); | 656 this.visibleView.detach(); |
| 657 delete this.visibleView; | 657 delete this.visibleView; |
| 658 } | 658 } |
| (...skipping 26 matching lines...) Expand all Loading... |
| 685 if (self.visibleView === tableViews[tableName]) | 685 if (self.visibleView === tableViews[tableName]) |
| 686 self.closeVisibleView(); | 686 self.closeVisibleView(); |
| 687 delete tableViews[tableName]; | 687 delete tableViews[tableName]; |
| 688 } | 688 } |
| 689 } | 689 } |
| 690 } | 690 } |
| 691 database.getTableNames(tableNamesCallback); | 691 database.getTableNames(tableNamesCallback); |
| 692 } | 692 } |
| 693 | 693 |
| 694 /** | 694 /** |
| 695 * @param {!WebInspector.DOMStorageModel} domStorageModel | 695 * @param {!Resources.DOMStorageModel} domStorageModel |
| 696 */ | 696 */ |
| 697 _populateDOMStorageTree(domStorageModel) { | 697 _populateDOMStorageTree(domStorageModel) { |
| 698 domStorageModel.enable(); | 698 domStorageModel.enable(); |
| 699 domStorageModel.storages().forEach(this._addDOMStorage.bind(this)); | 699 domStorageModel.storages().forEach(this._addDOMStorage.bind(this)); |
| 700 domStorageModel.addEventListener(WebInspector.DOMStorageModel.Events.DOMStor
ageAdded, this._domStorageAdded, this); | 700 domStorageModel.addEventListener(Resources.DOMStorageModel.Events.DOMStorage
Added, this._domStorageAdded, this); |
| 701 domStorageModel.addEventListener( | 701 domStorageModel.addEventListener( |
| 702 WebInspector.DOMStorageModel.Events.DOMStorageRemoved, this._domStorageR
emoved, this); | 702 Resources.DOMStorageModel.Events.DOMStorageRemoved, this._domStorageRemo
ved, this); |
| 703 } | 703 } |
| 704 | 704 |
| 705 /** | 705 /** |
| 706 * @param {!WebInspector.ResourceTreeModel} resourceTreeModel | 706 * @param {!SDK.ResourceTreeModel} resourceTreeModel |
| 707 */ | 707 */ |
| 708 _populateApplicationCacheTree(resourceTreeModel) { | 708 _populateApplicationCacheTree(resourceTreeModel) { |
| 709 this._applicationCacheModel = new WebInspector.ApplicationCacheModel(this._t
arget, resourceTreeModel); | 709 this._applicationCacheModel = new SDK.ApplicationCacheModel(this._target, re
sourceTreeModel); |
| 710 | 710 |
| 711 this._applicationCacheViews = {}; | 711 this._applicationCacheViews = {}; |
| 712 this._applicationCacheFrameElements = {}; | 712 this._applicationCacheFrameElements = {}; |
| 713 this._applicationCacheManifestElements = {}; | 713 this._applicationCacheManifestElements = {}; |
| 714 | 714 |
| 715 this._applicationCacheModel.addEventListener( | 715 this._applicationCacheModel.addEventListener( |
| 716 WebInspector.ApplicationCacheModel.Events.FrameManifestAdded, this._appl
icationCacheFrameManifestAdded, this); | 716 SDK.ApplicationCacheModel.Events.FrameManifestAdded, this._applicationCa
cheFrameManifestAdded, this); |
| 717 this._applicationCacheModel.addEventListener( | 717 this._applicationCacheModel.addEventListener( |
| 718 WebInspector.ApplicationCacheModel.Events.FrameManifestRemoved, this._ap
plicationCacheFrameManifestRemoved, | 718 SDK.ApplicationCacheModel.Events.FrameManifestRemoved, this._application
CacheFrameManifestRemoved, |
| 719 this); | 719 this); |
| 720 this._applicationCacheModel.addEventListener( | 720 this._applicationCacheModel.addEventListener( |
| 721 WebInspector.ApplicationCacheModel.Events.FrameManifestsReset, this._res
etAppCache, this); | 721 SDK.ApplicationCacheModel.Events.FrameManifestsReset, this._resetAppCach
e, this); |
| 722 | 722 |
| 723 this._applicationCacheModel.addEventListener( | 723 this._applicationCacheModel.addEventListener( |
| 724 WebInspector.ApplicationCacheModel.Events.FrameManifestStatusUpdated, | 724 SDK.ApplicationCacheModel.Events.FrameManifestStatusUpdated, |
| 725 this._applicationCacheFrameManifestStatusChanged, this); | 725 this._applicationCacheFrameManifestStatusChanged, this); |
| 726 this._applicationCacheModel.addEventListener( | 726 this._applicationCacheModel.addEventListener( |
| 727 WebInspector.ApplicationCacheModel.Events.NetworkStateChanged, this._app
licationCacheNetworkStateChanged, this); | 727 SDK.ApplicationCacheModel.Events.NetworkStateChanged, this._applicationC
acheNetworkStateChanged, this); |
| 728 } | 728 } |
| 729 | 729 |
| 730 _applicationCacheFrameManifestAdded(event) { | 730 _applicationCacheFrameManifestAdded(event) { |
| 731 var frameId = event.data; | 731 var frameId = event.data; |
| 732 var manifestURL = this._applicationCacheModel.frameManifestURL(frameId); | 732 var manifestURL = this._applicationCacheModel.frameManifestURL(frameId); |
| 733 | 733 |
| 734 var manifestTreeElement = this._applicationCacheManifestElements[manifestURL
]; | 734 var manifestTreeElement = this._applicationCacheManifestElements[manifestURL
]; |
| 735 if (!manifestTreeElement) { | 735 if (!manifestTreeElement) { |
| 736 manifestTreeElement = new WebInspector.ApplicationCacheManifestTreeElement
(this, manifestURL); | 736 manifestTreeElement = new Resources.ApplicationCacheManifestTreeElement(th
is, manifestURL); |
| 737 this.applicationCacheListTreeElement.appendChild(manifestTreeElement); | 737 this.applicationCacheListTreeElement.appendChild(manifestTreeElement); |
| 738 this._applicationCacheManifestElements[manifestURL] = manifestTreeElement; | 738 this._applicationCacheManifestElements[manifestURL] = manifestTreeElement; |
| 739 } | 739 } |
| 740 | 740 |
| 741 var frameTreeElement = new WebInspector.ApplicationCacheFrameTreeElement(thi
s, frameId, manifestURL); | 741 var frameTreeElement = new Resources.ApplicationCacheFrameTreeElement(this,
frameId, manifestURL); |
| 742 manifestTreeElement.appendChild(frameTreeElement); | 742 manifestTreeElement.appendChild(frameTreeElement); |
| 743 manifestTreeElement.expand(); | 743 manifestTreeElement.expand(); |
| 744 this._applicationCacheFrameElements[frameId] = frameTreeElement; | 744 this._applicationCacheFrameElements[frameId] = frameTreeElement; |
| 745 } | 745 } |
| 746 | 746 |
| 747 _applicationCacheFrameManifestRemoved(event) { | 747 _applicationCacheFrameManifestRemoved(event) { |
| 748 var frameId = event.data; | 748 var frameId = event.data; |
| 749 var frameTreeElement = this._applicationCacheFrameElements[frameId]; | 749 var frameTreeElement = this._applicationCacheFrameElements[frameId]; |
| 750 if (!frameTreeElement) | 750 if (!frameTreeElement) |
| 751 return; | 751 return; |
| (...skipping 20 matching lines...) Expand all Loading... |
| 772 } | 772 } |
| 773 | 773 |
| 774 _applicationCacheNetworkStateChanged(event) { | 774 _applicationCacheNetworkStateChanged(event) { |
| 775 var isNowOnline = event.data; | 775 var isNowOnline = event.data; |
| 776 | 776 |
| 777 for (var manifestURL in this._applicationCacheViews) | 777 for (var manifestURL in this._applicationCacheViews) |
| 778 this._applicationCacheViews[manifestURL].updateNetworkState(isNowOnline); | 778 this._applicationCacheViews[manifestURL].updateNetworkState(isNowOnline); |
| 779 } | 779 } |
| 780 | 780 |
| 781 _findTreeElementForResource(resource) { | 781 _findTreeElementForResource(resource) { |
| 782 return resource[WebInspector.FrameResourceTreeElement._symbol]; | 782 return resource[Resources.FrameResourceTreeElement._symbol]; |
| 783 } | 783 } |
| 784 | 784 |
| 785 showView(view) { | 785 showView(view) { |
| 786 if (view) | 786 if (view) |
| 787 this.showResource(view.resource); | 787 this.showResource(view.resource); |
| 788 } | 788 } |
| 789 | 789 |
| 790 _onmousemove(event) { | 790 _onmousemove(event) { |
| 791 var nodeUnderMouse = event.target; | 791 var nodeUnderMouse = event.target; |
| 792 if (!nodeUnderMouse) | 792 if (!nodeUnderMouse) |
| 793 return; | 793 return; |
| 794 | 794 |
| 795 var listNode = nodeUnderMouse.enclosingNodeOrSelfWithNodeName('li'); | 795 var listNode = nodeUnderMouse.enclosingNodeOrSelfWithNodeName('li'); |
| 796 if (!listNode) | 796 if (!listNode) |
| 797 return; | 797 return; |
| 798 | 798 |
| 799 var element = listNode.treeElement; | 799 var element = listNode.treeElement; |
| 800 if (this._previousHoveredElement === element) | 800 if (this._previousHoveredElement === element) |
| 801 return; | 801 return; |
| 802 | 802 |
| 803 if (this._previousHoveredElement) { | 803 if (this._previousHoveredElement) { |
| 804 this._previousHoveredElement.hovered = false; | 804 this._previousHoveredElement.hovered = false; |
| 805 delete this._previousHoveredElement; | 805 delete this._previousHoveredElement; |
| 806 } | 806 } |
| 807 | 807 |
| 808 if (element instanceof WebInspector.FrameTreeElement) { | 808 if (element instanceof Resources.FrameTreeElement) { |
| 809 this._previousHoveredElement = element; | 809 this._previousHoveredElement = element; |
| 810 element.hovered = true; | 810 element.hovered = true; |
| 811 } | 811 } |
| 812 } | 812 } |
| 813 | 813 |
| 814 _onmouseleave(event) { | 814 _onmouseleave(event) { |
| 815 if (this._previousHoveredElement) { | 815 if (this._previousHoveredElement) { |
| 816 this._previousHoveredElement.hovered = false; | 816 this._previousHoveredElement.hovered = false; |
| 817 delete this._previousHoveredElement; | 817 delete this._previousHoveredElement; |
| 818 } | 818 } |
| 819 } | 819 } |
| 820 }; | 820 }; |
| 821 | 821 |
| 822 /** | 822 /** |
| 823 * @implements {WebInspector.Revealer} | 823 * @implements {Common.Revealer} |
| 824 * @unrestricted | 824 * @unrestricted |
| 825 */ | 825 */ |
| 826 WebInspector.ResourcesPanel.ResourceRevealer = class { | 826 Resources.ResourcesPanel.ResourceRevealer = class { |
| 827 /** | 827 /** |
| 828 * @override | 828 * @override |
| 829 * @param {!Object} resource | 829 * @param {!Object} resource |
| 830 * @return {!Promise} | 830 * @return {!Promise} |
| 831 */ | 831 */ |
| 832 reveal(resource) { | 832 reveal(resource) { |
| 833 if (!(resource instanceof WebInspector.Resource)) | 833 if (!(resource instanceof SDK.Resource)) |
| 834 return Promise.reject(new Error('Internal error: not a resource')); | 834 return Promise.reject(new Error('Internal error: not a resource')); |
| 835 var panel = WebInspector.ResourcesPanel._instance(); | 835 var panel = Resources.ResourcesPanel._instance(); |
| 836 return WebInspector.viewManager.showView('resources').then(panel.showResourc
e.bind(panel, resource)); | 836 return UI.viewManager.showView('resources').then(panel.showResource.bind(pan
el, resource)); |
| 837 } | 837 } |
| 838 }; | 838 }; |
| 839 | 839 |
| 840 /** | 840 /** |
| 841 * @unrestricted | 841 * @unrestricted |
| 842 */ | 842 */ |
| 843 WebInspector.BaseStorageTreeElement = class extends TreeElement { | 843 Resources.BaseStorageTreeElement = class extends TreeElement { |
| 844 /** | 844 /** |
| 845 * @param {!WebInspector.ResourcesPanel} storagePanel | 845 * @param {!Resources.ResourcesPanel} storagePanel |
| 846 * @param {string} title | 846 * @param {string} title |
| 847 * @param {?Array.<string>=} iconClasses | 847 * @param {?Array.<string>=} iconClasses |
| 848 * @param {boolean=} expandable | 848 * @param {boolean=} expandable |
| 849 * @param {boolean=} noIcon | 849 * @param {boolean=} noIcon |
| 850 */ | 850 */ |
| 851 constructor(storagePanel, title, iconClasses, expandable, noIcon) { | 851 constructor(storagePanel, title, iconClasses, expandable, noIcon) { |
| 852 super(title, expandable); | 852 super(title, expandable); |
| 853 this._storagePanel = storagePanel; | 853 this._storagePanel = storagePanel; |
| 854 for (var i = 0; iconClasses && i < iconClasses.length; ++i) | 854 for (var i = 0; iconClasses && i < iconClasses.length; ++i) |
| 855 this.listItemElement.classList.add(iconClasses[i]); | 855 this.listItemElement.classList.add(iconClasses[i]); |
| (...skipping 13 matching lines...) Expand all Loading... |
| 869 var itemURL = this.itemURL; | 869 var itemURL = this.itemURL; |
| 870 if (itemURL) | 870 if (itemURL) |
| 871 this._storagePanel._resourcesLastSelectedItemSetting.set(itemURL); | 871 this._storagePanel._resourcesLastSelectedItemSetting.set(itemURL); |
| 872 return false; | 872 return false; |
| 873 } | 873 } |
| 874 }; | 874 }; |
| 875 | 875 |
| 876 /** | 876 /** |
| 877 * @unrestricted | 877 * @unrestricted |
| 878 */ | 878 */ |
| 879 WebInspector.StorageCategoryTreeElement = class extends WebInspector.BaseStorage
TreeElement { | 879 Resources.StorageCategoryTreeElement = class extends Resources.BaseStorageTreeEl
ement { |
| 880 /** | 880 /** |
| 881 * @param {!WebInspector.ResourcesPanel} storagePanel | 881 * @param {!Resources.ResourcesPanel} storagePanel |
| 882 * @param {string} categoryName | 882 * @param {string} categoryName |
| 883 * @param {string} settingsKey | 883 * @param {string} settingsKey |
| 884 * @param {?Array.<string>=} iconClasses | 884 * @param {?Array.<string>=} iconClasses |
| 885 * @param {boolean=} noIcon | 885 * @param {boolean=} noIcon |
| 886 */ | 886 */ |
| 887 constructor(storagePanel, categoryName, settingsKey, iconClasses, noIcon) { | 887 constructor(storagePanel, categoryName, settingsKey, iconClasses, noIcon) { |
| 888 super(storagePanel, categoryName, iconClasses, false, noIcon); | 888 super(storagePanel, categoryName, iconClasses, false, noIcon); |
| 889 this._expandedSetting = | 889 this._expandedSetting = |
| 890 WebInspector.settings.createSetting('resources' + settingsKey + 'Expande
d', settingsKey === 'Frames'); | 890 Common.settings.createSetting('resources' + settingsKey + 'Expanded', se
ttingsKey === 'Frames'); |
| 891 this._categoryName = categoryName; | 891 this._categoryName = categoryName; |
| 892 } | 892 } |
| 893 | 893 |
| 894 /** | 894 /** |
| 895 * @return {!WebInspector.Target} | 895 * @return {!SDK.Target} |
| 896 */ | 896 */ |
| 897 target() { | 897 target() { |
| 898 return this._storagePanel._target; | 898 return this._storagePanel._target; |
| 899 } | 899 } |
| 900 | 900 |
| 901 get itemURL() { | 901 get itemURL() { |
| 902 return 'category://' + this._categoryName; | 902 return 'category://' + this._categoryName; |
| 903 } | 903 } |
| 904 | 904 |
| 905 /** | 905 /** |
| (...skipping 26 matching lines...) Expand all Loading... |
| 932 * @override | 932 * @override |
| 933 */ | 933 */ |
| 934 oncollapse() { | 934 oncollapse() { |
| 935 this._expandedSetting.set(false); | 935 this._expandedSetting.set(false); |
| 936 } | 936 } |
| 937 }; | 937 }; |
| 938 | 938 |
| 939 /** | 939 /** |
| 940 * @unrestricted | 940 * @unrestricted |
| 941 */ | 941 */ |
| 942 WebInspector.FrameTreeElement = class extends WebInspector.BaseStorageTreeElemen
t { | 942 Resources.FrameTreeElement = class extends Resources.BaseStorageTreeElement { |
| 943 /** | 943 /** |
| 944 * @param {!WebInspector.ResourcesPanel} storagePanel | 944 * @param {!Resources.ResourcesPanel} storagePanel |
| 945 * @param {!WebInspector.ResourceTreeFrame} frame | 945 * @param {!SDK.ResourceTreeFrame} frame |
| 946 */ | 946 */ |
| 947 constructor(storagePanel, frame) { | 947 constructor(storagePanel, frame) { |
| 948 super(storagePanel, '', ['navigator-tree-item', 'navigator-frame-tree-item']
); | 948 super(storagePanel, '', ['navigator-tree-item', 'navigator-frame-tree-item']
); |
| 949 this._frame = frame; | 949 this._frame = frame; |
| 950 this.frameNavigated(frame); | 950 this.frameNavigated(frame); |
| 951 } | 951 } |
| 952 | 952 |
| 953 frameNavigated(frame) { | 953 frameNavigated(frame) { |
| 954 this.removeChildren(); | 954 this.removeChildren(); |
| 955 this._frameId = frame.id; | 955 this._frameId = frame.id; |
| (...skipping 10 matching lines...) Expand all Loading... |
| 966 | 966 |
| 967 /** | 967 /** |
| 968 * @override | 968 * @override |
| 969 * @return {boolean} | 969 * @return {boolean} |
| 970 */ | 970 */ |
| 971 onselect(selectedByUser) { | 971 onselect(selectedByUser) { |
| 972 super.onselect(selectedByUser); | 972 super.onselect(selectedByUser); |
| 973 this._storagePanel.showCategoryView(this.titleAsText()); | 973 this._storagePanel.showCategoryView(this.titleAsText()); |
| 974 | 974 |
| 975 this.listItemElement.classList.remove('hovered'); | 975 this.listItemElement.classList.remove('hovered'); |
| 976 WebInspector.DOMModel.hideDOMNodeHighlight(); | 976 SDK.DOMModel.hideDOMNodeHighlight(); |
| 977 return false; | 977 return false; |
| 978 } | 978 } |
| 979 | 979 |
| 980 set hovered(hovered) { | 980 set hovered(hovered) { |
| 981 if (hovered) { | 981 if (hovered) { |
| 982 this.listItemElement.classList.add('hovered'); | 982 this.listItemElement.classList.add('hovered'); |
| 983 var domModel = WebInspector.DOMModel.fromTarget(this._frame.target()); | 983 var domModel = SDK.DOMModel.fromTarget(this._frame.target()); |
| 984 if (domModel) | 984 if (domModel) |
| 985 domModel.highlightFrame(this._frameId); | 985 domModel.highlightFrame(this._frameId); |
| 986 } else { | 986 } else { |
| 987 this.listItemElement.classList.remove('hovered'); | 987 this.listItemElement.classList.remove('hovered'); |
| 988 WebInspector.DOMModel.hideDOMNodeHighlight(); | 988 SDK.DOMModel.hideDOMNodeHighlight(); |
| 989 } | 989 } |
| 990 } | 990 } |
| 991 | 991 |
| 992 /** | 992 /** |
| 993 * @param {!WebInspector.Resource} resource | 993 * @param {!SDK.Resource} resource |
| 994 */ | 994 */ |
| 995 appendResource(resource) { | 995 appendResource(resource) { |
| 996 var resourceType = resource.resourceType(); | 996 var resourceType = resource.resourceType(); |
| 997 var categoryName = resourceType.name(); | 997 var categoryName = resourceType.name(); |
| 998 var categoryElement = | 998 var categoryElement = |
| 999 resourceType === WebInspector.resourceTypes.Document ? this : this._cate
goryElements[categoryName]; | 999 resourceType === Common.resourceTypes.Document ? this : this._categoryEl
ements[categoryName]; |
| 1000 if (!categoryElement) { | 1000 if (!categoryElement) { |
| 1001 categoryElement = new WebInspector.StorageCategoryTreeElement( | 1001 categoryElement = new Resources.StorageCategoryTreeElement( |
| 1002 this._storagePanel, resource.resourceType().category().title, category
Name, null, true); | 1002 this._storagePanel, resource.resourceType().category().title, category
Name, null, true); |
| 1003 this._categoryElements[resourceType.name()] = categoryElement; | 1003 this._categoryElements[resourceType.name()] = categoryElement; |
| 1004 this._insertInPresentationOrder(this, categoryElement); | 1004 this._insertInPresentationOrder(this, categoryElement); |
| 1005 } | 1005 } |
| 1006 var resourceTreeElement = new WebInspector.FrameResourceTreeElement(this._st
oragePanel, resource); | 1006 var resourceTreeElement = new Resources.FrameResourceTreeElement(this._stora
gePanel, resource); |
| 1007 this._insertInPresentationOrder(categoryElement, resourceTreeElement); | 1007 this._insertInPresentationOrder(categoryElement, resourceTreeElement); |
| 1008 this._treeElementForResource[resource.url] = resourceTreeElement; | 1008 this._treeElementForResource[resource.url] = resourceTreeElement; |
| 1009 } | 1009 } |
| 1010 | 1010 |
| 1011 /** | 1011 /** |
| 1012 * @param {string} url | 1012 * @param {string} url |
| 1013 * @return {?WebInspector.Resource} | 1013 * @return {?SDK.Resource} |
| 1014 */ | 1014 */ |
| 1015 resourceByURL(url) { | 1015 resourceByURL(url) { |
| 1016 var treeElement = this._treeElementForResource[url]; | 1016 var treeElement = this._treeElementForResource[url]; |
| 1017 return treeElement ? treeElement._resource : null; | 1017 return treeElement ? treeElement._resource : null; |
| 1018 } | 1018 } |
| 1019 | 1019 |
| 1020 /** | 1020 /** |
| 1021 * @override | 1021 * @override |
| 1022 */ | 1022 */ |
| 1023 appendChild(treeElement) { | 1023 appendChild(treeElement) { |
| 1024 this._insertInPresentationOrder(this, treeElement); | 1024 this._insertInPresentationOrder(this, treeElement); |
| 1025 } | 1025 } |
| 1026 | 1026 |
| 1027 _insertInPresentationOrder(parentTreeElement, childTreeElement) { | 1027 _insertInPresentationOrder(parentTreeElement, childTreeElement) { |
| 1028 // Insert in the alphabetical order, first frames, then resources. Document
resource goes last. | 1028 // Insert in the alphabetical order, first frames, then resources. Document
resource goes last. |
| 1029 function typeWeight(treeElement) { | 1029 function typeWeight(treeElement) { |
| 1030 if (treeElement instanceof WebInspector.StorageCategoryTreeElement) | 1030 if (treeElement instanceof Resources.StorageCategoryTreeElement) |
| 1031 return 2; | 1031 return 2; |
| 1032 if (treeElement instanceof WebInspector.FrameTreeElement) | 1032 if (treeElement instanceof Resources.FrameTreeElement) |
| 1033 return 1; | 1033 return 1; |
| 1034 return 3; | 1034 return 3; |
| 1035 } | 1035 } |
| 1036 | 1036 |
| 1037 function compare(treeElement1, treeElement2) { | 1037 function compare(treeElement1, treeElement2) { |
| 1038 var typeWeight1 = typeWeight(treeElement1); | 1038 var typeWeight1 = typeWeight(treeElement1); |
| 1039 var typeWeight2 = typeWeight(treeElement2); | 1039 var typeWeight2 = typeWeight(treeElement2); |
| 1040 | 1040 |
| 1041 var result; | 1041 var result; |
| 1042 if (typeWeight1 > typeWeight2) | 1042 if (typeWeight1 > typeWeight2) |
| (...skipping 11 matching lines...) Expand all Loading... |
| 1054 if (compare(childTreeElement, parentTreeElement.childAt(i)) < 0) | 1054 if (compare(childTreeElement, parentTreeElement.childAt(i)) < 0) |
| 1055 break; | 1055 break; |
| 1056 } | 1056 } |
| 1057 parentTreeElement.insertChild(childTreeElement, i); | 1057 parentTreeElement.insertChild(childTreeElement, i); |
| 1058 } | 1058 } |
| 1059 }; | 1059 }; |
| 1060 | 1060 |
| 1061 /** | 1061 /** |
| 1062 * @unrestricted | 1062 * @unrestricted |
| 1063 */ | 1063 */ |
| 1064 WebInspector.FrameResourceTreeElement = class extends WebInspector.BaseStorageTr
eeElement { | 1064 Resources.FrameResourceTreeElement = class extends Resources.BaseStorageTreeElem
ent { |
| 1065 /** | 1065 /** |
| 1066 * @param {!WebInspector.ResourcesPanel} storagePanel | 1066 * @param {!Resources.ResourcesPanel} storagePanel |
| 1067 * @param {!WebInspector.Resource} resource | 1067 * @param {!SDK.Resource} resource |
| 1068 */ | 1068 */ |
| 1069 constructor(storagePanel, resource) { | 1069 constructor(storagePanel, resource) { |
| 1070 super(storagePanel, resource.displayName, [ | 1070 super(storagePanel, resource.displayName, [ |
| 1071 'navigator-tree-item', 'navigator-file-tree-item', 'navigator-' + resource
.resourceType().name() + '-tree-item' | 1071 'navigator-tree-item', 'navigator-file-tree-item', 'navigator-' + resource
.resourceType().name() + '-tree-item' |
| 1072 ]); | 1072 ]); |
| 1073 /** @type {!WebInspector.Resource} */ | 1073 /** @type {!SDK.Resource} */ |
| 1074 this._resource = resource; | 1074 this._resource = resource; |
| 1075 this.tooltip = resource.url; | 1075 this.tooltip = resource.url; |
| 1076 this._resource[WebInspector.FrameResourceTreeElement._symbol] = this; | 1076 this._resource[Resources.FrameResourceTreeElement._symbol] = this; |
| 1077 } | 1077 } |
| 1078 | 1078 |
| 1079 get itemURL() { | 1079 get itemURL() { |
| 1080 return this._resource.url; | 1080 return this._resource.url; |
| 1081 } | 1081 } |
| 1082 | 1082 |
| 1083 /** | 1083 /** |
| 1084 * @override | 1084 * @override |
| 1085 * @return {boolean} | 1085 * @return {boolean} |
| 1086 */ | 1086 */ |
| (...skipping 26 matching lines...) Expand all Loading... |
| 1113 * @param {!MouseEvent} event | 1113 * @param {!MouseEvent} event |
| 1114 * @return {boolean} | 1114 * @return {boolean} |
| 1115 */ | 1115 */ |
| 1116 _ondragstart(event) { | 1116 _ondragstart(event) { |
| 1117 event.dataTransfer.setData('text/plain', this._resource.content || ''); | 1117 event.dataTransfer.setData('text/plain', this._resource.content || ''); |
| 1118 event.dataTransfer.effectAllowed = 'copy'; | 1118 event.dataTransfer.effectAllowed = 'copy'; |
| 1119 return true; | 1119 return true; |
| 1120 } | 1120 } |
| 1121 | 1121 |
| 1122 _handleContextMenuEvent(event) { | 1122 _handleContextMenuEvent(event) { |
| 1123 var contextMenu = new WebInspector.ContextMenu(event); | 1123 var contextMenu = new UI.ContextMenu(event); |
| 1124 contextMenu.appendApplicableItems(this._resource); | 1124 contextMenu.appendApplicableItems(this._resource); |
| 1125 contextMenu.show(); | 1125 contextMenu.show(); |
| 1126 } | 1126 } |
| 1127 | 1127 |
| 1128 /** | 1128 /** |
| 1129 * @return {!WebInspector.ResourceSourceFrame} | 1129 * @return {!SourceFrame.ResourceSourceFrame} |
| 1130 */ | 1130 */ |
| 1131 sourceView() { | 1131 sourceView() { |
| 1132 if (!this._sourceView) { | 1132 if (!this._sourceView) { |
| 1133 var sourceFrame = new WebInspector.ResourceSourceFrame(this._resource); | 1133 var sourceFrame = new SourceFrame.ResourceSourceFrame(this._resource); |
| 1134 sourceFrame.setHighlighterType(this._resource.canonicalMimeType()); | 1134 sourceFrame.setHighlighterType(this._resource.canonicalMimeType()); |
| 1135 this._sourceView = sourceFrame; | 1135 this._sourceView = sourceFrame; |
| 1136 } | 1136 } |
| 1137 return this._sourceView; | 1137 return this._sourceView; |
| 1138 } | 1138 } |
| 1139 }; | 1139 }; |
| 1140 | 1140 |
| 1141 WebInspector.FrameResourceTreeElement._symbol = Symbol('treeElement'); | 1141 Resources.FrameResourceTreeElement._symbol = Symbol('treeElement'); |
| 1142 | 1142 |
| 1143 /** | 1143 /** |
| 1144 * @unrestricted | 1144 * @unrestricted |
| 1145 */ | 1145 */ |
| 1146 WebInspector.DatabaseTreeElement = class extends WebInspector.BaseStorageTreeEle
ment { | 1146 Resources.DatabaseTreeElement = class extends Resources.BaseStorageTreeElement { |
| 1147 /** | 1147 /** |
| 1148 * @param {!WebInspector.ResourcesPanel} storagePanel | 1148 * @param {!Resources.ResourcesPanel} storagePanel |
| 1149 * @param {!WebInspector.Database} database | 1149 * @param {!Resources.Database} database |
| 1150 */ | 1150 */ |
| 1151 constructor(storagePanel, database) { | 1151 constructor(storagePanel, database) { |
| 1152 super(storagePanel, database.name, ['database-tree-item', 'resource-tree-ite
m'], true); | 1152 super(storagePanel, database.name, ['database-tree-item', 'resource-tree-ite
m'], true); |
| 1153 this._database = database; | 1153 this._database = database; |
| 1154 } | 1154 } |
| 1155 | 1155 |
| 1156 get itemURL() { | 1156 get itemURL() { |
| 1157 return 'database://' + encodeURI(this._database.name); | 1157 return 'database://' + encodeURI(this._database.name); |
| 1158 } | 1158 } |
| 1159 | 1159 |
| (...skipping 12 matching lines...) Expand all Loading... |
| 1172 */ | 1172 */ |
| 1173 onexpand() { | 1173 onexpand() { |
| 1174 this._updateChildren(); | 1174 this._updateChildren(); |
| 1175 } | 1175 } |
| 1176 | 1176 |
| 1177 _updateChildren() { | 1177 _updateChildren() { |
| 1178 this.removeChildren(); | 1178 this.removeChildren(); |
| 1179 | 1179 |
| 1180 /** | 1180 /** |
| 1181 * @param {!Array.<string>} tableNames | 1181 * @param {!Array.<string>} tableNames |
| 1182 * @this {WebInspector.DatabaseTreeElement} | 1182 * @this {Resources.DatabaseTreeElement} |
| 1183 */ | 1183 */ |
| 1184 function tableNamesCallback(tableNames) { | 1184 function tableNamesCallback(tableNames) { |
| 1185 var tableNamesLength = tableNames.length; | 1185 var tableNamesLength = tableNames.length; |
| 1186 for (var i = 0; i < tableNamesLength; ++i) | 1186 for (var i = 0; i < tableNamesLength; ++i) |
| 1187 this.appendChild(new WebInspector.DatabaseTableTreeElement(this._storage
Panel, this._database, tableNames[i])); | 1187 this.appendChild(new Resources.DatabaseTableTreeElement(this._storagePan
el, this._database, tableNames[i])); |
| 1188 } | 1188 } |
| 1189 this._database.getTableNames(tableNamesCallback.bind(this)); | 1189 this._database.getTableNames(tableNamesCallback.bind(this)); |
| 1190 } | 1190 } |
| 1191 }; | 1191 }; |
| 1192 | 1192 |
| 1193 /** | 1193 /** |
| 1194 * @unrestricted | 1194 * @unrestricted |
| 1195 */ | 1195 */ |
| 1196 WebInspector.DatabaseTableTreeElement = class extends WebInspector.BaseStorageTr
eeElement { | 1196 Resources.DatabaseTableTreeElement = class extends Resources.BaseStorageTreeElem
ent { |
| 1197 constructor(storagePanel, database, tableName) { | 1197 constructor(storagePanel, database, tableName) { |
| 1198 super(storagePanel, tableName, ['table-tree-item', 'resource-tree-item']); | 1198 super(storagePanel, tableName, ['table-tree-item', 'resource-tree-item']); |
| 1199 this._database = database; | 1199 this._database = database; |
| 1200 this._tableName = tableName; | 1200 this._tableName = tableName; |
| 1201 } | 1201 } |
| 1202 | 1202 |
| 1203 get itemURL() { | 1203 get itemURL() { |
| 1204 return 'database://' + encodeURI(this._database.name) + '/' + encodeURI(this
._tableName); | 1204 return 'database://' + encodeURI(this._database.name) + '/' + encodeURI(this
._tableName); |
| 1205 } | 1205 } |
| 1206 | 1206 |
| 1207 /** | 1207 /** |
| 1208 * @override | 1208 * @override |
| 1209 * @return {boolean} | 1209 * @return {boolean} |
| 1210 */ | 1210 */ |
| 1211 onselect(selectedByUser) { | 1211 onselect(selectedByUser) { |
| 1212 super.onselect(selectedByUser); | 1212 super.onselect(selectedByUser); |
| 1213 this._storagePanel._showDatabase(this._database, this._tableName); | 1213 this._storagePanel._showDatabase(this._database, this._tableName); |
| 1214 return false; | 1214 return false; |
| 1215 } | 1215 } |
| 1216 }; | 1216 }; |
| 1217 | 1217 |
| 1218 /** | 1218 /** |
| 1219 * @unrestricted | 1219 * @unrestricted |
| 1220 */ | 1220 */ |
| 1221 WebInspector.ServiceWorkerCacheTreeElement = class extends WebInspector.StorageC
ategoryTreeElement { | 1221 Resources.ServiceWorkerCacheTreeElement = class extends Resources.StorageCategor
yTreeElement { |
| 1222 /** | 1222 /** |
| 1223 * @param {!WebInspector.ResourcesPanel} storagePanel | 1223 * @param {!Resources.ResourcesPanel} storagePanel |
| 1224 */ | 1224 */ |
| 1225 constructor(storagePanel) { | 1225 constructor(storagePanel) { |
| 1226 super( | 1226 super( |
| 1227 storagePanel, WebInspector.UIString('Cache Storage'), 'CacheStorage', | 1227 storagePanel, Common.UIString('Cache Storage'), 'CacheStorage', |
| 1228 ['database-tree-item', 'resource-tree-item']); | 1228 ['database-tree-item', 'resource-tree-item']); |
| 1229 } | 1229 } |
| 1230 | 1230 |
| 1231 _initialize() { | 1231 _initialize() { |
| 1232 /** @type {!Array.<!WebInspector.SWCacheTreeElement>} */ | 1232 /** @type {!Array.<!Resources.SWCacheTreeElement>} */ |
| 1233 this._swCacheTreeElements = []; | 1233 this._swCacheTreeElements = []; |
| 1234 var target = this._storagePanel._target; | 1234 var target = this._storagePanel._target; |
| 1235 var model = target && WebInspector.ServiceWorkerCacheModel.fromTarget(target
); | 1235 var model = target && SDK.ServiceWorkerCacheModel.fromTarget(target); |
| 1236 if (model) { | 1236 if (model) { |
| 1237 for (var cache of model.caches()) | 1237 for (var cache of model.caches()) |
| 1238 this._addCache(model, cache); | 1238 this._addCache(model, cache); |
| 1239 } | 1239 } |
| 1240 WebInspector.targetManager.addModelListener( | 1240 SDK.targetManager.addModelListener( |
| 1241 WebInspector.ServiceWorkerCacheModel, WebInspector.ServiceWorkerCacheMod
el.Events.CacheAdded, this._cacheAdded, | 1241 SDK.ServiceWorkerCacheModel, SDK.ServiceWorkerCacheModel.Events.CacheAdd
ed, this._cacheAdded, |
| 1242 this); | 1242 this); |
| 1243 WebInspector.targetManager.addModelListener( | 1243 SDK.targetManager.addModelListener( |
| 1244 WebInspector.ServiceWorkerCacheModel, WebInspector.ServiceWorkerCacheMod
el.Events.CacheRemoved, | 1244 SDK.ServiceWorkerCacheModel, SDK.ServiceWorkerCacheModel.Events.CacheRem
oved, |
| 1245 this._cacheRemoved, this); | 1245 this._cacheRemoved, this); |
| 1246 } | 1246 } |
| 1247 | 1247 |
| 1248 /** | 1248 /** |
| 1249 * @override | 1249 * @override |
| 1250 */ | 1250 */ |
| 1251 onattach() { | 1251 onattach() { |
| 1252 super.onattach(); | 1252 super.onattach(); |
| 1253 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); | 1253 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); |
| 1254 } | 1254 } |
| 1255 | 1255 |
| 1256 _handleContextMenuEvent(event) { | 1256 _handleContextMenuEvent(event) { |
| 1257 var contextMenu = new WebInspector.ContextMenu(event); | 1257 var contextMenu = new UI.ContextMenu(event); |
| 1258 contextMenu.appendItem(WebInspector.UIString('Refresh Caches'), this._refres
hCaches.bind(this)); | 1258 contextMenu.appendItem(Common.UIString('Refresh Caches'), this._refreshCache
s.bind(this)); |
| 1259 contextMenu.show(); | 1259 contextMenu.show(); |
| 1260 } | 1260 } |
| 1261 | 1261 |
| 1262 _refreshCaches() { | 1262 _refreshCaches() { |
| 1263 var target = this._storagePanel._target; | 1263 var target = this._storagePanel._target; |
| 1264 if (target) { | 1264 if (target) { |
| 1265 var model = WebInspector.ServiceWorkerCacheModel.fromTarget(target); | 1265 var model = SDK.ServiceWorkerCacheModel.fromTarget(target); |
| 1266 if (!model) | 1266 if (!model) |
| 1267 return; | 1267 return; |
| 1268 model.refreshCacheNames(); | 1268 model.refreshCacheNames(); |
| 1269 } | 1269 } |
| 1270 } | 1270 } |
| 1271 | 1271 |
| 1272 /** | 1272 /** |
| 1273 * @param {!WebInspector.Event} event | 1273 * @param {!Common.Event} event |
| 1274 */ | 1274 */ |
| 1275 _cacheAdded(event) { | 1275 _cacheAdded(event) { |
| 1276 var cache = /** @type {!WebInspector.ServiceWorkerCacheModel.Cache} */ (even
t.data); | 1276 var cache = /** @type {!SDK.ServiceWorkerCacheModel.Cache} */ (event.data); |
| 1277 var model = /** @type {!WebInspector.ServiceWorkerCacheModel} */ (event.targ
et); | 1277 var model = /** @type {!SDK.ServiceWorkerCacheModel} */ (event.target); |
| 1278 this._addCache(model, cache); | 1278 this._addCache(model, cache); |
| 1279 } | 1279 } |
| 1280 | 1280 |
| 1281 /** | 1281 /** |
| 1282 * @param {!WebInspector.ServiceWorkerCacheModel} model | 1282 * @param {!SDK.ServiceWorkerCacheModel} model |
| 1283 * @param {!WebInspector.ServiceWorkerCacheModel.Cache} cache | 1283 * @param {!SDK.ServiceWorkerCacheModel.Cache} cache |
| 1284 */ | 1284 */ |
| 1285 _addCache(model, cache) { | 1285 _addCache(model, cache) { |
| 1286 var swCacheTreeElement = new WebInspector.SWCacheTreeElement(this._storagePa
nel, model, cache); | 1286 var swCacheTreeElement = new Resources.SWCacheTreeElement(this._storagePanel
, model, cache); |
| 1287 this._swCacheTreeElements.push(swCacheTreeElement); | 1287 this._swCacheTreeElements.push(swCacheTreeElement); |
| 1288 this.appendChild(swCacheTreeElement); | 1288 this.appendChild(swCacheTreeElement); |
| 1289 } | 1289 } |
| 1290 | 1290 |
| 1291 /** | 1291 /** |
| 1292 * @param {!WebInspector.Event} event | 1292 * @param {!Common.Event} event |
| 1293 */ | 1293 */ |
| 1294 _cacheRemoved(event) { | 1294 _cacheRemoved(event) { |
| 1295 var cache = /** @type {!WebInspector.ServiceWorkerCacheModel.Cache} */ (even
t.data); | 1295 var cache = /** @type {!SDK.ServiceWorkerCacheModel.Cache} */ (event.data); |
| 1296 var model = /** @type {!WebInspector.ServiceWorkerCacheModel} */ (event.targ
et); | 1296 var model = /** @type {!SDK.ServiceWorkerCacheModel} */ (event.target); |
| 1297 | 1297 |
| 1298 var swCacheTreeElement = this._cacheTreeElement(model, cache); | 1298 var swCacheTreeElement = this._cacheTreeElement(model, cache); |
| 1299 if (!swCacheTreeElement) | 1299 if (!swCacheTreeElement) |
| 1300 return; | 1300 return; |
| 1301 | 1301 |
| 1302 swCacheTreeElement.clear(); | 1302 swCacheTreeElement.clear(); |
| 1303 this.removeChild(swCacheTreeElement); | 1303 this.removeChild(swCacheTreeElement); |
| 1304 this._swCacheTreeElements.remove(swCacheTreeElement); | 1304 this._swCacheTreeElements.remove(swCacheTreeElement); |
| 1305 } | 1305 } |
| 1306 | 1306 |
| 1307 /** | 1307 /** |
| 1308 * @param {!WebInspector.ServiceWorkerCacheModel} model | 1308 * @param {!SDK.ServiceWorkerCacheModel} model |
| 1309 * @param {!WebInspector.ServiceWorkerCacheModel.Cache} cache | 1309 * @param {!SDK.ServiceWorkerCacheModel.Cache} cache |
| 1310 * @return {?WebInspector.SWCacheTreeElement} | 1310 * @return {?Resources.SWCacheTreeElement} |
| 1311 */ | 1311 */ |
| 1312 _cacheTreeElement(model, cache) { | 1312 _cacheTreeElement(model, cache) { |
| 1313 var index = -1; | 1313 var index = -1; |
| 1314 for (var i = 0; i < this._swCacheTreeElements.length; ++i) { | 1314 for (var i = 0; i < this._swCacheTreeElements.length; ++i) { |
| 1315 if (this._swCacheTreeElements[i]._cache.equals(cache) && this._swCacheTree
Elements[i]._model === model) { | 1315 if (this._swCacheTreeElements[i]._cache.equals(cache) && this._swCacheTree
Elements[i]._model === model) { |
| 1316 index = i; | 1316 index = i; |
| 1317 break; | 1317 break; |
| 1318 } | 1318 } |
| 1319 } | 1319 } |
| 1320 if (index !== -1) | 1320 if (index !== -1) |
| 1321 return this._swCacheTreeElements[i]; | 1321 return this._swCacheTreeElements[i]; |
| 1322 return null; | 1322 return null; |
| 1323 } | 1323 } |
| 1324 }; | 1324 }; |
| 1325 | 1325 |
| 1326 /** | 1326 /** |
| 1327 * @unrestricted | 1327 * @unrestricted |
| 1328 */ | 1328 */ |
| 1329 WebInspector.SWCacheTreeElement = class extends WebInspector.BaseStorageTreeElem
ent { | 1329 Resources.SWCacheTreeElement = class extends Resources.BaseStorageTreeElement { |
| 1330 /** | 1330 /** |
| 1331 * @param {!WebInspector.ResourcesPanel} storagePanel | 1331 * @param {!Resources.ResourcesPanel} storagePanel |
| 1332 * @param {!WebInspector.ServiceWorkerCacheModel} model | 1332 * @param {!SDK.ServiceWorkerCacheModel} model |
| 1333 * @param {!WebInspector.ServiceWorkerCacheModel.Cache} cache | 1333 * @param {!SDK.ServiceWorkerCacheModel.Cache} cache |
| 1334 */ | 1334 */ |
| 1335 constructor(storagePanel, model, cache) { | 1335 constructor(storagePanel, model, cache) { |
| 1336 super(storagePanel, cache.cacheName + ' - ' + cache.securityOrigin, ['table-
tree-item', 'resource-tree-item']); | 1336 super(storagePanel, cache.cacheName + ' - ' + cache.securityOrigin, ['table-
tree-item', 'resource-tree-item']); |
| 1337 this._model = model; | 1337 this._model = model; |
| 1338 this._cache = cache; | 1338 this._cache = cache; |
| 1339 } | 1339 } |
| 1340 | 1340 |
| 1341 get itemURL() { | 1341 get itemURL() { |
| 1342 // I don't think this will work at all. | 1342 // I don't think this will work at all. |
| 1343 return 'cache://' + this._cache.cacheId; | 1343 return 'cache://' + this._cache.cacheId; |
| 1344 } | 1344 } |
| 1345 | 1345 |
| 1346 /** | 1346 /** |
| 1347 * @override | 1347 * @override |
| 1348 */ | 1348 */ |
| 1349 onattach() { | 1349 onattach() { |
| 1350 super.onattach(); | 1350 super.onattach(); |
| 1351 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); | 1351 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); |
| 1352 } | 1352 } |
| 1353 | 1353 |
| 1354 _handleContextMenuEvent(event) { | 1354 _handleContextMenuEvent(event) { |
| 1355 var contextMenu = new WebInspector.ContextMenu(event); | 1355 var contextMenu = new UI.ContextMenu(event); |
| 1356 contextMenu.appendItem(WebInspector.UIString('Delete'), this._clearCache.bin
d(this)); | 1356 contextMenu.appendItem(Common.UIString('Delete'), this._clearCache.bind(this
)); |
| 1357 contextMenu.show(); | 1357 contextMenu.show(); |
| 1358 } | 1358 } |
| 1359 | 1359 |
| 1360 _clearCache() { | 1360 _clearCache() { |
| 1361 this._model.deleteCache(this._cache); | 1361 this._model.deleteCache(this._cache); |
| 1362 } | 1362 } |
| 1363 | 1363 |
| 1364 /** | 1364 /** |
| 1365 * @param {!WebInspector.ServiceWorkerCacheModel.Cache} cache | 1365 * @param {!SDK.ServiceWorkerCacheModel.Cache} cache |
| 1366 */ | 1366 */ |
| 1367 update(cache) { | 1367 update(cache) { |
| 1368 this._cache = cache; | 1368 this._cache = cache; |
| 1369 if (this._view) | 1369 if (this._view) |
| 1370 this._view.update(cache); | 1370 this._view.update(cache); |
| 1371 } | 1371 } |
| 1372 | 1372 |
| 1373 /** | 1373 /** |
| 1374 * @override | 1374 * @override |
| 1375 * @return {boolean} | 1375 * @return {boolean} |
| 1376 */ | 1376 */ |
| 1377 onselect(selectedByUser) { | 1377 onselect(selectedByUser) { |
| 1378 super.onselect(selectedByUser); | 1378 super.onselect(selectedByUser); |
| 1379 if (!this._view) | 1379 if (!this._view) |
| 1380 this._view = new WebInspector.ServiceWorkerCacheView(this._model, this._ca
che); | 1380 this._view = new Resources.ServiceWorkerCacheView(this._model, this._cache
); |
| 1381 | 1381 |
| 1382 this._storagePanel._innerShowView(this._view); | 1382 this._storagePanel._innerShowView(this._view); |
| 1383 return false; | 1383 return false; |
| 1384 } | 1384 } |
| 1385 | 1385 |
| 1386 clear() { | 1386 clear() { |
| 1387 if (this._view) | 1387 if (this._view) |
| 1388 this._view.clear(); | 1388 this._view.clear(); |
| 1389 } | 1389 } |
| 1390 }; | 1390 }; |
| 1391 | 1391 |
| 1392 /** | 1392 /** |
| 1393 * @unrestricted | 1393 * @unrestricted |
| 1394 */ | 1394 */ |
| 1395 WebInspector.ServiceWorkersTreeElement = class extends WebInspector.BaseStorageT
reeElement { | 1395 Resources.ServiceWorkersTreeElement = class extends Resources.BaseStorageTreeEle
ment { |
| 1396 /** | 1396 /** |
| 1397 * @param {!WebInspector.ResourcesPanel} storagePanel | 1397 * @param {!Resources.ResourcesPanel} storagePanel |
| 1398 */ | 1398 */ |
| 1399 constructor(storagePanel) { | 1399 constructor(storagePanel) { |
| 1400 super( | 1400 super( |
| 1401 storagePanel, WebInspector.UIString('Service Workers'), ['service-worker
-tree-item', 'resource-tree-item'], | 1401 storagePanel, Common.UIString('Service Workers'), ['service-worker-tree-
item', 'resource-tree-item'], |
| 1402 false); | 1402 false); |
| 1403 } | 1403 } |
| 1404 | 1404 |
| 1405 /** | 1405 /** |
| 1406 * @return {string} | 1406 * @return {string} |
| 1407 */ | 1407 */ |
| 1408 get itemURL() { | 1408 get itemURL() { |
| 1409 return 'service-workers://'; | 1409 return 'service-workers://'; |
| 1410 } | 1410 } |
| 1411 | 1411 |
| 1412 /** | 1412 /** |
| 1413 * @override | 1413 * @override |
| 1414 * @return {boolean} | 1414 * @return {boolean} |
| 1415 */ | 1415 */ |
| 1416 onselect(selectedByUser) { | 1416 onselect(selectedByUser) { |
| 1417 super.onselect(selectedByUser); | 1417 super.onselect(selectedByUser); |
| 1418 if (!this._view) | 1418 if (!this._view) |
| 1419 this._view = new WebInspector.ServiceWorkersView(); | 1419 this._view = new Resources.ServiceWorkersView(); |
| 1420 this._storagePanel._innerShowView(this._view); | 1420 this._storagePanel._innerShowView(this._view); |
| 1421 return false; | 1421 return false; |
| 1422 } | 1422 } |
| 1423 }; | 1423 }; |
| 1424 | 1424 |
| 1425 /** | 1425 /** |
| 1426 * @unrestricted | 1426 * @unrestricted |
| 1427 */ | 1427 */ |
| 1428 WebInspector.AppManifestTreeElement = class extends WebInspector.BaseStorageTree
Element { | 1428 Resources.AppManifestTreeElement = class extends Resources.BaseStorageTreeElemen
t { |
| 1429 /** | 1429 /** |
| 1430 * @param {!WebInspector.ResourcesPanel} storagePanel | 1430 * @param {!Resources.ResourcesPanel} storagePanel |
| 1431 */ | 1431 */ |
| 1432 constructor(storagePanel) { | 1432 constructor(storagePanel) { |
| 1433 super(storagePanel, WebInspector.UIString('Manifest'), ['manifest-tree-item'
, 'resource-tree-item'], false, false); | 1433 super(storagePanel, Common.UIString('Manifest'), ['manifest-tree-item', 'res
ource-tree-item'], false, false); |
| 1434 } | 1434 } |
| 1435 | 1435 |
| 1436 /** | 1436 /** |
| 1437 * @return {string} | 1437 * @return {string} |
| 1438 */ | 1438 */ |
| 1439 get itemURL() { | 1439 get itemURL() { |
| 1440 return 'manifest://'; | 1440 return 'manifest://'; |
| 1441 } | 1441 } |
| 1442 | 1442 |
| 1443 /** | 1443 /** |
| 1444 * @override | 1444 * @override |
| 1445 * @return {boolean} | 1445 * @return {boolean} |
| 1446 */ | 1446 */ |
| 1447 onselect(selectedByUser) { | 1447 onselect(selectedByUser) { |
| 1448 super.onselect(selectedByUser); | 1448 super.onselect(selectedByUser); |
| 1449 if (!this._view) | 1449 if (!this._view) |
| 1450 this._view = new WebInspector.AppManifestView(); | 1450 this._view = new Resources.AppManifestView(); |
| 1451 this._storagePanel._innerShowView(this._view); | 1451 this._storagePanel._innerShowView(this._view); |
| 1452 return false; | 1452 return false; |
| 1453 } | 1453 } |
| 1454 }; | 1454 }; |
| 1455 | 1455 |
| 1456 /** | 1456 /** |
| 1457 * @unrestricted | 1457 * @unrestricted |
| 1458 */ | 1458 */ |
| 1459 WebInspector.ClearStorageTreeElement = class extends WebInspector.BaseStorageTre
eElement { | 1459 Resources.ClearStorageTreeElement = class extends Resources.BaseStorageTreeEleme
nt { |
| 1460 /** | 1460 /** |
| 1461 * @param {!WebInspector.ResourcesPanel} storagePanel | 1461 * @param {!Resources.ResourcesPanel} storagePanel |
| 1462 */ | 1462 */ |
| 1463 constructor(storagePanel) { | 1463 constructor(storagePanel) { |
| 1464 super( | 1464 super( |
| 1465 storagePanel, WebInspector.UIString('Clear storage'), ['clear-storage-tr
ee-item', 'resource-tree-item'], false, | 1465 storagePanel, Common.UIString('Clear storage'), ['clear-storage-tree-ite
m', 'resource-tree-item'], false, |
| 1466 false); | 1466 false); |
| 1467 } | 1467 } |
| 1468 | 1468 |
| 1469 /** | 1469 /** |
| 1470 * @return {string} | 1470 * @return {string} |
| 1471 */ | 1471 */ |
| 1472 get itemURL() { | 1472 get itemURL() { |
| 1473 return 'clear-storage://'; | 1473 return 'clear-storage://'; |
| 1474 } | 1474 } |
| 1475 | 1475 |
| 1476 /** | 1476 /** |
| 1477 * @override | 1477 * @override |
| 1478 * @return {boolean} | 1478 * @return {boolean} |
| 1479 */ | 1479 */ |
| 1480 onselect(selectedByUser) { | 1480 onselect(selectedByUser) { |
| 1481 super.onselect(selectedByUser); | 1481 super.onselect(selectedByUser); |
| 1482 if (!this._view) | 1482 if (!this._view) |
| 1483 this._view = new WebInspector.ClearStorageView(this._storagePanel); | 1483 this._view = new Resources.ClearStorageView(this._storagePanel); |
| 1484 this._storagePanel._innerShowView(this._view); | 1484 this._storagePanel._innerShowView(this._view); |
| 1485 return false; | 1485 return false; |
| 1486 } | 1486 } |
| 1487 }; | 1487 }; |
| 1488 | 1488 |
| 1489 /** | 1489 /** |
| 1490 * @unrestricted | 1490 * @unrestricted |
| 1491 */ | 1491 */ |
| 1492 WebInspector.IndexedDBTreeElement = class extends WebInspector.StorageCategoryTr
eeElement { | 1492 Resources.IndexedDBTreeElement = class extends Resources.StorageCategoryTreeElem
ent { |
| 1493 /** | 1493 /** |
| 1494 * @param {!WebInspector.ResourcesPanel} storagePanel | 1494 * @param {!Resources.ResourcesPanel} storagePanel |
| 1495 */ | 1495 */ |
| 1496 constructor(storagePanel) { | 1496 constructor(storagePanel) { |
| 1497 super(storagePanel, WebInspector.UIString('IndexedDB'), 'IndexedDB', ['datab
ase-tree-item', 'resource-tree-item']); | 1497 super(storagePanel, Common.UIString('IndexedDB'), 'IndexedDB', ['database-tr
ee-item', 'resource-tree-item']); |
| 1498 } | 1498 } |
| 1499 | 1499 |
| 1500 _initialize() { | 1500 _initialize() { |
| 1501 WebInspector.targetManager.addModelListener( | 1501 SDK.targetManager.addModelListener( |
| 1502 WebInspector.IndexedDBModel, WebInspector.IndexedDBModel.Events.Database
Added, this._indexedDBAdded, this); | 1502 Resources.IndexedDBModel, Resources.IndexedDBModel.Events.DatabaseAdded,
this._indexedDBAdded, this); |
| 1503 WebInspector.targetManager.addModelListener( | 1503 SDK.targetManager.addModelListener( |
| 1504 WebInspector.IndexedDBModel, WebInspector.IndexedDBModel.Events.Database
Removed, this._indexedDBRemoved, this); | 1504 Resources.IndexedDBModel, Resources.IndexedDBModel.Events.DatabaseRemove
d, this._indexedDBRemoved, this); |
| 1505 WebInspector.targetManager.addModelListener( | 1505 SDK.targetManager.addModelListener( |
| 1506 WebInspector.IndexedDBModel, WebInspector.IndexedDBModel.Events.Database
Loaded, this._indexedDBLoaded, this); | 1506 Resources.IndexedDBModel, Resources.IndexedDBModel.Events.DatabaseLoaded
, this._indexedDBLoaded, this); |
| 1507 /** @type {!Array.<!WebInspector.IDBDatabaseTreeElement>} */ | 1507 /** @type {!Array.<!Resources.IDBDatabaseTreeElement>} */ |
| 1508 this._idbDatabaseTreeElements = []; | 1508 this._idbDatabaseTreeElements = []; |
| 1509 | 1509 |
| 1510 var targets = WebInspector.targetManager.targets(WebInspector.Target.Capabil
ity.Browser); | 1510 var targets = SDK.targetManager.targets(SDK.Target.Capability.Browser); |
| 1511 for (var i = 0; i < targets.length; ++i) { | 1511 for (var i = 0; i < targets.length; ++i) { |
| 1512 var indexedDBModel = WebInspector.IndexedDBModel.fromTarget(targets[i]); | 1512 var indexedDBModel = Resources.IndexedDBModel.fromTarget(targets[i]); |
| 1513 var databases = indexedDBModel.databases(); | 1513 var databases = indexedDBModel.databases(); |
| 1514 for (var j = 0; j < databases.length; ++j) | 1514 for (var j = 0; j < databases.length; ++j) |
| 1515 this._addIndexedDB(indexedDBModel, databases[j]); | 1515 this._addIndexedDB(indexedDBModel, databases[j]); |
| 1516 } | 1516 } |
| 1517 } | 1517 } |
| 1518 | 1518 |
| 1519 /** | 1519 /** |
| 1520 * @override | 1520 * @override |
| 1521 */ | 1521 */ |
| 1522 onattach() { | 1522 onattach() { |
| 1523 super.onattach(); | 1523 super.onattach(); |
| 1524 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); | 1524 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); |
| 1525 } | 1525 } |
| 1526 | 1526 |
| 1527 _handleContextMenuEvent(event) { | 1527 _handleContextMenuEvent(event) { |
| 1528 var contextMenu = new WebInspector.ContextMenu(event); | 1528 var contextMenu = new UI.ContextMenu(event); |
| 1529 contextMenu.appendItem(WebInspector.UIString('Refresh IndexedDB'), this.refr
eshIndexedDB.bind(this)); | 1529 contextMenu.appendItem(Common.UIString('Refresh IndexedDB'), this.refreshInd
exedDB.bind(this)); |
| 1530 contextMenu.show(); | 1530 contextMenu.show(); |
| 1531 } | 1531 } |
| 1532 | 1532 |
| 1533 refreshIndexedDB() { | 1533 refreshIndexedDB() { |
| 1534 var targets = WebInspector.targetManager.targets(WebInspector.Target.Capabil
ity.Browser); | 1534 var targets = SDK.targetManager.targets(SDK.Target.Capability.Browser); |
| 1535 for (var i = 0; i < targets.length; ++i) | 1535 for (var i = 0; i < targets.length; ++i) |
| 1536 WebInspector.IndexedDBModel.fromTarget(targets[i]).refreshDatabaseNames(); | 1536 Resources.IndexedDBModel.fromTarget(targets[i]).refreshDatabaseNames(); |
| 1537 } | 1537 } |
| 1538 | 1538 |
| 1539 /** | 1539 /** |
| 1540 * @param {!WebInspector.Event} event | 1540 * @param {!Common.Event} event |
| 1541 */ | 1541 */ |
| 1542 _indexedDBAdded(event) { | 1542 _indexedDBAdded(event) { |
| 1543 var databaseId = /** @type {!WebInspector.IndexedDBModel.DatabaseId} */ (eve
nt.data); | 1543 var databaseId = /** @type {!Resources.IndexedDBModel.DatabaseId} */ (event.
data); |
| 1544 var model = /** @type {!WebInspector.IndexedDBModel} */ (event.target); | 1544 var model = /** @type {!Resources.IndexedDBModel} */ (event.target); |
| 1545 this._addIndexedDB(model, databaseId); | 1545 this._addIndexedDB(model, databaseId); |
| 1546 } | 1546 } |
| 1547 | 1547 |
| 1548 /** | 1548 /** |
| 1549 * @param {!WebInspector.IndexedDBModel} model | 1549 * @param {!Resources.IndexedDBModel} model |
| 1550 * @param {!WebInspector.IndexedDBModel.DatabaseId} databaseId | 1550 * @param {!Resources.IndexedDBModel.DatabaseId} databaseId |
| 1551 */ | 1551 */ |
| 1552 _addIndexedDB(model, databaseId) { | 1552 _addIndexedDB(model, databaseId) { |
| 1553 var idbDatabaseTreeElement = new WebInspector.IDBDatabaseTreeElement(this._s
toragePanel, model, databaseId); | 1553 var idbDatabaseTreeElement = new Resources.IDBDatabaseTreeElement(this._stor
agePanel, model, databaseId); |
| 1554 this._idbDatabaseTreeElements.push(idbDatabaseTreeElement); | 1554 this._idbDatabaseTreeElements.push(idbDatabaseTreeElement); |
| 1555 this.appendChild(idbDatabaseTreeElement); | 1555 this.appendChild(idbDatabaseTreeElement); |
| 1556 model.refreshDatabase(databaseId); | 1556 model.refreshDatabase(databaseId); |
| 1557 } | 1557 } |
| 1558 | 1558 |
| 1559 /** | 1559 /** |
| 1560 * @param {!WebInspector.Event} event | 1560 * @param {!Common.Event} event |
| 1561 */ | 1561 */ |
| 1562 _indexedDBRemoved(event) { | 1562 _indexedDBRemoved(event) { |
| 1563 var databaseId = /** @type {!WebInspector.IndexedDBModel.DatabaseId} */ (eve
nt.data); | 1563 var databaseId = /** @type {!Resources.IndexedDBModel.DatabaseId} */ (event.
data); |
| 1564 var model = /** @type {!WebInspector.IndexedDBModel} */ (event.target); | 1564 var model = /** @type {!Resources.IndexedDBModel} */ (event.target); |
| 1565 | 1565 |
| 1566 var idbDatabaseTreeElement = this._idbDatabaseTreeElement(model, databaseId)
; | 1566 var idbDatabaseTreeElement = this._idbDatabaseTreeElement(model, databaseId)
; |
| 1567 if (!idbDatabaseTreeElement) | 1567 if (!idbDatabaseTreeElement) |
| 1568 return; | 1568 return; |
| 1569 | 1569 |
| 1570 idbDatabaseTreeElement.clear(); | 1570 idbDatabaseTreeElement.clear(); |
| 1571 this.removeChild(idbDatabaseTreeElement); | 1571 this.removeChild(idbDatabaseTreeElement); |
| 1572 this._idbDatabaseTreeElements.remove(idbDatabaseTreeElement); | 1572 this._idbDatabaseTreeElements.remove(idbDatabaseTreeElement); |
| 1573 } | 1573 } |
| 1574 | 1574 |
| 1575 /** | 1575 /** |
| 1576 * @param {!WebInspector.Event} event | 1576 * @param {!Common.Event} event |
| 1577 */ | 1577 */ |
| 1578 _indexedDBLoaded(event) { | 1578 _indexedDBLoaded(event) { |
| 1579 var database = /** @type {!WebInspector.IndexedDBModel.Database} */ (event.d
ata); | 1579 var database = /** @type {!Resources.IndexedDBModel.Database} */ (event.data
); |
| 1580 var model = /** @type {!WebInspector.IndexedDBModel} */ (event.target); | 1580 var model = /** @type {!Resources.IndexedDBModel} */ (event.target); |
| 1581 | 1581 |
| 1582 var idbDatabaseTreeElement = this._idbDatabaseTreeElement(model, database.da
tabaseId); | 1582 var idbDatabaseTreeElement = this._idbDatabaseTreeElement(model, database.da
tabaseId); |
| 1583 if (!idbDatabaseTreeElement) | 1583 if (!idbDatabaseTreeElement) |
| 1584 return; | 1584 return; |
| 1585 | 1585 |
| 1586 idbDatabaseTreeElement.update(database); | 1586 idbDatabaseTreeElement.update(database); |
| 1587 } | 1587 } |
| 1588 | 1588 |
| 1589 /** | 1589 /** |
| 1590 * @param {!WebInspector.IndexedDBModel.DatabaseId} databaseId | 1590 * @param {!Resources.IndexedDBModel.DatabaseId} databaseId |
| 1591 * @param {!WebInspector.IndexedDBModel} model | 1591 * @param {!Resources.IndexedDBModel} model |
| 1592 * @return {?WebInspector.IDBDatabaseTreeElement} | 1592 * @return {?Resources.IDBDatabaseTreeElement} |
| 1593 */ | 1593 */ |
| 1594 _idbDatabaseTreeElement(model, databaseId) { | 1594 _idbDatabaseTreeElement(model, databaseId) { |
| 1595 var index = -1; | 1595 var index = -1; |
| 1596 for (var i = 0; i < this._idbDatabaseTreeElements.length; ++i) { | 1596 for (var i = 0; i < this._idbDatabaseTreeElements.length; ++i) { |
| 1597 if (this._idbDatabaseTreeElements[i]._databaseId.equals(databaseId) && | 1597 if (this._idbDatabaseTreeElements[i]._databaseId.equals(databaseId) && |
| 1598 this._idbDatabaseTreeElements[i]._model === model) { | 1598 this._idbDatabaseTreeElements[i]._model === model) { |
| 1599 index = i; | 1599 index = i; |
| 1600 break; | 1600 break; |
| 1601 } | 1601 } |
| 1602 } | 1602 } |
| 1603 if (index !== -1) | 1603 if (index !== -1) |
| 1604 return this._idbDatabaseTreeElements[i]; | 1604 return this._idbDatabaseTreeElements[i]; |
| 1605 return null; | 1605 return null; |
| 1606 } | 1606 } |
| 1607 }; | 1607 }; |
| 1608 | 1608 |
| 1609 /** | 1609 /** |
| 1610 * @unrestricted | 1610 * @unrestricted |
| 1611 */ | 1611 */ |
| 1612 WebInspector.IDBDatabaseTreeElement = class extends WebInspector.BaseStorageTree
Element { | 1612 Resources.IDBDatabaseTreeElement = class extends Resources.BaseStorageTreeElemen
t { |
| 1613 /** | 1613 /** |
| 1614 * @param {!WebInspector.ResourcesPanel} storagePanel | 1614 * @param {!Resources.ResourcesPanel} storagePanel |
| 1615 * @param {!WebInspector.IndexedDBModel} model | 1615 * @param {!Resources.IndexedDBModel} model |
| 1616 * @param {!WebInspector.IndexedDBModel.DatabaseId} databaseId | 1616 * @param {!Resources.IndexedDBModel.DatabaseId} databaseId |
| 1617 */ | 1617 */ |
| 1618 constructor(storagePanel, model, databaseId) { | 1618 constructor(storagePanel, model, databaseId) { |
| 1619 super( | 1619 super( |
| 1620 storagePanel, databaseId.name + ' - ' + databaseId.securityOrigin, | 1620 storagePanel, databaseId.name + ' - ' + databaseId.securityOrigin, |
| 1621 ['database-tree-item', 'resource-tree-item']); | 1621 ['database-tree-item', 'resource-tree-item']); |
| 1622 this._model = model; | 1622 this._model = model; |
| 1623 this._databaseId = databaseId; | 1623 this._databaseId = databaseId; |
| 1624 this._idbObjectStoreTreeElements = {}; | 1624 this._idbObjectStoreTreeElements = {}; |
| 1625 } | 1625 } |
| 1626 | 1626 |
| 1627 get itemURL() { | 1627 get itemURL() { |
| 1628 return 'indexedDB://' + this._databaseId.securityOrigin + '/' + this._databa
seId.name; | 1628 return 'indexedDB://' + this._databaseId.securityOrigin + '/' + this._databa
seId.name; |
| 1629 } | 1629 } |
| 1630 | 1630 |
| 1631 /** | 1631 /** |
| 1632 * @override | 1632 * @override |
| 1633 */ | 1633 */ |
| 1634 onattach() { | 1634 onattach() { |
| 1635 super.onattach(); | 1635 super.onattach(); |
| 1636 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); | 1636 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); |
| 1637 } | 1637 } |
| 1638 | 1638 |
| 1639 _handleContextMenuEvent(event) { | 1639 _handleContextMenuEvent(event) { |
| 1640 var contextMenu = new WebInspector.ContextMenu(event); | 1640 var contextMenu = new UI.ContextMenu(event); |
| 1641 contextMenu.appendItem(WebInspector.UIString('Refresh IndexedDB'), this._ref
reshIndexedDB.bind(this)); | 1641 contextMenu.appendItem(Common.UIString('Refresh IndexedDB'), this._refreshIn
dexedDB.bind(this)); |
| 1642 contextMenu.show(); | 1642 contextMenu.show(); |
| 1643 } | 1643 } |
| 1644 | 1644 |
| 1645 _refreshIndexedDB() { | 1645 _refreshIndexedDB() { |
| 1646 this._model.refreshDatabaseNames(); | 1646 this._model.refreshDatabaseNames(); |
| 1647 } | 1647 } |
| 1648 | 1648 |
| 1649 /** | 1649 /** |
| 1650 * @param {!WebInspector.IndexedDBModel.Database} database | 1650 * @param {!Resources.IndexedDBModel.Database} database |
| 1651 */ | 1651 */ |
| 1652 update(database) { | 1652 update(database) { |
| 1653 this._database = database; | 1653 this._database = database; |
| 1654 var objectStoreNames = {}; | 1654 var objectStoreNames = {}; |
| 1655 for (var objectStoreName in this._database.objectStores) { | 1655 for (var objectStoreName in this._database.objectStores) { |
| 1656 var objectStore = this._database.objectStores[objectStoreName]; | 1656 var objectStore = this._database.objectStores[objectStoreName]; |
| 1657 objectStoreNames[objectStore.name] = true; | 1657 objectStoreNames[objectStore.name] = true; |
| 1658 if (!this._idbObjectStoreTreeElements[objectStore.name]) { | 1658 if (!this._idbObjectStoreTreeElements[objectStore.name]) { |
| 1659 var idbObjectStoreTreeElement = | 1659 var idbObjectStoreTreeElement = |
| 1660 new WebInspector.IDBObjectStoreTreeElement(this._storagePanel, this.
_model, this._databaseId, objectStore); | 1660 new Resources.IDBObjectStoreTreeElement(this._storagePanel, this._mo
del, this._databaseId, objectStore); |
| 1661 this._idbObjectStoreTreeElements[objectStore.name] = idbObjectStoreTreeE
lement; | 1661 this._idbObjectStoreTreeElements[objectStore.name] = idbObjectStoreTreeE
lement; |
| 1662 this.appendChild(idbObjectStoreTreeElement); | 1662 this.appendChild(idbObjectStoreTreeElement); |
| 1663 } | 1663 } |
| 1664 this._idbObjectStoreTreeElements[objectStore.name].update(objectStore); | 1664 this._idbObjectStoreTreeElements[objectStore.name].update(objectStore); |
| 1665 } | 1665 } |
| 1666 for (var objectStoreName in this._idbObjectStoreTreeElements) { | 1666 for (var objectStoreName in this._idbObjectStoreTreeElements) { |
| 1667 if (!objectStoreNames[objectStoreName]) | 1667 if (!objectStoreNames[objectStoreName]) |
| 1668 this._objectStoreRemoved(objectStoreName); | 1668 this._objectStoreRemoved(objectStoreName); |
| 1669 } | 1669 } |
| 1670 | 1670 |
| 1671 if (this._view) | 1671 if (this._view) |
| 1672 this._view.update(database); | 1672 this._view.update(database); |
| 1673 | 1673 |
| 1674 this._updateTooltip(); | 1674 this._updateTooltip(); |
| 1675 } | 1675 } |
| 1676 | 1676 |
| 1677 _updateTooltip() { | 1677 _updateTooltip() { |
| 1678 this.tooltip = WebInspector.UIString('Version') + ': ' + this._database.vers
ion; | 1678 this.tooltip = Common.UIString('Version') + ': ' + this._database.version; |
| 1679 } | 1679 } |
| 1680 | 1680 |
| 1681 /** | 1681 /** |
| 1682 * @override | 1682 * @override |
| 1683 * @return {boolean} | 1683 * @return {boolean} |
| 1684 */ | 1684 */ |
| 1685 onselect(selectedByUser) { | 1685 onselect(selectedByUser) { |
| 1686 super.onselect(selectedByUser); | 1686 super.onselect(selectedByUser); |
| 1687 if (!this._view) | 1687 if (!this._view) |
| 1688 this._view = new WebInspector.IDBDatabaseView(this._database); | 1688 this._view = new Resources.IDBDatabaseView(this._database); |
| 1689 | 1689 |
| 1690 this._storagePanel._innerShowView(this._view); | 1690 this._storagePanel._innerShowView(this._view); |
| 1691 return false; | 1691 return false; |
| 1692 } | 1692 } |
| 1693 | 1693 |
| 1694 /** | 1694 /** |
| 1695 * @param {string} objectStoreName | 1695 * @param {string} objectStoreName |
| 1696 */ | 1696 */ |
| 1697 _objectStoreRemoved(objectStoreName) { | 1697 _objectStoreRemoved(objectStoreName) { |
| 1698 var objectStoreTreeElement = this._idbObjectStoreTreeElements[objectStoreNam
e]; | 1698 var objectStoreTreeElement = this._idbObjectStoreTreeElements[objectStoreNam
e]; |
| 1699 objectStoreTreeElement.clear(); | 1699 objectStoreTreeElement.clear(); |
| 1700 this.removeChild(objectStoreTreeElement); | 1700 this.removeChild(objectStoreTreeElement); |
| 1701 delete this._idbObjectStoreTreeElements[objectStoreName]; | 1701 delete this._idbObjectStoreTreeElements[objectStoreName]; |
| 1702 } | 1702 } |
| 1703 | 1703 |
| 1704 clear() { | 1704 clear() { |
| 1705 for (var objectStoreName in this._idbObjectStoreTreeElements) | 1705 for (var objectStoreName in this._idbObjectStoreTreeElements) |
| 1706 this._objectStoreRemoved(objectStoreName); | 1706 this._objectStoreRemoved(objectStoreName); |
| 1707 } | 1707 } |
| 1708 }; | 1708 }; |
| 1709 | 1709 |
| 1710 /** | 1710 /** |
| 1711 * @unrestricted | 1711 * @unrestricted |
| 1712 */ | 1712 */ |
| 1713 WebInspector.IDBObjectStoreTreeElement = class extends WebInspector.BaseStorageT
reeElement { | 1713 Resources.IDBObjectStoreTreeElement = class extends Resources.BaseStorageTreeEle
ment { |
| 1714 /** | 1714 /** |
| 1715 * @param {!WebInspector.ResourcesPanel} storagePanel | 1715 * @param {!Resources.ResourcesPanel} storagePanel |
| 1716 * @param {!WebInspector.IndexedDBModel} model | 1716 * @param {!Resources.IndexedDBModel} model |
| 1717 * @param {!WebInspector.IndexedDBModel.DatabaseId} databaseId | 1717 * @param {!Resources.IndexedDBModel.DatabaseId} databaseId |
| 1718 * @param {!WebInspector.IndexedDBModel.ObjectStore} objectStore | 1718 * @param {!Resources.IndexedDBModel.ObjectStore} objectStore |
| 1719 */ | 1719 */ |
| 1720 constructor(storagePanel, model, databaseId, objectStore) { | 1720 constructor(storagePanel, model, databaseId, objectStore) { |
| 1721 super(storagePanel, objectStore.name, ['table-tree-item', 'resource-tree-ite
m']); | 1721 super(storagePanel, objectStore.name, ['table-tree-item', 'resource-tree-ite
m']); |
| 1722 this._model = model; | 1722 this._model = model; |
| 1723 this._databaseId = databaseId; | 1723 this._databaseId = databaseId; |
| 1724 this._idbIndexTreeElements = {}; | 1724 this._idbIndexTreeElements = {}; |
| 1725 } | 1725 } |
| 1726 | 1726 |
| 1727 get itemURL() { | 1727 get itemURL() { |
| 1728 return 'indexedDB://' + this._databaseId.securityOrigin + '/' + this._databa
seId.name + '/' + | 1728 return 'indexedDB://' + this._databaseId.securityOrigin + '/' + this._databa
seId.name + '/' + |
| 1729 this._objectStore.name; | 1729 this._objectStore.name; |
| 1730 } | 1730 } |
| 1731 | 1731 |
| 1732 /** | 1732 /** |
| 1733 * @override | 1733 * @override |
| 1734 */ | 1734 */ |
| 1735 onattach() { | 1735 onattach() { |
| 1736 super.onattach(); | 1736 super.onattach(); |
| 1737 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); | 1737 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); |
| 1738 } | 1738 } |
| 1739 | 1739 |
| 1740 _handleContextMenuEvent(event) { | 1740 _handleContextMenuEvent(event) { |
| 1741 var contextMenu = new WebInspector.ContextMenu(event); | 1741 var contextMenu = new UI.ContextMenu(event); |
| 1742 contextMenu.appendItem(WebInspector.UIString('Clear'), this._clearObjectStor
e.bind(this)); | 1742 contextMenu.appendItem(Common.UIString('Clear'), this._clearObjectStore.bind
(this)); |
| 1743 contextMenu.show(); | 1743 contextMenu.show(); |
| 1744 } | 1744 } |
| 1745 | 1745 |
| 1746 _clearObjectStore() { | 1746 _clearObjectStore() { |
| 1747 /** | 1747 /** |
| 1748 * @this {WebInspector.IDBObjectStoreTreeElement} | 1748 * @this {Resources.IDBObjectStoreTreeElement} |
| 1749 */ | 1749 */ |
| 1750 function callback() { | 1750 function callback() { |
| 1751 this.update(this._objectStore); | 1751 this.update(this._objectStore); |
| 1752 } | 1752 } |
| 1753 this._model.clearObjectStore(this._databaseId, this._objectStore.name, callb
ack.bind(this)); | 1753 this._model.clearObjectStore(this._databaseId, this._objectStore.name, callb
ack.bind(this)); |
| 1754 } | 1754 } |
| 1755 | 1755 |
| 1756 /** | 1756 /** |
| 1757 * @param {!WebInspector.IndexedDBModel.ObjectStore} objectStore | 1757 * @param {!Resources.IndexedDBModel.ObjectStore} objectStore |
| 1758 */ | 1758 */ |
| 1759 update(objectStore) { | 1759 update(objectStore) { |
| 1760 this._objectStore = objectStore; | 1760 this._objectStore = objectStore; |
| 1761 | 1761 |
| 1762 var indexNames = {}; | 1762 var indexNames = {}; |
| 1763 for (var indexName in this._objectStore.indexes) { | 1763 for (var indexName in this._objectStore.indexes) { |
| 1764 var index = this._objectStore.indexes[indexName]; | 1764 var index = this._objectStore.indexes[indexName]; |
| 1765 indexNames[index.name] = true; | 1765 indexNames[index.name] = true; |
| 1766 if (!this._idbIndexTreeElements[index.name]) { | 1766 if (!this._idbIndexTreeElements[index.name]) { |
| 1767 var idbIndexTreeElement = new WebInspector.IDBIndexTreeElement( | 1767 var idbIndexTreeElement = new Resources.IDBIndexTreeElement( |
| 1768 this._storagePanel, this._model, this._databaseId, this._objectStore
, index); | 1768 this._storagePanel, this._model, this._databaseId, this._objectStore
, index); |
| 1769 this._idbIndexTreeElements[index.name] = idbIndexTreeElement; | 1769 this._idbIndexTreeElements[index.name] = idbIndexTreeElement; |
| 1770 this.appendChild(idbIndexTreeElement); | 1770 this.appendChild(idbIndexTreeElement); |
| 1771 } | 1771 } |
| 1772 this._idbIndexTreeElements[index.name].update(index); | 1772 this._idbIndexTreeElements[index.name].update(index); |
| 1773 } | 1773 } |
| 1774 for (var indexName in this._idbIndexTreeElements) { | 1774 for (var indexName in this._idbIndexTreeElements) { |
| 1775 if (!indexNames[indexName]) | 1775 if (!indexNames[indexName]) |
| 1776 this._indexRemoved(indexName); | 1776 this._indexRemoved(indexName); |
| 1777 } | 1777 } |
| 1778 for (var indexName in this._idbIndexTreeElements) { | 1778 for (var indexName in this._idbIndexTreeElements) { |
| 1779 if (!indexNames[indexName]) { | 1779 if (!indexNames[indexName]) { |
| 1780 this.removeChild(this._idbIndexTreeElements[indexName]); | 1780 this.removeChild(this._idbIndexTreeElements[indexName]); |
| 1781 delete this._idbIndexTreeElements[indexName]; | 1781 delete this._idbIndexTreeElements[indexName]; |
| 1782 } | 1782 } |
| 1783 } | 1783 } |
| 1784 | 1784 |
| 1785 if (this.childCount()) | 1785 if (this.childCount()) |
| 1786 this.expand(); | 1786 this.expand(); |
| 1787 | 1787 |
| 1788 if (this._view) | 1788 if (this._view) |
| 1789 this._view.update(this._objectStore); | 1789 this._view.update(this._objectStore); |
| 1790 | 1790 |
| 1791 this._updateTooltip(); | 1791 this._updateTooltip(); |
| 1792 } | 1792 } |
| 1793 | 1793 |
| 1794 _updateTooltip() { | 1794 _updateTooltip() { |
| 1795 var keyPathString = this._objectStore.keyPathString; | 1795 var keyPathString = this._objectStore.keyPathString; |
| 1796 var tooltipString = keyPathString !== null ? (WebInspector.UIString('Key pat
h: ') + keyPathString) : ''; | 1796 var tooltipString = keyPathString !== null ? (Common.UIString('Key path: ')
+ keyPathString) : ''; |
| 1797 if (this._objectStore.autoIncrement) | 1797 if (this._objectStore.autoIncrement) |
| 1798 tooltipString += '\n' + WebInspector.UIString('autoIncrement'); | 1798 tooltipString += '\n' + Common.UIString('autoIncrement'); |
| 1799 this.tooltip = tooltipString; | 1799 this.tooltip = tooltipString; |
| 1800 } | 1800 } |
| 1801 | 1801 |
| 1802 /** | 1802 /** |
| 1803 * @override | 1803 * @override |
| 1804 * @return {boolean} | 1804 * @return {boolean} |
| 1805 */ | 1805 */ |
| 1806 onselect(selectedByUser) { | 1806 onselect(selectedByUser) { |
| 1807 super.onselect(selectedByUser); | 1807 super.onselect(selectedByUser); |
| 1808 if (!this._view) | 1808 if (!this._view) |
| 1809 this._view = new WebInspector.IDBDataView(this._model, this._databaseId, t
his._objectStore, null); | 1809 this._view = new Resources.IDBDataView(this._model, this._databaseId, this
._objectStore, null); |
| 1810 | 1810 |
| 1811 this._storagePanel._innerShowView(this._view); | 1811 this._storagePanel._innerShowView(this._view); |
| 1812 return false; | 1812 return false; |
| 1813 } | 1813 } |
| 1814 | 1814 |
| 1815 /** | 1815 /** |
| 1816 * @param {string} indexName | 1816 * @param {string} indexName |
| 1817 */ | 1817 */ |
| 1818 _indexRemoved(indexName) { | 1818 _indexRemoved(indexName) { |
| 1819 var indexTreeElement = this._idbIndexTreeElements[indexName]; | 1819 var indexTreeElement = this._idbIndexTreeElements[indexName]; |
| 1820 indexTreeElement.clear(); | 1820 indexTreeElement.clear(); |
| 1821 this.removeChild(indexTreeElement); | 1821 this.removeChild(indexTreeElement); |
| 1822 delete this._idbIndexTreeElements[indexName]; | 1822 delete this._idbIndexTreeElements[indexName]; |
| 1823 } | 1823 } |
| 1824 | 1824 |
| 1825 clear() { | 1825 clear() { |
| 1826 for (var indexName in this._idbIndexTreeElements) | 1826 for (var indexName in this._idbIndexTreeElements) |
| 1827 this._indexRemoved(indexName); | 1827 this._indexRemoved(indexName); |
| 1828 if (this._view) | 1828 if (this._view) |
| 1829 this._view.clear(); | 1829 this._view.clear(); |
| 1830 } | 1830 } |
| 1831 }; | 1831 }; |
| 1832 | 1832 |
| 1833 /** | 1833 /** |
| 1834 * @unrestricted | 1834 * @unrestricted |
| 1835 */ | 1835 */ |
| 1836 WebInspector.IDBIndexTreeElement = class extends WebInspector.BaseStorageTreeEle
ment { | 1836 Resources.IDBIndexTreeElement = class extends Resources.BaseStorageTreeElement { |
| 1837 /** | 1837 /** |
| 1838 * @param {!WebInspector.ResourcesPanel} storagePanel | 1838 * @param {!Resources.ResourcesPanel} storagePanel |
| 1839 * @param {!WebInspector.IndexedDBModel} model | 1839 * @param {!Resources.IndexedDBModel} model |
| 1840 * @param {!WebInspector.IndexedDBModel.DatabaseId} databaseId | 1840 * @param {!Resources.IndexedDBModel.DatabaseId} databaseId |
| 1841 * @param {!WebInspector.IndexedDBModel.ObjectStore} objectStore | 1841 * @param {!Resources.IndexedDBModel.ObjectStore} objectStore |
| 1842 * @param {!WebInspector.IndexedDBModel.Index} index | 1842 * @param {!Resources.IndexedDBModel.Index} index |
| 1843 */ | 1843 */ |
| 1844 constructor(storagePanel, model, databaseId, objectStore, index) { | 1844 constructor(storagePanel, model, databaseId, objectStore, index) { |
| 1845 super(storagePanel, index.name, ['index-tree-item', 'resource-tree-item']); | 1845 super(storagePanel, index.name, ['index-tree-item', 'resource-tree-item']); |
| 1846 this._model = model; | 1846 this._model = model; |
| 1847 this._databaseId = databaseId; | 1847 this._databaseId = databaseId; |
| 1848 this._objectStore = objectStore; | 1848 this._objectStore = objectStore; |
| 1849 this._index = index; | 1849 this._index = index; |
| 1850 } | 1850 } |
| 1851 | 1851 |
| 1852 get itemURL() { | 1852 get itemURL() { |
| 1853 return 'indexedDB://' + this._databaseId.securityOrigin + '/' + this._databa
seId.name + '/' + | 1853 return 'indexedDB://' + this._databaseId.securityOrigin + '/' + this._databa
seId.name + '/' + |
| 1854 this._objectStore.name + '/' + this._index.name; | 1854 this._objectStore.name + '/' + this._index.name; |
| 1855 } | 1855 } |
| 1856 | 1856 |
| 1857 /** | 1857 /** |
| 1858 * @param {!WebInspector.IndexedDBModel.Index} index | 1858 * @param {!Resources.IndexedDBModel.Index} index |
| 1859 */ | 1859 */ |
| 1860 update(index) { | 1860 update(index) { |
| 1861 this._index = index; | 1861 this._index = index; |
| 1862 | 1862 |
| 1863 if (this._view) | 1863 if (this._view) |
| 1864 this._view.update(this._index); | 1864 this._view.update(this._index); |
| 1865 | 1865 |
| 1866 this._updateTooltip(); | 1866 this._updateTooltip(); |
| 1867 } | 1867 } |
| 1868 | 1868 |
| 1869 _updateTooltip() { | 1869 _updateTooltip() { |
| 1870 var tooltipLines = []; | 1870 var tooltipLines = []; |
| 1871 var keyPathString = this._index.keyPathString; | 1871 var keyPathString = this._index.keyPathString; |
| 1872 tooltipLines.push(WebInspector.UIString('Key path: ') + keyPathString); | 1872 tooltipLines.push(Common.UIString('Key path: ') + keyPathString); |
| 1873 if (this._index.unique) | 1873 if (this._index.unique) |
| 1874 tooltipLines.push(WebInspector.UIString('unique')); | 1874 tooltipLines.push(Common.UIString('unique')); |
| 1875 if (this._index.multiEntry) | 1875 if (this._index.multiEntry) |
| 1876 tooltipLines.push(WebInspector.UIString('multiEntry')); | 1876 tooltipLines.push(Common.UIString('multiEntry')); |
| 1877 this.tooltip = tooltipLines.join('\n'); | 1877 this.tooltip = tooltipLines.join('\n'); |
| 1878 } | 1878 } |
| 1879 | 1879 |
| 1880 /** | 1880 /** |
| 1881 * @override | 1881 * @override |
| 1882 * @return {boolean} | 1882 * @return {boolean} |
| 1883 */ | 1883 */ |
| 1884 onselect(selectedByUser) { | 1884 onselect(selectedByUser) { |
| 1885 super.onselect(selectedByUser); | 1885 super.onselect(selectedByUser); |
| 1886 if (!this._view) | 1886 if (!this._view) |
| 1887 this._view = new WebInspector.IDBDataView(this._model, this._databaseId, t
his._objectStore, this._index); | 1887 this._view = new Resources.IDBDataView(this._model, this._databaseId, this
._objectStore, this._index); |
| 1888 | 1888 |
| 1889 this._storagePanel._innerShowView(this._view); | 1889 this._storagePanel._innerShowView(this._view); |
| 1890 return false; | 1890 return false; |
| 1891 } | 1891 } |
| 1892 | 1892 |
| 1893 clear() { | 1893 clear() { |
| 1894 if (this._view) | 1894 if (this._view) |
| 1895 this._view.clear(); | 1895 this._view.clear(); |
| 1896 } | 1896 } |
| 1897 }; | 1897 }; |
| 1898 | 1898 |
| 1899 /** | 1899 /** |
| 1900 * @unrestricted | 1900 * @unrestricted |
| 1901 */ | 1901 */ |
| 1902 WebInspector.DOMStorageTreeElement = class extends WebInspector.BaseStorageTreeE
lement { | 1902 Resources.DOMStorageTreeElement = class extends Resources.BaseStorageTreeElement
{ |
| 1903 constructor(storagePanel, domStorage) { | 1903 constructor(storagePanel, domStorage) { |
| 1904 super( | 1904 super( |
| 1905 storagePanel, domStorage.securityOrigin ? domStorage.securityOrigin : We
bInspector.UIString('Local Files'), | 1905 storagePanel, domStorage.securityOrigin ? domStorage.securityOrigin : Co
mmon.UIString('Local Files'), |
| 1906 ['table-tree-item', 'resource-tree-item']); | 1906 ['table-tree-item', 'resource-tree-item']); |
| 1907 this._domStorage = domStorage; | 1907 this._domStorage = domStorage; |
| 1908 } | 1908 } |
| 1909 | 1909 |
| 1910 get itemURL() { | 1910 get itemURL() { |
| 1911 return 'storage://' + this._domStorage.securityOrigin + '/' + | 1911 return 'storage://' + this._domStorage.securityOrigin + '/' + |
| 1912 (this._domStorage.isLocalStorage ? 'local' : 'session'); | 1912 (this._domStorage.isLocalStorage ? 'local' : 'session'); |
| 1913 } | 1913 } |
| 1914 | 1914 |
| 1915 /** | 1915 /** |
| 1916 * @override | 1916 * @override |
| 1917 * @return {boolean} | 1917 * @return {boolean} |
| 1918 */ | 1918 */ |
| 1919 onselect(selectedByUser) { | 1919 onselect(selectedByUser) { |
| 1920 super.onselect(selectedByUser); | 1920 super.onselect(selectedByUser); |
| 1921 this._storagePanel._showDOMStorage(this._domStorage); | 1921 this._storagePanel._showDOMStorage(this._domStorage); |
| 1922 return false; | 1922 return false; |
| 1923 } | 1923 } |
| 1924 }; | 1924 }; |
| 1925 | 1925 |
| 1926 /** | 1926 /** |
| 1927 * @unrestricted | 1927 * @unrestricted |
| 1928 */ | 1928 */ |
| 1929 WebInspector.CookieTreeElement = class extends WebInspector.BaseStorageTreeEleme
nt { | 1929 Resources.CookieTreeElement = class extends Resources.BaseStorageTreeElement { |
| 1930 constructor(storagePanel, cookieDomain) { | 1930 constructor(storagePanel, cookieDomain) { |
| 1931 super( | 1931 super( |
| 1932 storagePanel, cookieDomain ? cookieDomain : WebInspector.UIString('Local
Files'), | 1932 storagePanel, cookieDomain ? cookieDomain : Common.UIString('Local Files
'), |
| 1933 ['cookie-tree-item', 'resource-tree-item']); | 1933 ['cookie-tree-item', 'resource-tree-item']); |
| 1934 this._cookieDomain = cookieDomain; | 1934 this._cookieDomain = cookieDomain; |
| 1935 } | 1935 } |
| 1936 | 1936 |
| 1937 get itemURL() { | 1937 get itemURL() { |
| 1938 return 'cookies://' + this._cookieDomain; | 1938 return 'cookies://' + this._cookieDomain; |
| 1939 } | 1939 } |
| 1940 | 1940 |
| 1941 /** | 1941 /** |
| 1942 * @override | 1942 * @override |
| 1943 */ | 1943 */ |
| 1944 onattach() { | 1944 onattach() { |
| 1945 super.onattach(); | 1945 super.onattach(); |
| 1946 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); | 1946 this.listItemElement.addEventListener('contextmenu', this._handleContextMenu
Event.bind(this), true); |
| 1947 } | 1947 } |
| 1948 | 1948 |
| 1949 /** | 1949 /** |
| 1950 * @param {!Event} event | 1950 * @param {!Event} event |
| 1951 */ | 1951 */ |
| 1952 _handleContextMenuEvent(event) { | 1952 _handleContextMenuEvent(event) { |
| 1953 var contextMenu = new WebInspector.ContextMenu(event); | 1953 var contextMenu = new UI.ContextMenu(event); |
| 1954 contextMenu.appendItem(WebInspector.UIString('Clear'), this._clearCookies.bi
nd(this)); | 1954 contextMenu.appendItem(Common.UIString('Clear'), this._clearCookies.bind(thi
s)); |
| 1955 contextMenu.show(); | 1955 contextMenu.show(); |
| 1956 } | 1956 } |
| 1957 | 1957 |
| 1958 /** | 1958 /** |
| 1959 * @param {string} domain | 1959 * @param {string} domain |
| 1960 */ | 1960 */ |
| 1961 _clearCookies(domain) { | 1961 _clearCookies(domain) { |
| 1962 this._storagePanel.clearCookies(this._cookieDomain); | 1962 this._storagePanel.clearCookies(this._cookieDomain); |
| 1963 } | 1963 } |
| 1964 | 1964 |
| 1965 /** | 1965 /** |
| 1966 * @override | 1966 * @override |
| 1967 * @return {boolean} | 1967 * @return {boolean} |
| 1968 */ | 1968 */ |
| 1969 onselect(selectedByUser) { | 1969 onselect(selectedByUser) { |
| 1970 super.onselect(selectedByUser); | 1970 super.onselect(selectedByUser); |
| 1971 this._storagePanel.showCookies(this, this._cookieDomain); | 1971 this._storagePanel.showCookies(this, this._cookieDomain); |
| 1972 return false; | 1972 return false; |
| 1973 } | 1973 } |
| 1974 }; | 1974 }; |
| 1975 | 1975 |
| 1976 /** | 1976 /** |
| 1977 * @unrestricted | 1977 * @unrestricted |
| 1978 */ | 1978 */ |
| 1979 WebInspector.ApplicationCacheManifestTreeElement = class extends WebInspector.Ba
seStorageTreeElement { | 1979 Resources.ApplicationCacheManifestTreeElement = class extends Resources.BaseStor
ageTreeElement { |
| 1980 constructor(storagePanel, manifestURL) { | 1980 constructor(storagePanel, manifestURL) { |
| 1981 var title = new WebInspector.ParsedURL(manifestURL).displayName; | 1981 var title = new Common.ParsedURL(manifestURL).displayName; |
| 1982 super(storagePanel, title, ['application-cache-storage-tree-item']); | 1982 super(storagePanel, title, ['application-cache-storage-tree-item']); |
| 1983 this.tooltip = manifestURL; | 1983 this.tooltip = manifestURL; |
| 1984 this._manifestURL = manifestURL; | 1984 this._manifestURL = manifestURL; |
| 1985 } | 1985 } |
| 1986 | 1986 |
| 1987 get itemURL() { | 1987 get itemURL() { |
| 1988 return 'appcache://' + this._manifestURL; | 1988 return 'appcache://' + this._manifestURL; |
| 1989 } | 1989 } |
| 1990 | 1990 |
| 1991 get manifestURL() { | 1991 get manifestURL() { |
| 1992 return this._manifestURL; | 1992 return this._manifestURL; |
| 1993 } | 1993 } |
| 1994 | 1994 |
| 1995 /** | 1995 /** |
| 1996 * @override | 1996 * @override |
| 1997 * @return {boolean} | 1997 * @return {boolean} |
| 1998 */ | 1998 */ |
| 1999 onselect(selectedByUser) { | 1999 onselect(selectedByUser) { |
| 2000 super.onselect(selectedByUser); | 2000 super.onselect(selectedByUser); |
| 2001 this._storagePanel.showCategoryView(this._manifestURL); | 2001 this._storagePanel.showCategoryView(this._manifestURL); |
| 2002 return false; | 2002 return false; |
| 2003 } | 2003 } |
| 2004 }; | 2004 }; |
| 2005 | 2005 |
| 2006 /** | 2006 /** |
| 2007 * @unrestricted | 2007 * @unrestricted |
| 2008 */ | 2008 */ |
| 2009 WebInspector.ApplicationCacheFrameTreeElement = class extends WebInspector.BaseS
torageTreeElement { | 2009 Resources.ApplicationCacheFrameTreeElement = class extends Resources.BaseStorage
TreeElement { |
| 2010 /** | 2010 /** |
| 2011 * @param {!WebInspector.ResourcesPanel} storagePanel | 2011 * @param {!Resources.ResourcesPanel} storagePanel |
| 2012 * @param {!Protocol.Page.FrameId} frameId | 2012 * @param {!Protocol.Page.FrameId} frameId |
| 2013 * @param {string} manifestURL | 2013 * @param {string} manifestURL |
| 2014 */ | 2014 */ |
| 2015 constructor(storagePanel, frameId, manifestURL) { | 2015 constructor(storagePanel, frameId, manifestURL) { |
| 2016 super(storagePanel, '', ['navigator-tree-item', 'navigator-folder-tree-item'
]); | 2016 super(storagePanel, '', ['navigator-tree-item', 'navigator-folder-tree-item'
]); |
| 2017 this._frameId = frameId; | 2017 this._frameId = frameId; |
| 2018 this._manifestURL = manifestURL; | 2018 this._manifestURL = manifestURL; |
| 2019 this._refreshTitles(); | 2019 this._refreshTitles(); |
| 2020 } | 2020 } |
| 2021 | 2021 |
| 2022 get itemURL() { | 2022 get itemURL() { |
| 2023 return 'appcache://' + this._manifestURL + '/' + encodeURI(this.titleAsText(
)); | 2023 return 'appcache://' + this._manifestURL + '/' + encodeURI(this.titleAsText(
)); |
| 2024 } | 2024 } |
| 2025 | 2025 |
| 2026 get frameId() { | 2026 get frameId() { |
| 2027 return this._frameId; | 2027 return this._frameId; |
| 2028 } | 2028 } |
| 2029 | 2029 |
| 2030 get manifestURL() { | 2030 get manifestURL() { |
| 2031 return this._manifestURL; | 2031 return this._manifestURL; |
| 2032 } | 2032 } |
| 2033 | 2033 |
| 2034 _refreshTitles() { | 2034 _refreshTitles() { |
| 2035 var resourceTreeModel = WebInspector.ResourceTreeModel.fromTarget(this._stor
agePanel._target); | 2035 var resourceTreeModel = SDK.ResourceTreeModel.fromTarget(this._storagePanel.
_target); |
| 2036 var frame = resourceTreeModel.frameForId(this._frameId); | 2036 var frame = resourceTreeModel.frameForId(this._frameId); |
| 2037 this.title = frame.displayName(); | 2037 this.title = frame.displayName(); |
| 2038 } | 2038 } |
| 2039 | 2039 |
| 2040 frameNavigated() { | 2040 frameNavigated() { |
| 2041 this._refreshTitles(); | 2041 this._refreshTitles(); |
| 2042 } | 2042 } |
| 2043 | 2043 |
| 2044 /** | 2044 /** |
| 2045 * @override | 2045 * @override |
| 2046 * @return {boolean} | 2046 * @return {boolean} |
| 2047 */ | 2047 */ |
| 2048 onselect(selectedByUser) { | 2048 onselect(selectedByUser) { |
| 2049 super.onselect(selectedByUser); | 2049 super.onselect(selectedByUser); |
| 2050 this._storagePanel.showApplicationCache(this._frameId); | 2050 this._storagePanel.showApplicationCache(this._frameId); |
| 2051 return false; | 2051 return false; |
| 2052 } | 2052 } |
| 2053 }; | 2053 }; |
| 2054 | 2054 |
| 2055 /** | 2055 /** |
| 2056 * @unrestricted | 2056 * @unrestricted |
| 2057 */ | 2057 */ |
| 2058 WebInspector.StorageCategoryView = class extends WebInspector.VBox { | 2058 Resources.StorageCategoryView = class extends UI.VBox { |
| 2059 constructor() { | 2059 constructor() { |
| 2060 super(); | 2060 super(); |
| 2061 | 2061 |
| 2062 this.element.classList.add('storage-view'); | 2062 this.element.classList.add('storage-view'); |
| 2063 this._emptyWidget = new WebInspector.EmptyWidget(''); | 2063 this._emptyWidget = new UI.EmptyWidget(''); |
| 2064 this._emptyWidget.show(this.element); | 2064 this._emptyWidget.show(this.element); |
| 2065 } | 2065 } |
| 2066 | 2066 |
| 2067 setText(text) { | 2067 setText(text) { |
| 2068 this._emptyWidget.text = text; | 2068 this._emptyWidget.text = text; |
| 2069 } | 2069 } |
| 2070 }; | 2070 }; |
| OLD | NEW |