• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
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
29WebInspector.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: \"" + uniqueFontName + "\"; src: url(" + this.resource.url + "); }";
39    document.getElementsByTagName("head").item(0).appendChild(this.fontStyleElement);
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, null);
46    this.fontPreviewElement.innerHTML = "ABCDEFGHIJKLM<br>NOPQRSTUVWXYZ<br>abcdefghijklm<br>nopqrstuvwxyz<br>1234567890";
47
48    this.updateFontPreviewSize();
49}
50
51WebInspector.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").length + 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 * fontSizeLineRatio) - 1;
95
96        this.fontPreviewElement.style.setProperty("font-size", finalFontSize + "px", null);
97        this.fontPreviewElement.style.setProperty("height", this.fontPreviewElement.offsetHeight + "px", null);
98        this.fontPreviewElement.style.removeProperty("position");
99
100        this.fontPreviewElement.addStyleClass("preview");
101    }
102}
103
104WebInspector.FontView.prototype.__proto__ = WebInspector.ResourceView.prototype;
105