summaryrefslogtreecommitdiffstats
path: root/comm/mail/base/content/glodaFacetView.xhtml
blob: 2b53355e0e09b15232756d95c1ea5fa320a4e5c3 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<?xml version="1.0" encoding="UTF-8"?>
<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this
   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" [ <!ENTITY % brandDTD SYSTEM "chrome://branding/locale/brand.dtd">
%brandDTD;
<!ENTITY % facetViewDTD SYSTEM "chrome://messenger/locale/glodaFacetView.dtd">
%facetViewDTD; ]>
<html
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:html="http://www.w3.org/1999/xhtml"
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
>
  <head>
    <!-- Themes -->
    <link
      rel="stylesheet"
      href="chrome://messenger/skin/glodaFacetView.css"
      type="text/css"
    />
    <!-- Custom elements -->
    <script src="chrome://messenger/content/glodaFacet.js"></script>
    <!-- Global Context -->
    <script src="chrome://messenger/content/glodaFacetView.js"></script>
    <!-- Libs -->
    <script src="chrome://messenger/content/protovis-r2.6-modded.js"></script>
    <!-- Facet Binding Stuff that doesn't belong in XBL -->
    <script src="chrome://messenger/content/glodaFacetVis.js"></script>
  </head>
  <body
    id="body"
    onload="reachOutAndTouchFrame()"
    onmouseup="return clickOnBody(event)"
  >
    <facet-popup-menu class="popup-menu" variety="invisible" />
    <div id="gloda-facet-view">
      <div class="facets facets-sidebar" id="facets">
        <h1 id="filter-header-label">&glodaFacetView.filters.label;</h1>
        <div>
          <facet-boolean
            id="facet-fromMe"
            type="boolean"
            attr="fromMe"
            uninitialized="true"
          />
          <facet-boolean
            id="facet-toMe"
            type="boolean"
            attr="toMe"
            uninitialized="true"
          />
          <facet-boolean
            id="facet-star"
            type="boolean"
            attr="star"
            uninitialized="true"
          /><br />
          <facet-boolean-filtered
            id="facet-attachmentTypes"
            type="boolean-filtered"
            attr="attachmentTypes"
            groupDisplayProperty="categoryLabel"
            uninitialized="true"
          />
        </div>
      </div>

      <div id="main-column">
        <div id="header">
          <div id="query-explanation" />
          <a
            id="gloda-showall"
            class="results-message-showall-button"
            title="&glodaFacetView.openEmailAsList.tooltip;"
            onclick="FacetContext.showActiveSetInTab();"
            onkeypress="if (event.charCode == KeyEvent.DOM_VK_SPACE) { FacetContext.showActiveSetInTab(); event.preventDefault(); }"
            tabindex="0"
          >
            &glodaFacetView.openEmailAsList.label;
          </a>
        </div>
        <div id="data-column">
          <!-- facet-results-message is put before facet-date here so that it gets upgraded first.
        facet-date uses width of facet-results-message for the visualization. Using order property
        we can show facet-date before facet-results-message -->
          <facet-results-message id="results" class="results" />
          <facet-date id="facet-date" class="facetious" type="date" />
          <div class="loading" id="showLoading">
            <span class="loading">
              <img
                class="loading"
                src="chrome://global/skin/icons/loading.png"
                alt=""
              />
              &glodaFacetView.loading.label;
            </span>
          </div>
          <div id="showEmpty" class="empty">
            <span class="empty">
              <img
                class="empty"
                src="chrome://messenger/skin/icons/empty-search-results.svg"
                alt=""
              />
              <br />
              &glodaFacetView.empty.label;
            </span>
          </div>
          <button
            id="showMore"
            class="show-more"
            tabindex="0"
            onclick="FacetContext.showMore()"
            onkeypress="if (event.charCode == KeyEvent.DOM_VK_SPACE) { FacetContext.showMore(); event.preventDefault() }"
          >
            &glodaFacetView.pageMore.label;
          </button>
        </div>
      </div>
    </div>
  </body>
</html>