unifiedToolbarTemplates.inc.xhtml

# 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

#include ../../../base/content/widgets/search-bar.inc.xhtml

<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-bar2"

              data-l10n-attrs="label, placeholder"

              class="palette-search">

    <img slot="clear-button"

         src=""

         class="clear-button-icon" />

    <img data-l10n-id="search-bar-button"

         slot="search-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>