mail/base/content/glodaFacetView.xhtml
author Arshad Khan <arshdkhn1@gmail.com>
Wed, 16 Jan 2019 19:22:43 +0530
changeset 34229 f28d1534be7c75ac4d468cbf7662bae87f1ecd4c
parent 34160 0a09c6d031d8375f02964bfc217eaf1abeb8b75c
child 34262 a0a854d99ee07836775ef135aab693f53ce3ccc2
permissions -rw-r--r--
Bug 1520464 - Fix gloda facet custom element loading. r=mkmelin

<?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 % globalDTD SYSTEM "chrome://global/locale/global.dtd">
%globalDTD;
<!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"
      version="-//W3C//DTD XHTML 1.1//EN"
      dir="&locale.dir;">
<head>
  <!-- XBL bindings CSS -->
  <link rel="stylesheet"
        href="chrome://messenger/content/glodaFacetBindings.css"
        type="text/css"/>
  <link rel="stylesheet" media="screen" type="text/css"
        href="chrome://messenger/skin/tagColors.css"/>
  <!-- Themes -->
  <link rel="stylesheet"
        href="chrome://messenger/skin/glodaFacetView.css"
        type="text/css"/>
  <!-- Custom elements -->
  <script type="application/javascript"
          src="chrome://messenger/content/glodaFacet.js"></script>
  <!-- Global Context -->
  <script type="application/javascript"
          src="chrome://messenger/content/glodaFacetView.js"></script>
  <!-- Libs -->
  <script type="application/javascript"
          src="chrome://messenger/content/protovis-r2.6-modded.js"></script>
  <!-- Facet Binding Stuff that doesn't belong in XBL -->
  <script type="application/javascript"
          src="chrome://messenger/content/glodaFacetVis.js"></script>
</head>
<body id="body" onload="reachOutAndTouchFrame()"
      onkeypress="if (event.keyCode == event.DOM_VK_ESCAPE) document.getElementById('popup-menu').hide();"
      onmouseup="return clickOnBody(event)">
  <div id="popup-menu" class="popup-menu" variety="invisible"/>
  <div id="table">
    <div>
        <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="date-toggle" class="date-toggle" tabindex="0" role="button"
                 onclick="FacetContext.toggleTimeline()"
                 onkeypress="if (event.charCode == KeyEvent.DOM_VK_SPACE) { FacetContext.toggleTimeline(); event.preventDefault() }"/>
            <div id="search-value"/>
            <div id="query-explanation"/>
          </div>
          <div id="data-column">
            <facet-date id="facet-date" class="facetious" type="date"/>
            <div class="results" id="results" type="message" />
            <div class="loading" id="showLoading">
              <span class="loading">
                <img class="loading"
                     src="chrome://global/skin/icons/loading.png"/>
                &glodaFacetView.loading.label;
              </span>
             </div>
            <div class="empty"	id="showEmpty">
              <span class="empty">
                <img class="empty"
                     src="chrome://messenger/skin/icons/empty-search-results.png"/><br/>
                &glodaFacetView.empty.label;
              </span>
              </div>
            <div class="show-more" id="showMore" tabindex="0" role="button"
                 onclick="FacetContext.showMore()"
                 onkeypress="if (event.charCode == KeyEvent.DOM_VK_SPACE) { FacetContext.showMore(); event.preventDefault() }"
                 >&glodaFacetView.pageMore.label;</div>
          </div>
        </div>
      </div>
  </div>
</body>
</html>