spacesToolbar.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/.

<popupset id="spacesToolbarPopupSet">

  <menupopup id="spacesContextMenu"

             class="no-icon-menupopup no-accel-menupopup">

    <menuitem id="spacesContextNewTabItem"

              class="menuitem-iconic"

              data-l10n-id="spaces-context-new-tab-item"/>

    <menuitem id="spacesContextNewWindowItem"

              class="menuitem-iconic"

              data-l10n-id="spaces-context-new-window-item"/>

    <menuseparator id="spacesContextMenuSeparator" hidden="true"/>

  </menupopup>

  <menupopup id="settingsContextMenu"

             class="no-icon-menupopup no-accel-menupopup">

    <menuitem id="settingsContextOpenSettingsItem"

              class="menuitem-iconic"

              data-l10n-id="settings-context-open-settings-item2"/>

    <menuitem id="settingsContextOpenAccountSettingsItem"

              class="menuitem-iconic"

              data-l10n-id="settings-context-open-account-settings-item2"/>

    <menuitem id="settingsContextOpenAddonsItem"

              class="menuitem-iconic"

              data-l10n-id="settings-context-open-addons-item2"/>

    <menuseparator/>

    <menuitem id="settingsContextOpenCustomizeItem"

              class="menuitem-iconic"

              data-l10n-id="menuitem-customize-label"/>

  </menupopup>

  <menupopup id="spacesToolbarContextMenu"

             class="no-icon-menupopup no-accel-menupopup">

    <menuitem id="spacesToolbarContextCustomize"

              class="menuitem-iconic"

              data-l10n-id="menuitem-customize-label"

              oncommand="gSpacesToolbar.showCustomize();"/>

  </menupopup>

  <menupopup id="spacesToolbarAddonsPopup" type="arrow"

             class="no-accel-menupopup"

             onpopuphidden="gSpacesToolbar.spacesToolbarAddonsPopupClosed();">

  </menupopup>

</popupset>

<html:div role="toolbar" id="spacesToolbar" xmlns="http://www.w3.org/1999/xhtml"

          class="spaces-toolbar"

          data-l10n-id="spaces-toolbar-element"

          data-l10n-attrs="toolbarname"

          aria-orientation="vertical"

          hidden="hidden">

  <!-- Hidden element used to fetch the style of an "active" button. -->

  <span id="spacesAccentPlaceholder" hidden="hidden"></span>

  <!-- Primary tabs. -->

  <div class="spaces-toolbar-container spaces-toolbar-top-container">

    <button id="mailButton"

            data-l10n-id="spaces-toolbar-button-mail2"

            class="spaces-toolbar-button"

            tabindex="0">

      <img src="" alt="" />

    </button>

    <button id="addressBookButton"

            data-l10n-id="spaces-toolbar-button-address-book2"

            class="spaces-toolbar-button"

            tabindex="-1">

      <img src="" alt="" />

    </button>

    <button id="calendarButton"

            data-l10n-id="spaces-toolbar-button-calendar2"

            class="spaces-toolbar-button"

            tabindex="-1">

      <img src="" alt="" />

    </button>

    <button id="tasksButton"

            data-l10n-id="spaces-toolbar-button-tasks2"

            class="spaces-toolbar-button"

            tabindex="-1">

      <img src="" alt="" />

    </button>

    <button id="chatButton"

            data-l10n-id="spaces-toolbar-button-chat2"

            class="spaces-toolbar-button"

            tabindex="-1">

      <span class="spaces-badge-container"></span>

      <img src="" alt="" />

    </button>

  </div>

  <div id="spacesToolbarAddonsContainer" class="spaces-toolbar-container">

    <!-- Special container to allow add-ons to add buttons. -->

  </div>

  <button id="spacesToolbarAddonsOverflowButton"

          data-l10n-id="spaces-toolbar-button-overflow"

          class="spaces-toolbar-button"

          aria-expanded="false"

          aria-haspopup="menu"

          aria-controls="spacesToolbarAddonsPopup"

          hidden="hidden"

          tabindex="-1">

    <img src="" alt="" />

  </button>

  <div class="spaces-toolbar-container spaces-toolbar-bottom-container">

    <!-- Settings button. -->

    <button id="settingsButton"

            data-l10n-id="spaces-toolbar-button-settings2"

            class="spaces-toolbar-button"

            tabindex="-1">

      <img src="" alt="" />

    </button>

    <!-- Collapse button. -->

    <button id="collapseButton"

            data-l10n-id="spaces-toolbar-button-hide"

            class="spaces-toolbar-button"

            tabindex="-1">

      <img src="" alt="" />

    </button>

  </div>

</html:div>

<panel id="spacesToolbarCustomizationPanel"

       type="arrow"

       orient="vertical"

       class="cui-widget-panel popup-panel panel-no-padding"

       noautohide="true"

       onpopuphidden="gSpacesToolbar.onCustomizePopupHidden();">

  <!-- Keep the noautohide attribute to true to prevent the panel from closing

    when the color picker appears. -->

  <html:div class="popup-panel-body" xmlns="http://www.w3.org/1999/xhtml">

    <h3 data-l10n-id="spaces-customize-panel-title"></h3>

    <div class="popup-panel-options-grid">

      <label for="spacesBackgroundColor"

             data-l10n-id="spaces-customize-background-color"></label>

      <input type="color" id="spacesBackgroundColor" />

      <label for="spacesIconsColor"

             data-l10n-id="spaces-customize-icon-color"></label>

      <input type="color" id="spacesIconsColor" />

      <label for="spacesAccentBgColor"

             data-l10n-id="spaces-customize-accent-background-color"></label>

      <input type="color" id="spacesAccentBgColor" />

      <label for="spacesAccentTextColor"

             data-l10n-id="spaces-customize-accent-text-color"></label>

      <input type="color" id="spacesAccentTextColor" />

    </div>

    <div class="popup-panel-buttons-container">

      <button type="button"

              data-l10n-id="spaces-customize-button-restore"

              onclick="gSpacesToolbar.resetColorCustomization();">

      </button>

      <button type="button"

              data-l10n-id="customize-panel-button-save"

              onclick="gSpacesToolbar.closeCustomize();"

              class="primary">

      </button>

    </div>

  </html:div>

</panel>