OLD | NEW |
(Empty) | |
| 1 /* |
| 2 * Copyright (C) 2013 Google Inc. All rights reserved. |
| 3 * |
| 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions are |
| 6 * met: |
| 7 * |
| 8 * * Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. |
| 10 * * Redistributions in binary form must reproduce the above |
| 11 * copyright notice, this list of conditions and the following disclaimer |
| 12 * in the documentation and/or other materials provided with the |
| 13 * distribution. |
| 14 * * Neither the name of Google Inc. nor the names of its |
| 15 * contributors may be used to endorse or promote products derived from |
| 16 * this software without specific prior written permission. |
| 17 * |
| 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS |
| 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |
| 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
| 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT |
| 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
| 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
| 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
| 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
| 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 29 */ |
| 30 |
| 31 /** |
| 32 * @constructor |
| 33 * @extends {WebInspector.SidebarPane} |
| 34 */ |
| 35 WebInspector.PlatformFontsSidebarPane = function() |
| 36 { |
| 37 WebInspector.SidebarPane.call(this, WebInspector.UIString("Fonts")); |
| 38 this.element.addStyleClass("platform-fonts"); |
| 39 WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.AttrModi
fied, this._onNodeChange.bind(this)); |
| 40 WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.AttrRemo
ved, this._onNodeChange.bind(this)); |
| 41 WebInspector.domAgent.addEventListener(WebInspector.DOMAgent.Events.Characte
rDataModified, this._onNodeChange.bind(this)); |
| 42 |
| 43 var cssFontSection = this.element.createChild("div", "stats-section monospac
e"); |
| 44 var cssFontPrefix = cssFontSection.createChild("span", "webkit-css-property"
); |
| 45 cssFontPrefix.textContent = "font-family"; |
| 46 cssFontSection.createTextChild(":"); |
| 47 this._cssFontValue = cssFontSection.createChild("span", "css-font-value"); |
| 48 |
| 49 this._fontStatsSection = this.element.createChild("div", "stats-section"); |
| 50 } |
| 51 |
| 52 WebInspector.PlatformFontsSidebarPane.prototype = { |
| 53 _onNodeChange: function() |
| 54 { |
| 55 if (this._innerUpdateTimeout) |
| 56 return; |
| 57 this._innerUpdateTimeout = setTimeout(this._innerUpdate.bind(this), 100)
; |
| 58 }, |
| 59 |
| 60 /** |
| 61 * @param {WebInspector.DOMNode=} node |
| 62 */ |
| 63 update: function(node) |
| 64 { |
| 65 if (!node) { |
| 66 delete this._node; |
| 67 return; |
| 68 } |
| 69 this._node = node; |
| 70 this._innerUpdate(); |
| 71 }, |
| 72 |
| 73 _innerUpdate: function() |
| 74 { |
| 75 if (this._innerUpdateTimeout) { |
| 76 clearTimeout(this._innerUpdateTimeout); |
| 77 delete this._innerUpdateTimeout; |
| 78 } |
| 79 if (!this._node) |
| 80 return; |
| 81 WebInspector.cssModel.getPlatformFontsForNode(this._node.id, this._refre
shUI.bind(this, this._node)); |
| 82 }, |
| 83 |
| 84 /** |
| 85 * @param {String} cssFamilyName |
| 86 * @param {WebInspector.DOMNode} node |
| 87 */ |
| 88 _refreshUI: function(node, cssFamilyName, platformFonts) |
| 89 { |
| 90 if (this._node !== node) |
| 91 return; |
| 92 this._cssFontValue.textContent = cssFamilyName + ";"; |
| 93 this._fontStatsSection.removeChildren(); |
| 94 |
| 95 if (!platformFonts || !platformFonts.length) |
| 96 return; |
| 97 platformFonts.sort(function (a, b) { |
| 98 return b.glyphCount - a.glyphCount; |
| 99 }); |
| 100 for (var i = 0; i < platformFonts.length; ++i) { |
| 101 var fontStatElement = this._fontStatsSection.createChild("div", "fon
t-stats-item"); |
| 102 |
| 103 var fontNameElement = fontStatElement.createChild("span", "font-name
"); |
| 104 fontNameElement.textContent = platformFonts[i].familyName; |
| 105 |
| 106 var fontDelimeterElement = fontStatElement.createChild("span", "deli
meter"); |
| 107 fontDelimeterElement.textContent = "\u2014"; |
| 108 |
| 109 var fontUsageElement = fontStatElement.createChild("span", "font-usa
ge"); |
| 110 var usage = platformFonts[i].glyphCount; |
| 111 fontUsageElement.textContent = usage === 1 ? WebInspector.UIString("
%d glyph", usage) : WebInspector.UIString("%d glyphs", usage); |
| 112 } |
| 113 }, |
| 114 |
| 115 __proto__: WebInspector.SidebarPane.prototype |
| 116 } |
OLD | NEW |