Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(198)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/resources/ResourcesPanel.js

Issue 2493373002: DevTools: rename WebInspector into modules. (Closed)
Patch Set: for bots Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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
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
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
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
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
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
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
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 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698