1 files changed, 137 insertions, 0 deletions
diff --git a/comm/mail/components/unifiedtoolbar/content/unifiedToolbarTemplates.inc.xhtml b/comm/mail/components/unifiedtoolbar/content/unifiedToolbarTemplates.inc.xhtml
new file mode 100644
index 0000000000..3953ed8871
--- /dev/null
+++ b/comm/mail/components/unifiedtoolbar/content/unifiedToolbarTemplates.inc.xhtml
@@ -0,0 +1,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>