Home | History | Annotate | Download | only in audits 
      1 /*
      2  * Copyright (C) 2009 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.SidebarPaneStack}
     34  * @param {!Array.<!WebInspector.AuditCategoryResult>} categoryResults
     35  */
     36 WebInspector.AuditResultView = function(categoryResults)
     37 {
     38     WebInspector.SidebarPaneStack.call(this);
     39     this.setMinimumSize(100, 25);
     40     this.element.classList.add("audit-result-view", "fill");
     41 
     42     function categorySorter(a, b) {
     43         return (a.title || "").localeCompare(b.title || "");
     44     }
     45     categoryResults.sort(categorySorter);
     46     for (var i = 0; i < categoryResults.length; ++i)
     47         this.addPane(new WebInspector.AuditCategoryResultPane(categoryResults[i]));
     48 }
     49 
     50 WebInspector.AuditResultView.prototype = {
     51     __proto__: WebInspector.SidebarPaneStack.prototype
     52 }
     53 
     54 /**
     55  * @constructor
     56  * @extends {WebInspector.SidebarPane}
     57  * @param {!WebInspector.AuditCategoryResult} categoryResult
     58  */
     59 WebInspector.AuditCategoryResultPane = function(categoryResult)
     60 {
     61     WebInspector.SidebarPane.call(this, categoryResult.title);
     62     var treeOutlineElement = document.createElement("ol");
     63     this.bodyElement.classList.add("audit-result-tree");
     64     this.bodyElement.appendChild(treeOutlineElement);
     65 
     66     this._treeOutline = new TreeOutline(treeOutlineElement);
     67     this._treeOutline.expandTreeElementsWhenArrowing = true;
     68 
     69     function ruleSorter(a, b)
     70     {
     71         var result = WebInspector.AuditRule.SeverityOrder[a.severity || 0] - WebInspector.AuditRule.SeverityOrder[b.severity || 0];
     72         if (!result)
     73             result = (a.value || "").localeCompare(b.value || "");
     74         return result;
     75     }
     76 
     77     categoryResult.ruleResults.sort(ruleSorter);
     78 
     79     for (var i = 0; i < categoryResult.ruleResults.length; ++i) {
     80         var ruleResult = categoryResult.ruleResults[i];
     81         var treeElement = this._appendResult(this._treeOutline, ruleResult, ruleResult.severity);
     82         treeElement.listItemElement.classList.add("audit-result");
     83     }
     84     this.expand();
     85 }
     86 
     87 WebInspector.AuditCategoryResultPane.prototype = {
     88     /**
     89      * @param {(!TreeOutline|!TreeElement)} parentTreeElement
     90      * @param {!WebInspector.AuditRuleResult} result
     91      * @param {?WebInspector.AuditRule.Severity=} severity
     92      */
     93     _appendResult: function(parentTreeElement, result, severity)
     94     {
     95         var title = "";
     96 
     97         if (typeof result.value === "string") {
     98             title = result.value;
     99             if (result.violationCount)
    100                 title = String.sprintf("%s (%d)", title, result.violationCount);
    101         }
    102 
    103         var titleFragment = document.createDocumentFragment();
    104         if (severity) {
    105             var severityElement = document.createElement("div");
    106             severityElement.className = "severity-" + severity;
    107             titleFragment.appendChild(severityElement);
    108         }
    109         titleFragment.createTextChild(title);
    110 
    111         var treeElement = new TreeElement(titleFragment, null, !!result.children);
    112         parentTreeElement.appendChild(treeElement);
    113 
    114         if (result.className)
    115             treeElement.listItemElement.classList.add(result.className);
    116         if (typeof result.value !== "string")
    117             treeElement.listItemElement.appendChild(WebInspector.auditFormatters.apply(result.value));
    118 
    119         if (result.children) {
    120             for (var i = 0; i < result.children.length; ++i)
    121                 this._appendResult(treeElement, result.children[i]);
    122         }
    123         if (result.expanded) {
    124             treeElement.listItemElement.classList.remove("parent");
    125             treeElement.listItemElement.classList.add("parent-expanded");
    126             treeElement.expand();
    127         }
    128         return treeElement;
    129     },
    130 
    131     __proto__: WebInspector.SidebarPane.prototype
    132 }
    133