| OLD | NEW |
| (Empty) |
| 1 /* | |
| 2 * Copyright (C) 2007, 2008 Apple 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 | |
| 6 * are met: | |
| 7 * | |
| 8 * 1. Redistributions of source code must retain the above copyright | |
| 9 * notice, this list of conditions and the following disclaimer. | |
| 10 * 2. Redistributions in binary form must reproduce the above copyright | |
| 11 * notice, this list of conditions and the following disclaimer in the | |
| 12 * documentation and/or other materials provided with the distribution. | |
| 13 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of | |
| 14 * its contributors may be used to endorse or promote products derived | |
| 15 * from this software without specific prior written permission. | |
| 16 * | |
| 17 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY | |
| 18 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED | |
| 19 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE | |
| 20 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | |
| 21 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | |
| 22 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | |
| 23 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | |
| 24 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | |
| 25 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | |
| 26 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | |
| 27 */ | |
| 28 | |
| 29 WebInspector.FontView = function(resource) | |
| 30 { | |
| 31 WebInspector.ResourceView.call(this, resource); | |
| 32 | |
| 33 this.element.addStyleClass("font"); | |
| 34 | |
| 35 var uniqueFontName = "WebInspectorFontPreview" + this.resource.identifier; | |
| 36 | |
| 37 this.fontStyleElement = document.createElement("style"); | |
| 38 this.fontStyleElement.textContent = "@font-face { font-family: \"" + uniqueF
ontName + "\"; src: url(" + this.resource.url + "); }"; | |
| 39 document.getElementsByTagName("head").item(0).appendChild(this.fontStyleElem
ent); | |
| 40 | |
| 41 this.fontPreviewElement = document.createElement("div"); | |
| 42 this.fontPreviewElement.className = "preview"; | |
| 43 this.contentElement.appendChild(this.fontPreviewElement); | |
| 44 | |
| 45 this.fontPreviewElement.style.setProperty("font-family", uniqueFontName, nul
l); | |
| 46 this.fontPreviewElement.innerHTML = "ABCDEFGHIJKLM<br>NOPQRSTUVWXYZ<br>abcde
fghijklm<br>nopqrstuvwxyz<br>1234567890"; | |
| 47 | |
| 48 this.updateFontPreviewSize(); | |
| 49 } | |
| 50 | |
| 51 WebInspector.FontView.prototype = { | |
| 52 show: function(parentElement) | |
| 53 { | |
| 54 WebInspector.ResourceView.prototype.show.call(this, parentElement); | |
| 55 this.updateFontPreviewSize(); | |
| 56 }, | |
| 57 | |
| 58 resize: function() | |
| 59 { | |
| 60 this.updateFontPreviewSize(); | |
| 61 }, | |
| 62 | |
| 63 updateFontPreviewSize: function () | |
| 64 { | |
| 65 if (!this.fontPreviewElement || !this.visible) | |
| 66 return; | |
| 67 | |
| 68 this.fontPreviewElement.removeStyleClass("preview"); | |
| 69 | |
| 70 var measureFontSize = 50; | |
| 71 this.fontPreviewElement.style.setProperty("position", "absolute", null); | |
| 72 this.fontPreviewElement.style.setProperty("font-size", measureFontSize +
"px", null); | |
| 73 this.fontPreviewElement.style.removeProperty("height"); | |
| 74 | |
| 75 var height = this.fontPreviewElement.offsetHeight; | |
| 76 var width = this.fontPreviewElement.offsetWidth; | |
| 77 | |
| 78 var containerWidth = this.contentElement.offsetWidth; | |
| 79 | |
| 80 // Subtract some padding. This should match the padding in the CSS plus
room for the scrollbar. | |
| 81 containerWidth -= 40; | |
| 82 | |
| 83 if (!height || !width || !containerWidth) { | |
| 84 this.fontPreviewElement.style.removeProperty("font-size"); | |
| 85 this.fontPreviewElement.style.removeProperty("position"); | |
| 86 this.fontPreviewElement.addStyleClass("preview"); | |
| 87 return; | |
| 88 } | |
| 89 | |
| 90 var lineCount = this.fontPreviewElement.getElementsByTagName("br").lengt
h + 1; | |
| 91 var realLineHeight = Math.floor(height / lineCount); | |
| 92 var fontSizeLineRatio = measureFontSize / realLineHeight; | |
| 93 var widthRatio = containerWidth / width; | |
| 94 var finalFontSize = Math.floor(realLineHeight * widthRatio * fontSizeLin
eRatio) - 1; | |
| 95 | |
| 96 this.fontPreviewElement.style.setProperty("font-size", finalFontSize + "
px", null); | |
| 97 this.fontPreviewElement.style.setProperty("height", this.fontPreviewElem
ent.offsetHeight + "px", null); | |
| 98 this.fontPreviewElement.style.removeProperty("position"); | |
| 99 | |
| 100 this.fontPreviewElement.addStyleClass("preview"); | |
| 101 } | |
| 102 } | |
| 103 | |
| 104 WebInspector.FontView.prototype.__proto__ = WebInspector.ResourceView.prototype; | |
| OLD | NEW |