OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2011 Google Inc. All rights reserved. | 2 * Copyright (C) 2011 Google Inc. All rights reserved. |
3 * | 3 * |
4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
6 * met: | 6 * met: |
7 * | 7 * |
8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
(...skipping 24 matching lines...) Expand all Loading... |
35 /** | 35 /** |
36 * @param {!Network.ParsedJSON} parsedJSON | 36 * @param {!Network.ParsedJSON} parsedJSON |
37 */ | 37 */ |
38 constructor(parsedJSON) { | 38 constructor(parsedJSON) { |
39 super(); | 39 super(); |
40 this._parsedJSON = parsedJSON; | 40 this._parsedJSON = parsedJSON; |
41 this.element.classList.add('json-view'); | 41 this.element.classList.add('json-view'); |
42 | 42 |
43 /** @type {?UI.SearchableView} */ | 43 /** @type {?UI.SearchableView} */ |
44 this._searchableView; | 44 this._searchableView; |
45 /** @type {!Components.ObjectPropertiesSection} */ | 45 /** @type {!ObjectUI.ObjectPropertiesSection} */ |
46 this._treeOutline; | 46 this._treeOutline; |
47 /** @type {number} */ | 47 /** @type {number} */ |
48 this._currentSearchFocusIndex = 0; | 48 this._currentSearchFocusIndex = 0; |
49 /** @type {!Array.<!UI.TreeElement>} */ | 49 /** @type {!Array.<!UI.TreeElement>} */ |
50 this._currentSearchTreeElements = []; | 50 this._currentSearchTreeElements = []; |
51 /** @type {?RegExp} */ | 51 /** @type {?RegExp} */ |
52 this._searchRegex = null; | 52 this._searchRegex = null; |
53 } | 53 } |
54 | 54 |
55 /** | 55 /** |
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
139 this._initialize(); | 139 this._initialize(); |
140 } | 140 } |
141 | 141 |
142 _initialize() { | 142 _initialize() { |
143 if (this._initialized) | 143 if (this._initialized) |
144 return; | 144 return; |
145 this._initialized = true; | 145 this._initialized = true; |
146 | 146 |
147 var obj = SDK.RemoteObject.fromLocalObject(this._parsedJSON.data); | 147 var obj = SDK.RemoteObject.fromLocalObject(this._parsedJSON.data); |
148 var title = this._parsedJSON.prefix + obj.description + this._parsedJSON.suf
fix; | 148 var title = this._parsedJSON.prefix + obj.description + this._parsedJSON.suf
fix; |
149 this._treeOutline = new Components.ObjectPropertiesSection(obj, title); | 149 this._treeOutline = new ObjectUI.ObjectPropertiesSection(obj, title); |
150 this._treeOutline.setEditable(false); | 150 this._treeOutline.setEditable(false); |
151 this._treeOutline.expand(); | 151 this._treeOutline.expand(); |
152 this.element.appendChild(this._treeOutline.element); | 152 this.element.appendChild(this._treeOutline.element); |
153 } | 153 } |
154 | 154 |
155 /** | 155 /** |
156 * @param {number} index | 156 * @param {number} index |
157 */ | 157 */ |
158 _jumpToMatch(index) { | 158 _jumpToMatch(index) { |
159 if (!this._searchRegex) | 159 if (!this._searchRegex) |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
192 } | 192 } |
193 | 193 |
194 /** | 194 /** |
195 * @override | 195 * @override |
196 */ | 196 */ |
197 searchCanceled() { | 197 searchCanceled() { |
198 this._searchRegex = null; | 198 this._searchRegex = null; |
199 this._currentSearchTreeElements = []; | 199 this._currentSearchTreeElements = []; |
200 | 200 |
201 for (var element = this._treeOutline.rootElement(); element; element = eleme
nt.traverseNextTreeElement(false)) { | 201 for (var element = this._treeOutline.rootElement(); element; element = eleme
nt.traverseNextTreeElement(false)) { |
202 if (!(element instanceof Components.ObjectPropertyTreeElement)) | 202 if (!(element instanceof ObjectUI.ObjectPropertyTreeElement)) |
203 continue; | 203 continue; |
204 element.revertHighlightChanges(); | 204 element.revertHighlightChanges(); |
205 } | 205 } |
206 this._updateSearchCount(0); | 206 this._updateSearchCount(0); |
207 this._updateSearchIndex(0); | 207 this._updateSearchIndex(0); |
208 } | 208 } |
209 | 209 |
210 /** | 210 /** |
211 * @override | 211 * @override |
212 * @param {!UI.SearchableView.SearchConfig} searchConfig | 212 * @param {!UI.SearchableView.SearchConfig} searchConfig |
213 * @param {boolean} shouldJump | 213 * @param {boolean} shouldJump |
214 * @param {boolean=} jumpBackwards | 214 * @param {boolean=} jumpBackwards |
215 */ | 215 */ |
216 performSearch(searchConfig, shouldJump, jumpBackwards) { | 216 performSearch(searchConfig, shouldJump, jumpBackwards) { |
217 var newIndex = this._currentSearchFocusIndex; | 217 var newIndex = this._currentSearchFocusIndex; |
218 var previousSearchFocusElement = this._currentSearchTreeElements[newIndex]; | 218 var previousSearchFocusElement = this._currentSearchTreeElements[newIndex]; |
219 this.searchCanceled(); | 219 this.searchCanceled(); |
220 this._searchRegex = searchConfig.toSearchRegex(true); | 220 this._searchRegex = searchConfig.toSearchRegex(true); |
221 | 221 |
222 for (var element = this._treeOutline.rootElement(); element; element = eleme
nt.traverseNextTreeElement(false)) { | 222 for (var element = this._treeOutline.rootElement(); element; element = eleme
nt.traverseNextTreeElement(false)) { |
223 if (!(element instanceof Components.ObjectPropertyTreeElement)) | 223 if (!(element instanceof ObjectUI.ObjectPropertyTreeElement)) |
224 continue; | 224 continue; |
225 var hasMatch = element.setSearchRegex(this._searchRegex); | 225 var hasMatch = element.setSearchRegex(this._searchRegex); |
226 if (hasMatch) | 226 if (hasMatch) |
227 this._currentSearchTreeElements.push(element); | 227 this._currentSearchTreeElements.push(element); |
228 if (previousSearchFocusElement === element) { | 228 if (previousSearchFocusElement === element) { |
229 var currentIndex = this._currentSearchTreeElements.length - 1; | 229 var currentIndex = this._currentSearchTreeElements.length - 1; |
230 if (hasMatch || jumpBackwards) | 230 if (hasMatch || jumpBackwards) |
231 newIndex = currentIndex; | 231 newIndex = currentIndex; |
232 else | 232 else |
233 newIndex = currentIndex + 1; | 233 newIndex = currentIndex + 1; |
(...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
290 * @param {*} data | 290 * @param {*} data |
291 * @param {string} prefix | 291 * @param {string} prefix |
292 * @param {string} suffix | 292 * @param {string} suffix |
293 */ | 293 */ |
294 constructor(data, prefix, suffix) { | 294 constructor(data, prefix, suffix) { |
295 this.data = data; | 295 this.data = data; |
296 this.prefix = prefix; | 296 this.prefix = prefix; |
297 this.suffix = suffix; | 297 this.suffix = suffix; |
298 } | 298 } |
299 }; | 299 }; |
OLD | NEW |