summaryrefslogtreecommitdiffstats
path: root/comm/mail/components/unifiedtoolbar/content/unifiedToolbarTemplates.inc.xhtml
blob: 3953ed8871d90438d957ee715966939a6436a115 (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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
# 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/.

#include ./unifiedToolbarCustomizableItems.inc.xhtml

<html:template id="searchBarTemplate"
               xmlns="http://www.w3.org/1999/xhtml">
  <form>
    <input type="search" placeholder="" required="required" />
    <div aria-hidden="true"><slot name="placeholder"></slot></div>
    <button class="button button-flat icon-button"><slot name="button"></slot></button>
  </form>
</html:template>

<html:template id="unifiedToolbarTemplate">
# Required for placing the window controls in the proper place without having
# them inside the toolbar.
  <html:div id="unifiedToolbarContainer">
    <html:div id="unifiedToolbar" role="toolbar">
#include ../../../base/content/spacesToolbarPin.inc.xhtml
      <html:ul id="unifiedToolbarContent" class="unified-toolbar">
      </html:ul>
      <html:div id="notification-popup-box" hidden="true">
        <html:img id="addons-notification-icon"
                  src="chrome://messenger/skin/icons/new/compact/extension.svg"
                  alt=""
                  class="notification-anchor-icon"
                  role="button" />
      </html:div>
      <toolbarbutton id="button-appmenu"
                     type="menu"
                     badged="true"
                     class="button toolbar-button button-appmenu"
                     label="&appmenuButton.label;"
                     tooltiptext="&appmenuButton1.tooltip;"
                     tabindex="0" />
    </html:div>
#include ../../../base/content/messenger-titlebar-items.inc.xhtml
  </html:div>
</html:template>

<html:template id="unifiedToolbarCustomizationTemplate"
               xmlns="http://www.w3.org/1999/xhtml">
  <form id="unifiedToolbarCustomizationContainer"
        aria-labelledby="customizationHeading">
    <h1 id="customizationHeading" data-l10n-id="customize-title"></h1>
    <div role="tablist" id="customizationTabs" data-l10n-id="customize-spaces-tabs"></div>
    <div id="customizationFooter">
      <div>
        <button type="reset"
                class="button"
                data-l10n-id="customize-restore-default"></button>
        <button id="customizationToSettingsButton"
                type="button"
                class="button link-button"
                data-l10n-id="customize-change-appearance"></button>
      </div>
      <div>
        <label id="buttonStyleLabel"
               for="buttonStyle"
               data-l10n-id="customize-button-style-label"></label>
        <select id="buttonStyle" class="select">
          <option value="icons-beside-text"
                  data-l10n-id="customize-button-style-icons-beside-text-option"
                  selected="selected"></option>
          <option value="icons-above-text"
                  data-l10n-id="customize-button-style-icons-above-text-option"></option>
          <option value="icons-only"
                  data-l10n-id="customize-button-style-icons-only-option"></option>
          <option value="text-only"
                  data-l10n-id="customize-button-style-text-only-option"></option>
        </select>
      </div>
      <div>
        <button id="unifiedToolbarCustomizationCancel"
                type="button"
                class="button"
                data-l10n-id="customize-cancel"></button>
        <button type="submit"
                class="button button-primary"
                data-l10n-id="customize-save"
                disabled="disabled"></button>
      </div>
    </div>
    <small id="unifiedToolbarCustomizationUnsavedChanges"
           data-l10n-id="customize-unsaved-changes"
           hidden="hidden"></small>
  </form>
</html:template>

<html:template id="unifiedToolbarTabTemplate"
               xmlns="http://www.w3.org/1999/xhtml">
  <button role="tab">
    <img alt="" src="" part="icon" />
    <span><slot></slot></span>
  </button>
</html:template>

<html:template id="unifiedToolbarCustomizationPaneTemplate"
               xmlns="http://www.w3.org/1999/xhtml">
  <ul is="customization-target"
      data-l10n-id="customize-main-toolbar-target"
      class="toolbar-target unified-toolbar"></ul>
  <search-bar data-l10n-id="customize-search-bar"
              data-l10n-attrs="label"
              class="palette-search">
    <img data-l10n-id="search-bar-button"
         slot="button"
         src=""
         class="search-button-icon" />
  </search-bar>
  <div class="customization-palettes">
    <h2 class="space-specific-title"></h2>
    <ul is="customization-palette" class="space-specific-palette">
    </ul>
    <h2 data-l10n-id="customize-palette-generic-title"
        class="generic-palette-title"></h2>
    <ul is="customization-palette" space="all" class="generic-palette">
    </ul>
  </div>
</html:template>

<html:template id="unifiedToolbarCustomizableElementTemplate"
               xmlns="http://www.w3.org/1999/xhtml">
  <div class="live-content"></div>
  <div class="preview">
    <img src="" alt="" class="preview-icon" />
    <span class="preview-label"></span>
  </div>
</html:template>

<html:template id="unifiedToolbarButtonTemplate"
               xmlns="http://www.w3.org/1999/xhtml">
  <img class="button-icon" alt="" src="" />
  <span class="button-label"></span>
</html:template>