| /* |
| * 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.FontPanel = function(resource) |
| { |
| WebInspector.ResourcePanel.call(this, resource); |
| |
| this.element.addStyleClass("font"); |
| |
| var uniqueFontName = "WebInspectorFontPreview" + this.resource.identifier; |
| |
| this.fontPreviewElement = document.createElement("div"); |
| this.fontPreviewElement.className = "preview"; |
| this.element.appendChild(this.fontPreviewElement); |
| |
| this.fontPreviewElement.style.setProperty("font-family", uniqueFontName, null); |
| this.fontPreviewElement.innerHTML = "ABCDEFGHIJKLM<br>NOPQRSTUVWXYZ<br>abcdefghijklm<br>nopqrstuvwxyz<br>1234567890"; |
| |
| this.updateFontPreviewSize(); |
| } |
| |
| WebInspector.FontPanel.prototype = { |
| show: function() |
| { |
| WebInspector.ResourcePanel.prototype.show.call(this); |
| this.updateFontPreviewSize(); |
| }, |
| |
| resize: function() |
| { |
| this.updateFontPreviewSize(); |
| }, |
| |
| updateFontPreviewSize: function () |
| { |
| if (!this.fontPreviewElement || !this.visible) |
| return; |
| |
| this.fontPreviewElement.removeStyleClass("preview"); |
| |
| var measureFontSize = 50; |
| this.fontPreviewElement.style.setProperty("position", "absolute", null); |
| this.fontPreviewElement.style.setProperty("font-size", measureFontSize + "px", null); |
| this.fontPreviewElement.style.removeProperty("height"); |
| |
| var height = this.fontPreviewElement.offsetHeight; |
| var width = this.fontPreviewElement.offsetWidth; |
| |
| var containerHeight = this.element.offsetHeight; |
| var containerWidth = this.element.offsetWidth; |
| |
| if (!height || !width || !containerHeight || !containerWidth) { |
| this.fontPreviewElement.style.removeProperty("font-size"); |
| this.fontPreviewElement.style.removeProperty("position"); |
| this.fontPreviewElement.addStyleClass("preview"); |
| return; |
| } |
| |
| var lineCount = this.fontPreviewElement.getElementsByTagName("br").length + 1; |
| var realLineHeight = Math.floor(height / lineCount); |
| var fontSizeLineRatio = measureFontSize / realLineHeight; |
| var widthRatio = containerWidth / width; |
| var heightRatio = containerHeight / height; |
| |
| if (heightRatio < widthRatio) |
| var finalFontSize = Math.floor(realLineHeight * heightRatio * fontSizeLineRatio) - 1; |
| else |
| var finalFontSize = Math.floor(realLineHeight * widthRatio * fontSizeLineRatio) - 1; |
| |
| this.fontPreviewElement.style.setProperty("font-size", finalFontSize + "px", null); |
| this.fontPreviewElement.style.setProperty("height", this.fontPreviewElement.offsetHeight + "px", null); |
| this.fontPreviewElement.style.removeProperty("position"); |
| |
| this.fontPreviewElement.addStyleClass("preview"); |
| } |
| } |
| |
| WebInspector.FontPanel.prototype.__proto__ = WebInspector.ResourcePanel.prototype; |