source: trunk/proto-13/chrome/content/view-category.xul @ 179

Revision 179, 5.5 KB checked in by nhoyt, 6 years ago (diff)

ai-sidebar.js

  • added comments for import of preferences.js
  • added test in selectPreviousView to ensure currentView is DETAILS

ff-overlay.js, evaluation.js, general.js

  • comments for import statements

view-category.js

  • added handleRCTreeEvent fn. for handling dblclick and keypress events in Rule Category tree of rule results

view-category.js

  • added ondblclick and onkeypress attributes to tree element
Line 
1<?xml version="1.0"?>
2<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>
3<!DOCTYPE overlay SYSTEM "chrome://ai-sidebar/locale/ai-sidebar.dtd">
4
5<overlay id="ainspector-category-view-overlay"
6  xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
7
8  <script src="view-category.js"/>
9
10  <vbox id="ainspector-category-view">
11
12    <vbox>
13      <hbox>
14        <spacer flex="4"/>
15        <grid>
16          <rows>
17            <row class="summary-header"/>
18            <row class="summary-data"
19              id="ainspector-rule-category-summary"/>
20          </rows>
21        </grid>
22        <spacer flex="4"/>
23      </hbox>
24    </vbox>
25
26    <spacer height="12"/>
27
28    <vbox id="ainspector-rc-tree-header">
29      <hbox>
30        <label class="header-label" value="&ai-label.ruleResults;"/>
31        <spacer flex="2"/>
32        <button id="ainspector-button-default-sort"
33          label="&ai-button.label.sort;"
34          tooltiptext="&ai-button.tooltip.sort;"
35          oncommand="ainspectorSidebar.defaultSort()"/>
36      </hbox>
37    </vbox>
38
39    <tree id="ainspector-rule-category-tree"
40      rows="12"
41      persist="sortDirection sortResource"
42      sortDirection="descending"
43      sortResource="ainspector-level-col"
44      onselect="ainspectorSidebar.updateSelectedRuleInfo(this)"
45      ondblclick="ainspectorSidebar.handleRCTreeEvent(event)"
46      onkeypress="ainspectorSidebar.handleRCTreeEvent(event)">
47      <treecols>
48        <treecol id="ainspector-rule-col"
49          flex="1" minwidth="70"
50          ignoreincolumnpicker="true"
51          label="&ai-treecol.rule;"
52          tooltiptext="&ai-treecol.ruleTooltip;"
53          persist="width"
54          onclick="ainspectorSidebar.sortRulesTable(this)"
55          class="sortDirectionIndicator"/>
56        <splitter class="tree-splitter"/>
57        <treecol id="ainspector-level-col"
58          width="44" minwidth="44" maxwidth="60"
59          label="&ai-treecol.level;"
60          style="text-align: left"
61          tooltiptext="&ai-treecol.levelTooltip;"
62          persist="hidden width"
63          onclick="ainspectorSidebar.sortRulesTable(this)"
64          sortDirection="descending"
65          class="sortDirectionIndicator"/>
66        <splitter class="tree-splitter"/>
67        <!-- "Req" column is hidden by default -->
68        <treecol id="ainspector-required-col" hidden="true"
69          width="44" minwidth="44" maxwidth="60"
70          label="&ai-treecol.required;"
71          style="text-align: left; padding-right: 16px"
72          tooltiptext="&ai-treecol.requiredTooltip;"
73          persist="hidden width"
74          onclick="ainspectorSidebar.sortRulesTable(this)"
75          class="sortDirectionIndicator"/>
76        <splitter class="tree-splitter"/>
77        <!-- "SC" column is hidden by default -->
78        <treecol id="ainspector-wcag-sc-col" hidden="true"
79          width="44" minwidth="44" maxwidth="60"
80          label="&ai-treecol.wcagSC;"
81          style="text-align: left; padding-right: 16px"
82          tooltiptext="&ai-treecol.wcagSCTooltip;"
83          persist="hidden width"
84          onclick="ainspectorSidebar.sortRulesTable(this)"
85          class="sortDirectionIndicator"/>
86        <splitter class="tree-splitter"/>
87        <treecol id="ainspector-viol-col"
88          width="44" minwidth="44" maxwidth="60"
89          ignoreincolumnpicker="true"
90          style="text-align: right; padding-right: 16px"
91          label="&ai-treecol.viol;"
92          tooltiptext="&ai-treecol.violTooltip;"
93          persist="hidden width"
94          onclick="ainspectorSidebar.sortRulesTable(this)"
95          class="sortDirectionIndicator"/>
96        <splitter class="tree-splitter"/>
97        <treecol id="ainspector-mc-col"
98          width="44" minwidth="44" maxwidth="60"
99          style="text-align: right; padding-right: 16px"
100          label="&ai-treecol.manualChecks;"
101          tooltiptext="&ai-treecol.manualChecksTooltip;"
102          persist="hidden width"
103          onclick="ainspectorSidebar.sortRulesTable(this)"
104          class="sortDirectionIndicator"/>
105        <splitter class="tree-splitter"/>
106        <!-- "Pass" column is hidden by default -->
107        <treecol id="ainspector-pass-col" hidden="true"
108          width="44" minwidth="44" maxwidth="60"
109          style="text-align: right; padding-right: 16px"
110          label="&ai-treecol.pass;"
111          tooltiptext="&ai-treecol.passTooltip;"
112          persist="hidden width"
113          onclick="ainspectorSidebar.sortRulesTable(this)"
114          class="sortDirectionIndicator"/>
115      </treecols>
116      <treechildren/>
117    </tree>
118
119    <spacer height="10"/>
120
121    <vbox>
122      <hbox>
123        <label class="header-label" value="&ai-label.selectedRule;"/>
124      </hbox>
125    </vbox>
126
127    <vbox id="ainspector-selected-rule"
128      width="360" height="108"
129      style="overflow-y: scroll; border: solid lightgray thin; background-color: white; margin: 0; margin-left: 4px; margin-right: 4px; padding: 4px;"/>
130    <spacer height="4"/>
131
132    <vbox>
133      <hbox>
134        <button
135          label="&ai-button.label.back;"
136          image="chrome://ai-sidebar/skin/back-button.png"
137          tooltiptext="&ai-button.tooltip.backToSummary;"
138          style="margin-left: 3px; min-width: 0"
139          oncommand="ainspectorSidebar.selectView(ainspector.viewEnum.SUMMARY)"/>
140        <spacer flex="4"/>
141        <button id="ainspector-rule-details-button"
142          label="&ai-button.label.ruleDetails;"
143          tooltiptext="&ai-button.tooltip.ruleDetails;"
144          oncommand="ainspectorSidebar.selectView(ainspector.viewConst.DETAILS)"/>
145      </hbox>
146    </vbox>
147
148  </vbox>
149
150</overlay>
Note: See TracBrowser for help on using the repository browser.