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

Side by Side Diff: Source/devtools/front_end/ui/UIUtils.js

Issue 1113813002: [DevTools] Rename View to Widget. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: rebased Created 5 years, 7 months 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 | Annotate | Revision Log
« no previous file with comments | « Source/devtools/front_end/ui/Toolbar.js ('k') | Source/devtools/front_end/ui/View.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (C) 2011 Google Inc. All rights reserved. 2 * Copyright (C) 2011 Google Inc. All rights reserved.
3 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved. 3 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
4 * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com). 4 * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
5 * Copyright (C) 2009 Joseph Pecoraro 5 * Copyright (C) 2009 Joseph Pecoraro
6 * 6 *
7 * Redistribution and use in source and binary forms, with or without 7 * Redistribution and use in source and binary forms, with or without
8 * modification, are permitted provided that the following conditions 8 * modification, are permitted provided that the following conditions
9 * are met: 9 * are met:
10 * 10 *
(...skipping 179 matching lines...) Expand 10 before | Expand all | Expand 10 after
190 dispose: function() 190 dispose: function()
191 { 191 {
192 delete WebInspector._glassPane; 192 delete WebInspector._glassPane;
193 if (WebInspector.GlassPane.DefaultFocusedViewStack.length) 193 if (WebInspector.GlassPane.DefaultFocusedViewStack.length)
194 WebInspector.GlassPane.DefaultFocusedViewStack.peekLast().focus(); 194 WebInspector.GlassPane.DefaultFocusedViewStack.peekLast().focus();
195 this.element.remove(); 195 this.element.remove();
196 } 196 }
197 } 197 }
198 198
199 /** 199 /**
200 * @type {!Array.<!WebInspector.View|!WebInspector.Dialog>} 200 * @type {!Array.<!WebInspector.Widget|!WebInspector.Dialog>}
201 */ 201 */
202 WebInspector.GlassPane.DefaultFocusedViewStack = []; 202 WebInspector.GlassPane.DefaultFocusedViewStack = [];
203 203
204 /** 204 /**
205 * @param {?Node=} node 205 * @param {?Node=} node
206 * @return {boolean} 206 * @return {boolean}
207 */ 207 */
208 WebInspector.isBeingEdited = function(node) 208 WebInspector.isBeingEdited = function(node)
209 { 209 {
210 if (!node || node.nodeType !== Node.ELEMENT_NODE) 210 if (!node || node.nodeType !== Node.ELEMENT_NODE)
(...skipping 1059 matching lines...) Expand 10 before | Expand all | Expand 10 after
1270 1270
1271 ;(function() { 1271 ;(function() {
1272 registerCustomElement("button", "text-button", { 1272 registerCustomElement("button", "text-button", {
1273 /** 1273 /**
1274 * @this {Element} 1274 * @this {Element}
1275 */ 1275 */
1276 createdCallback: function() 1276 createdCallback: function()
1277 { 1277 {
1278 this.type = "button"; 1278 this.type = "button";
1279 var root = this.createShadowRoot(); 1279 var root = this.createShadowRoot();
1280 root.appendChild(WebInspector.View.createStyleElement("ui/textButton .css")); 1280 root.appendChild(WebInspector.Widget.createStyleElement("ui/textButt on.css"));
1281 root.createChild("content"); 1281 root.createChild("content");
1282 }, 1282 },
1283 1283
1284 __proto__: HTMLButtonElement.prototype 1284 __proto__: HTMLButtonElement.prototype
1285 }); 1285 });
1286 1286
1287 registerCustomElement("label", "dt-radio", { 1287 registerCustomElement("label", "dt-radio", {
1288 /** 1288 /**
1289 * @this {Element} 1289 * @this {Element}
1290 */ 1290 */
1291 createdCallback: function() 1291 createdCallback: function()
1292 { 1292 {
1293 this.radioElement = this.createChild("input", "dt-radio-button"); 1293 this.radioElement = this.createChild("input", "dt-radio-button");
1294 this.radioElement.type = "radio"; 1294 this.radioElement.type = "radio";
1295 1295
1296 var root = this.createShadowRoot(); 1296 var root = this.createShadowRoot();
1297 root.appendChild(WebInspector.View.createStyleElement("ui/radioButto n.css")); 1297 root.appendChild(WebInspector.Widget.createStyleElement("ui/radioBut ton.css"));
1298 root.createChild("content").select = ".dt-radio-button"; 1298 root.createChild("content").select = ".dt-radio-button";
1299 root.createChild("content"); 1299 root.createChild("content");
1300 this.addEventListener("click", radioClickHandler, false); 1300 this.addEventListener("click", radioClickHandler, false);
1301 }, 1301 },
1302 1302
1303 __proto__: HTMLLabelElement.prototype 1303 __proto__: HTMLLabelElement.prototype
1304 }); 1304 });
1305 1305
1306 /** 1306 /**
1307 * @param {!Event} event 1307 * @param {!Event} event
1308 * @suppressReceiverCheck 1308 * @suppressReceiverCheck
1309 * @this {Element} 1309 * @this {Element}
1310 */ 1310 */
1311 function radioClickHandler(event) 1311 function radioClickHandler(event)
1312 { 1312 {
1313 if (this.radioElement.checked || this.radioElement.disabled) 1313 if (this.radioElement.checked || this.radioElement.disabled)
1314 return; 1314 return;
1315 this.radioElement.checked = true; 1315 this.radioElement.checked = true;
1316 this.radioElement.dispatchEvent(new Event("change")); 1316 this.radioElement.dispatchEvent(new Event("change"));
1317 } 1317 }
1318 1318
1319 registerCustomElement("label", "dt-checkbox", { 1319 registerCustomElement("label", "dt-checkbox", {
1320 /** 1320 /**
1321 * @this {Element} 1321 * @this {Element}
1322 */ 1322 */
1323 createdCallback: function() 1323 createdCallback: function()
1324 { 1324 {
1325 var root = this.createShadowRoot(); 1325 var root = this.createShadowRoot();
1326 root.appendChild(WebInspector.View.createStyleElement("ui/checkboxTe xtLabel.css")); 1326 root.appendChild(WebInspector.Widget.createStyleElement("ui/checkbox TextLabel.css"));
1327 this.checkboxElement = this.createChild("input", "dt-checkbox-button "); 1327 this.checkboxElement = this.createChild("input", "dt-checkbox-button ");
1328 this.checkboxElement.type = "checkbox"; 1328 this.checkboxElement.type = "checkbox";
1329 root.createChild("content").select = ".dt-checkbox-button"; 1329 root.createChild("content").select = ".dt-checkbox-button";
1330 root.createChild("content"); 1330 root.createChild("content");
1331 }, 1331 },
1332 1332
1333 __proto__: HTMLLabelElement.prototype 1333 __proto__: HTMLLabelElement.prototype
1334 }); 1334 });
1335 1335
1336 registerCustomElement("label", "dt-icon-label", { 1336 registerCustomElement("label", "dt-icon-label", {
1337 /** 1337 /**
1338 * @this {Element} 1338 * @this {Element}
1339 */ 1339 */
1340 createdCallback: function() 1340 createdCallback: function()
1341 { 1341 {
1342 var root = this.createShadowRoot(); 1342 var root = this.createShadowRoot();
1343 root.appendChild(WebInspector.View.createStyleElement("ui/smallIcon. css")); 1343 root.appendChild(WebInspector.Widget.createStyleElement("ui/smallIco n.css"));
1344 this._iconElement = root.createChild("div"); 1344 this._iconElement = root.createChild("div");
1345 root.createChild("content"); 1345 root.createChild("content");
1346 }, 1346 },
1347 1347
1348 /** 1348 /**
1349 * @param {string} type 1349 * @param {string} type
1350 * @this {Element} 1350 * @this {Element}
1351 */ 1351 */
1352 set type(type) 1352 set type(type)
1353 { 1353 {
1354 this._iconElement.className = type; 1354 this._iconElement.className = type;
1355 }, 1355 },
1356 1356
1357 __proto__: HTMLLabelElement.prototype 1357 __proto__: HTMLLabelElement.prototype
1358 }); 1358 });
1359 1359
1360 registerCustomElement("div", "dt-close-button", { 1360 registerCustomElement("div", "dt-close-button", {
1361 /** 1361 /**
1362 * @this {Element} 1362 * @this {Element}
1363 */ 1363 */
1364 createdCallback: function() 1364 createdCallback: function()
1365 { 1365 {
1366 var root = this.createShadowRoot(); 1366 var root = this.createShadowRoot();
1367 root.appendChild(WebInspector.View.createStyleElement("ui/closeButto n.css")); 1367 root.appendChild(WebInspector.Widget.createStyleElement("ui/closeBut ton.css"));
1368 this._buttonElement = root.createChild("div", "close-button"); 1368 this._buttonElement = root.createChild("div", "close-button");
1369 }, 1369 },
1370 1370
1371 /** 1371 /**
1372 * @param {boolean} gray 1372 * @param {boolean} gray
1373 * @this {Element} 1373 * @this {Element}
1374 */ 1374 */
1375 set gray(gray) 1375 set gray(gray)
1376 { 1376 {
1377 this._buttonElement.className = gray ? "close-button-gray" : "close- button"; 1377 this._buttonElement.className = gray ? "close-button-gray" : "close- button";
(...skipping 49 matching lines...) Expand 10 before | Expand all | Expand 10 after
1427 // Due to the nature of regex, |items| array has matched elements on its even indexes. 1427 // Due to the nature of regex, |items| array has matched elements on its even indexes.
1428 var items = text.replace(regex, "\0$1\0").split("\0"); 1428 var items = text.replace(regex, "\0$1\0").split("\0");
1429 for (var i = 0; i < items.length; ++i) { 1429 for (var i = 0; i < items.length; ++i) {
1430 var processedNode = i % 2 ? processor(items[i]) : this._runProcessor (processorIndex + 1, items[i]); 1430 var processedNode = i % 2 ? processor(items[i]) : this._runProcessor (processorIndex + 1, items[i]);
1431 container.appendChild(processedNode); 1431 container.appendChild(processedNode);
1432 } 1432 }
1433 1433
1434 return container; 1434 return container;
1435 } 1435 }
1436 } 1436 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/ui/Toolbar.js ('k') | Source/devtools/front_end/ui/View.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698