Index: chrome/resources/Inspector/MetricsSidebarPane.js |
=================================================================== |
--- chrome/resources/Inspector/MetricsSidebarPane.js (revision 29943) |
+++ chrome/resources/Inspector/MetricsSidebarPane.js (working copy) |
@@ -1,195 +0,0 @@ |
-/* |
- * Copyright (C) 2007 Apple Inc. All rights reserved. |
- * |
- * Redistribution and use in source and binary forms, with or without |
- * modification, are permitted provided that the following conditions |
- * are met: |
- * |
- * 1. Redistributions of source code must retain the above copyright |
- * notice, this list of conditions and the following disclaimer. |
- * 2. Redistributions in binary form must reproduce the above copyright |
- * notice, this list of conditions and the following disclaimer in the |
- * documentation and/or other materials provided with the distribution. |
- * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of |
- * its contributors may be used to endorse or promote products derived |
- * from this software without specific prior written permission. |
- * |
- * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY |
- * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED |
- * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE |
- * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY |
- * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES |
- * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; |
- * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
- * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
- * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF |
- * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
- */ |
- |
-WebInspector.MetricsSidebarPane = function() |
-{ |
- WebInspector.SidebarPane.call(this, WebInspector.UIString("Metrics")); |
-} |
- |
-WebInspector.MetricsSidebarPane.prototype = { |
- update: function(node) |
- { |
- var body = this.bodyElement; |
- |
- body.removeChildren(); |
- |
- if (node) |
- this.node = node; |
- else |
- node = this.node; |
- |
- if (!node || !node.ownerDocument.defaultView) |
- return; |
- |
- var style; |
- if (node.nodeType === Node.ELEMENT_NODE) |
- style = node.ownerDocument.defaultView.getComputedStyle(node); |
- if (!style) |
- return; |
- |
- var metricsElement = document.createElement("div"); |
- metricsElement.className = "metrics"; |
- |
- function createBoxPartElement(style, name, side, suffix) |
- { |
- var propertyName = (name !== "position" ? name + "-" : "") + side + suffix; |
- var value = style.getPropertyValue(propertyName); |
- if (value === "" || (name !== "position" && value === "0px")) |
- value = "\u2012"; |
- else if (name === "position" && value === "auto") |
- value = "\u2012"; |
- value = value.replace(/px$/, ""); |
- |
- var element = document.createElement("div"); |
- element.className = side; |
- element.textContent = value; |
- element.addEventListener("dblclick", this.startEditing.bind(this, element, name, propertyName), false); |
- return element; |
- } |
- |
- // Display types for which margin is ignored. |
- var noMarginDisplayType = { |
- "table-cell": true, |
- "table-column": true, |
- "table-column-group": true, |
- "table-footer-group": true, |
- "table-header-group": true, |
- "table-row": true, |
- "table-row-group": true |
- }; |
- |
- // Display types for which padding is ignored. |
- var noPaddingDisplayType = { |
- "table-column": true, |
- "table-column-group": true, |
- "table-footer-group": true, |
- "table-header-group": true, |
- "table-row": true, |
- "table-row-group": true |
- }; |
- |
- // Position types for which top, left, bottom and right are ignored. |
- var noPositionType = { |
- "static": true |
- }; |
- |
- var boxes = ["content", "padding", "border", "margin", "position"]; |
- var boxLabels = [WebInspector.UIString("content"), WebInspector.UIString("padding"), WebInspector.UIString("border"), WebInspector.UIString("margin"), WebInspector.UIString("position")]; |
- var previousBox; |
- for (var i = 0; i < boxes.length; ++i) { |
- var name = boxes[i]; |
- |
- if (name === "margin" && noMarginDisplayType[style.display]) |
- continue; |
- if (name === "padding" && noPaddingDisplayType[style.display]) |
- continue; |
- if (name === "position" && noPositionType[style.position]) |
- continue; |
- |
- var boxElement = document.createElement("div"); |
- boxElement.className = name; |
- |
- if (name === "content") { |
- var width = style.width.replace(/px$/, ""); |
- var widthElement = document.createElement("span"); |
- widthElement.textContent = width; |
- widthElement.addEventListener("dblclick", this.startEditing.bind(this, widthElement, "width", "width"), false); |
- |
- var height = style.height.replace(/px$/, ""); |
- var heightElement = document.createElement("span"); |
- heightElement.textContent = height; |
- heightElement.addEventListener("dblclick", this.startEditing.bind(this, heightElement, "height", "height"), false); |
- |
- boxElement.appendChild(widthElement); |
- boxElement.appendChild(document.createTextNode(" \u00D7 ")); |
- boxElement.appendChild(heightElement); |
- } else { |
- var suffix = (name === "border" ? "-width" : ""); |
- |
- var labelElement = document.createElement("div"); |
- labelElement.className = "label"; |
- labelElement.textContent = boxLabels[i]; |
- boxElement.appendChild(labelElement); |
- |
- boxElement.appendChild(createBoxPartElement.call(this, style, name, "top", suffix)); |
- boxElement.appendChild(document.createElement("br")); |
- boxElement.appendChild(createBoxPartElement.call(this, style, name, "left", suffix)); |
- |
- if (previousBox) |
- boxElement.appendChild(previousBox); |
- |
- boxElement.appendChild(createBoxPartElement.call(this, style, name, "right", suffix)); |
- boxElement.appendChild(document.createElement("br")); |
- boxElement.appendChild(createBoxPartElement.call(this, style, name, "bottom", suffix)); |
- } |
- |
- previousBox = boxElement; |
- } |
- |
- metricsElement.appendChild(previousBox); |
- body.appendChild(metricsElement); |
- }, |
- |
- startEditing: function(targetElement, box, styleProperty) |
- { |
- if (WebInspector.isBeingEdited(targetElement)) |
- return; |
- |
- var context = { box: box, styleProperty: styleProperty }; |
- |
- WebInspector.startEditing(targetElement, this.editingCommitted.bind(this), this.editingCancelled.bind(this), context); |
- }, |
- |
- editingCancelled: function(element, context) |
- { |
- this.update(); |
- }, |
- |
- editingCommitted: function(element, userInput, previousContent, context) |
- { |
- if (userInput === previousContent) |
- return this.editingCancelled(element, context); // nothing changed, so cancel |
- |
- if (context.box !== "position" && (!userInput || userInput === "\u2012")) |
- userInput = "0px"; |
- else if (context.box === "position" && (!userInput || userInput === "\u2012")) |
- userInput = "auto"; |
- |
- // Append a "px" unit if the user input was just a number. |
- if (/^\d+$/.test(userInput)) |
- userInput += "px"; |
- |
- this.node.style.setProperty(context.styleProperty, userInput, ""); |
- |
- this.dispatchEventToListeners("metrics edited"); |
- |
- this.update(); |
- } |
-} |
- |
-WebInspector.MetricsSidebarPane.prototype.__proto__ = WebInspector.SidebarPane.prototype; |