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 |