browser/base/content/navigator-toolbox.inc.xhtml

   1 # This Source Code Form is subject to the terms of the Mozilla Public
   2 # License, v. 2.0. If a copy of the MPL was not distributed with this
   3 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
   4
   5 <toolbox id="navigator-toolbox">
   6
   7   <vbox id="titlebar">
   8     <!-- Menu -->
   9     <toolbar type="menubar" id="toolbar-menubar"
  10              class="browser-toolbar chromeclass-menubar titlebar-color"
  11              customizable="true"
  12              mode="icons"
  13              context="toolbar-context-menu">
  14       <toolbaritem id="menubar-items" align="center">
  15 # The entire main menubar is placed into browser-menubar.inc, so that it can be
  16 # shared with other top level windows in macWindow.inc.xhtml.
  17 #include browser-menubar.inc
  18       </toolbaritem>
  19       <spacer flex="1" skipintoolbarset="true" style="order: 1000;"/>
  20 #include titlebar-items.inc.xhtml
  21     </toolbar>
  22
  23     <toolbar id="TabsToolbar"
  24              class="browser-toolbar titlebar-color"
  25              fullscreentoolbar="true"
  26              customizable="true"
  27              customizationtarget="TabsToolbar-customization-target"
  28              mode="icons"
  29              data-l10n-id="tabs-toolbar"
  30              context="toolbar-context-menu"
  31              flex="1">
  32
  33       <hbox class="titlebar-spacer" type="pre-tabs"/>
  34
  35       <hbox flex="1" align="end" class="toolbar-items">
  36         <toolbartabstop/>
  37         <hbox id="TabsToolbar-customization-target" flex="1">
  38           <toolbarbutton id="firefox-view-button"
  39                          class="toolbarbutton-1 chromeclass-toolbar-additional"
  40                          data-l10n-id="toolbar-button-firefox-view-2"
  41                          role="button"
  42                          aria-pressed="false"
  43                          oncommand="FirefoxViewHandler.openTab();"
  44                          onmousedown="FirefoxViewHandler.openToolbarMouseEvent(event);"
  45                          cui-areatype="toolbar"
  46                          removable="true"/>
  47
  48           <tabs id="tabbrowser-tabs"
  49                 is="tabbrowser-tabs"
  50                 aria-multiselectable="true"
  51                 setfocus="false"
  52                 tooltip="tabbrowser-tab-tooltip"
  53                 stopwatchid="FX_TAB_CLICK_MS">
  54             <hbox class="tab-drop-indicator" hidden="true"/>
  55 # If the name (tabbrowser-arrowscrollbox) or structure of this changes
  56 # significantly, there is an optimization in
  57 # DisplayPortUtils::MaybeCreateDisplayPortInFirstScrollFrameEncountered based
  58 # the current structure that we may want to revisit.
  59             <arrowscrollbox id="tabbrowser-arrowscrollbox" orient="horizontal" flex="1" style="min-width: 1px;" clicktoscroll="true" scrolledtostart="true" scrolledtoend="true">
  60               <tab is="tabbrowser-tab" class="tabbrowser-tab" selected="true" visuallyselected="" fadein=""/>
  61               <hbox id="tabbrowser-arrowscrollbox-periphery">
  62                 <toolbartabstop/>
  63                 <toolbarbutton id="tabs-newtab-button"
  64                                class="toolbarbutton-1"
  65                                command="cmd_newNavigatorTab"
  66                                onclick="gBrowser.handleNewTabMiddleClick(this, event);"
  67                                tooltip="dynamic-shortcut-tooltip"/>
  68                 <spacer class="closing-tabs-spacer" style="width: 0;"/>
  69               </hbox>
  70             </arrowscrollbox>
  71             <html:span id="tabbrowser-tab-a11y-desc" hidden="true"/>
  72           </tabs>
  73
  74           <toolbarbutton id="new-tab-button"
  75                          class="toolbarbutton-1 chromeclass-toolbar-additional"
  76                          data-l10n-id="tabs-toolbar-new-tab"
  77                          command="cmd_newNavigatorTab"
  78                          onclick="gBrowser.handleNewTabMiddleClick(this, event);"
  79                          tooltip="dynamic-shortcut-tooltip"
  80                          ondrop="newTabButtonObserver.onDrop(event)"
  81                          ondragover="newTabButtonObserver.onDragOver(event)"
  82                          ondragenter="newTabButtonObserver.onDragOver(event)"
  83                          cui-areatype="toolbar"
  84                          removable="true"/>
  85
  86           <toolbarbutton id="alltabs-button"
  87                          class="toolbarbutton-1 chromeclass-toolbar-additional tabs-alltabs-button"
  88                          delegatesanchor="true"
  89                          badged="true"
  90                          onkeypress="gTabsPanel.showAllTabsPanel(event, 'alltabs-button');"
  91                          onmousedown="gTabsPanel.showAllTabsPanel(event, 'alltabs-button');"
  92                          data-l10n-id="tabs-toolbar-list-all-tabs"
  93                          removable="false"/>
  94         </hbox>
  95       </hbox>
  96
  97       <hbox class="titlebar-spacer" type="post-tabs"/>
  98
  99       <hbox id="private-browsing-indicator-with-label">
 100         <image class="private-browsing-indicator-icon"/>
 101         <label data-l10n-id="private-browsing-indicator-label"></label>
 102       </hbox>
 103
 104 #include titlebar-items.inc.xhtml
 105
 106     </toolbar>
 107
 108   </vbox>
 109
 110   <toolbar id="nav-bar"
 111            class="browser-toolbar"
 112            data-l10n-id="navbar-accessible"
 113            fullscreentoolbar="true" mode="icons" customizable="true"
 114            customizationtarget="nav-bar-customization-target"
 115            overflowable="true"
 116            default-overflowbutton="nav-bar-overflow-button"
 117            default-overflowtarget="widget-overflow-list"
 118            default-overflowpanel="widget-overflow"
 119            addon-webext-overflowbutton="unified-extensions-button"
 120            addon-webext-overflowtarget="overflowed-extensions-list"
 121            context="toolbar-context-menu">
 122
 123     <toolbartabstop/>
 124
 125     <hbox id="nav-bar-customization-target" flex="1">
 126       <toolbarbutton id="back-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
 127                      data-l10n-id="toolbar-button-back-2"
 128                      removable="false" overflows="false"
 129                      keepbroadcastattributeswhencustomizing="true"
 130                      command="Browser:BackOrBackDuplicate"
 131                      onclick="checkForMiddleClick(this, event);"
 132                      tooltip="back-button-tooltip"
 133                      context="backForwardMenu"/>
 134       <toolbarbutton id="forward-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
 135                      data-l10n-id="toolbar-button-forward-2"
 136                      removable="false" overflows="false"
 137                      keepbroadcastattributeswhencustomizing="true"
 138                      command="Browser:ForwardOrForwardDuplicate"
 139                      onclick="checkForMiddleClick(this, event);"
 140                      tooltip="forward-button-tooltip"
 141                      context="backForwardMenu"/>
 142       <toolbaritem id="stop-reload-button" class="chromeclass-toolbar-additional"
 143                    data-l10n-id="toolbar-button-stop-reload"
 144                    removable="true" overflows="false">
 145         <toolbarbutton id="reload-button" class="toolbarbutton-1"
 146                        data-l10n-id="toolbar-button-reload"
 147                        command="Browser:ReloadOrDuplicate"
 148                        onclick="checkForMiddleClick(this, event);"
 149                        tooltip="dynamic-shortcut-tooltip">
 150           <box class="toolbarbutton-animatable-box">
 151             <image class="toolbarbutton-animatable-image"/>
 152           </box>
 153         </toolbarbutton>
 154         <toolbarbutton id="stop-button" class="toolbarbutton-1"
 155                        data-l10n-id="toolbar-button-stop"
 156                        command="Browser:Stop"
 157                        tooltip="dynamic-shortcut-tooltip">
 158           <box class="toolbarbutton-animatable-box">
 159             <image class="toolbarbutton-animatable-image"/>
 160           </box>
 161         </toolbarbutton>
 162       </toolbaritem>
 163       <toolbarspring cui-areatype="toolbar" class="chromeclass-toolbar-additional"/>
 164       <toolbaritem id="urlbar-container"
 165                    removable="false"
 166                    class="chromeclass-location" overflows="false">
 167         <toolbartabstop/>
 168         <hbox id="urlbar" flex="1"
 169               context=""
 170               focused="true"
 171               pageproxystate="invalid">
 172           <hbox id="urlbar-background"/>
 173           <hbox id="urlbar-input-container"
 174                 flex="1"
 175                 pageproxystate="invalid">
 176             <box id="remote-control-box"
 177                  align="center"
 178                  collapsed="true">
 179                 <image id="remote-control-icon"/>
 180             </box>
 181             <box id="urlbar-search-button"
 182                  class="chromeclass-toolbar-additional"/>
 183             <!-- Use onclick instead of normal popup= syntax since the popup
 184                  code fires onmousedown, and hence eats our favicon drag events. -->
 185             <box id="tracking-protection-icon-container" align="center"
 186                  role="button"
 187                  onclick="gProtectionsHandler.handleProtectionsButtonEvent(event);"
 188                  onkeypress="gProtectionsHandler.handleProtectionsButtonEvent(event);"
 189                  onmouseover="gProtectionsHandler.onTrackingProtectionIconHoveredOrFocused();"
 190                  onfocus="gProtectionsHandler.onTrackingProtectionIconHoveredOrFocused();"
 191                  tooltip="tracking-protection-icon-tooltip">
 192               <box id="tracking-protection-icon-box">
 193                 <image id="tracking-protection-icon"/>
 194               </box>
 195               <tooltip id="tracking-protection-icon-tooltip">
 196                 <description id="tracking-protection-icon-tooltip-label" class="tooltip-label"/>
 197               </tooltip>
 198             </box>
 199             <box id="identity-box"
 200                  pageproxystate="invalid"
 201                  ondragstart="gIdentityHandler.onDragStart(event);">
 202               <box id="identity-icon-box"
 203                    role="button"
 204                    align="center"
 205                    data-l10n-id="urlbar-identity-button"
 206                    class="identity-box-button"
 207                    onclick="gIdentityHandler.handleIdentityButtonEvent(event); PageProxyClickHandler(event);"
 208                    onkeypress="gIdentityHandler.handleIdentityButtonEvent(event);">
 209                 <image id="identity-icon"/>
 210                 <label id="identity-icon-label" class="plain" crop="center" flex="1"/>
 211               </box>
 212               <box id="identity-permission-box"
 213                    data-l10n-id="urlbar-permissions-granted"
 214                    role="button"
 215                    align="center"
 216                    class="identity-box-button"
 217                    onclick="gPermissionPanel.handleIdentityButtonEvent(event); PageProxyClickHandler(event);"
 218                    onkeypress="gPermissionPanel.handleIdentityButtonEvent(event);">
 219                 <image id="permissions-granted-icon"/>
 220                 <box style="pointer-events: none;">
 221                     <image class="sharing-icon" id="webrtc-sharing-icon"/>
 222                     <image class="sharing-icon geo-icon" id="geo-sharing-icon"/>
 223                     <image class="sharing-icon xr-icon" id="xr-sharing-icon"/>
 224                 </box>
 225                 <box id="blocked-permissions-container" align="center">
 226                   <image data-permission-id="geo" class="blocked-permission-icon geo-icon" role="button"
 227                         data-l10n-id="urlbar-geolocation-blocked"/>
 228                   <image data-permission-id="xr" class="blocked-permission-icon xr-icon" role="button"
 229                         data-l10n-id="urlbar-xr-blocked"/>
 230                   <image data-permission-id="desktop-notification" class="blocked-permission-icon desktop-notification-icon" role="button"
 231                         data-l10n-id="urlbar-web-notifications-blocked"/>
 232                   <image data-permission-id="camera" class="blocked-permission-icon camera-icon" role="button"
 233                         data-l10n-id="urlbar-camera-blocked"/>
 234                   <image data-permission-id="microphone" class="blocked-permission-icon microphone-icon" role="button"
 235                         data-l10n-id="urlbar-microphone-blocked"/>
 236                   <image data-permission-id="screen" class="blocked-permission-icon screen-icon" role="button"
 237                         data-l10n-id="urlbar-screen-blocked"/>
 238                   <image data-permission-id="persistent-storage" class="blocked-permission-icon persistent-storage-icon" role="button"
 239                         data-l10n-id="urlbar-persistent-storage-blocked"/>
 240                   <image data-permission-id="popup" class="blocked-permission-icon popup-icon" role="button"
 241                         data-l10n-id="urlbar-popup-blocked"/>
 242                   <image data-permission-id="autoplay-media" class="blocked-permission-icon autoplay-media-icon" role="button"
 243                         data-l10n-id="urlbar-autoplay-media-blocked"/>
 244                   <image data-permission-id="canvas" class="blocked-permission-icon canvas-icon" role="button"
 245                         data-l10n-id="urlbar-canvas-blocked"/>
 246                   <image data-permission-id="midi" class="blocked-permission-icon midi-icon" role="button"
 247                         data-l10n-id="urlbar-midi-blocked"/>
 248                   <image data-permission-id="install" class="blocked-permission-icon install-icon" role="button"
 249                         data-l10n-id="urlbar-install-blocked"/>
 250                   <!-- A speaker icon for blocked speaker selection is not
 251                        shown because, without text, this may be interpreted as
 252                        active or blocked audio. -->
 253                 </box>
 254               </box>
 255               <box id="notification-popup-box"
 256                    class="anchor-root"
 257                    hidden="true"
 258                    align="center">
 259                 <image id="default-notification-icon" class="notification-anchor-icon" role="button"
 260                        data-l10n-id="urlbar-default-notification-anchor"/>
 261                 <image id="geo-notification-icon" class="notification-anchor-icon geo-icon" role="button"
 262                        data-l10n-id="urlbar-geolocation-notification-anchor"/>
 263                 <image id="xr-notification-icon" class="notification-anchor-icon xr-icon" role="button"
 264                        data-l10n-id="urlbar-xr-notification-anchor"/>
 265                 <image id="autoplay-media-notification-icon" class="notification-anchor-icon autoplay-media-icon" role="button"
 266                        data-l10n-id="urlbar-autoplay-notification-anchor"/>
 267                 <image id="addons-notification-icon" class="notification-anchor-icon install-icon" role="button"
 268                        data-l10n-id="urlbar-addons-notification-anchor"/>
 269                 <image id="canvas-notification-icon" class="notification-anchor-icon" role="button"
 270                        data-l10n-id="urlbar-canvas-notification-anchor"/>
 271                 <image id="indexedDB-notification-icon" class="notification-anchor-icon indexedDB-icon" role="button"
 272                        data-l10n-id="urlbar-indexed-db-notification-anchor"/>
 273                 <image id="password-notification-icon" class="notification-anchor-icon" role="button"
 274                        data-l10n-id="urlbar-password-notification-anchor"/>
 275                 <image id="web-notifications-notification-icon" class="notification-anchor-icon desktop-notification-icon" role="button"
 276                        data-l10n-id="urlbar-web-notification-anchor"/>
 277                 <image id="webRTC-shareDevices-notification-icon" class="notification-anchor-icon camera-icon" role="button"
 278                        data-l10n-id="urlbar-web-rtc-share-devices-notification-anchor"/>
 279                 <image id="webRTC-shareMicrophone-notification-icon" class="notification-anchor-icon microphone-icon" role="button"
 280                        data-l10n-id="urlbar-web-rtc-share-microphone-notification-anchor"/>
 281                 <image id="webRTC-shareScreen-notification-icon" class="notification-anchor-icon screen-icon" role="button"
 282                        data-l10n-id="urlbar-web-rtc-share-screen-notification-anchor"/>
 283                 <image id="webRTC-shareSpeaker-notification-icon" class="notification-anchor-icon speaker-icon" role="button"
 284                        data-l10n-id="urlbar-web-rtc-share-speaker-notification-anchor"/>
 285                 <image id="servicesInstall-notification-icon" class="notification-anchor-icon service-icon" role="button"
 286                        data-l10n-id="urlbar-services-notification-anchor"/>
 287                 <image id="eme-notification-icon" class="notification-anchor-icon drm-icon" role="button"
 288                        data-l10n-id="urlbar-eme-notification-anchor"/>
 289                 <image id="persistent-storage-notification-icon" class="notification-anchor-icon persistent-storage-icon" role="button"
 290                        data-l10n-id="urlbar-persistent-storage-notification-anchor"/>
 291                 <image id="midi-notification-icon" class="notification-anchor-icon midi-icon" role="button"
 292                        data-l10n-id="urlbar-midi-notification-anchor"/>
 293                 <image id="webauthn-notification-icon" class="notification-anchor-icon" role="button"
 294                        data-l10n-id="urlbar-web-authn-anchor"/>
 295                 <image id="identity-credential-notification-icon" class="notification-anchor-icon" role="button"
 296                       data-l10n-id="identity-credential-urlbar-anchor"/>
 297                 <image id="storage-access-notification-icon" class="notification-anchor-icon storage-access-icon" role="button"
 298                        data-l10n-id="urlbar-storage-access-anchor"/>
 299               </box>
 300             </box>
 301             <box id="urlbar-label-box" align="center">
 302               <label id="urlbar-label-switchtab" class="urlbar-label" data-l10n-id="urlbar-switch-to-tab"/>
 303               <label id="urlbar-label-extension" class="urlbar-label" data-l10n-id="urlbar-extension"/>
 304               <label id="urlbar-label-search-mode" class="urlbar-label"/>
 305             </box>
 306             <html:div id="urlbar-search-mode-indicator">
 307               <html:span id="urlbar-search-mode-indicator-title"/>
 308               <html:div id="urlbar-search-mode-indicator-close"
 309                      class="close-button"
 310                      role="button"
 311                      aria-labelledby="urlbar-search-mode-indicator-close urlbar-search-mode-indicator-title"
 312                      data-l10n-id="urlbar-search-mode-indicator-close"/>
 313             </html:div>
 314             <moz-input-box tooltip="aHTMLTooltip"
 315                            class="urlbar-input-box"
 316                            flex="1"
 317                            role="combobox"
 318                            aria-owns="urlbar-results">
 319               <html:input id="urlbar-scheme"
 320                           required="required"/>
 321               <html:input id="urlbar-input"
 322                           anonid="input"
 323                           aria-controls="urlbar-results"
 324                           aria-autocomplete="both"
 325                           inputmode="mozAwesomebar"
 326                           data-l10n-id="urlbar-placeholder"
 327                           data-l10n-attrs="placeholder"/>
 328             </moz-input-box>
 329             <image id="urlbar-go-button"
 330                    class="urlbar-icon"
 331                    role="button"
 332                    keyNav="false"
 333                    onclick="gURLBar.handleCommand(event);"
 334                    data-l10n-id="urlbar-go-button"/>
 335             <hbox id="page-action-buttons" context="pageActionContextMenu" align="center">
 336               <toolbartabstop/>
 337               <hbox id="contextual-feature-recommendation" role="button" hidden="true">
 338                 <hbox id="cfr-label-container">
 339                   <label id="cfr-label"/>
 340                 </hbox>
 341                 <hbox id="cfr-button"
 342                       role="presentation"
 343                       class="urlbar-page-action">
 344                   <image class="urlbar-icon"/>
 345                 </hbox>
 346               </hbox>
 347               <hbox id="userContext-icons" hidden="true">
 348                 <label id="userContext-label"/>
 349                 <image id="userContext-indicator"/>
 350               </hbox>
 351               <hbox id="reader-mode-button"
 352                     class="urlbar-page-action"
 353                     role="button"
 354                     data-l10n-id="reader-view-enter-button"
 355                     hidden="true"
 356                     tooltip="dynamic-shortcut-tooltip"
 357                     onclick="AboutReaderParent.buttonClick(event);">
 358                 <image id="reader-mode-button-icon"
 359                        class="urlbar-icon"/>
 360               </hbox>
 361               <hbox id="picture-in-picture-button"
 362                     class="urlbar-page-action"
 363                     role="button"
 364                     hidden="true"
 365                     onclick="PictureInPicture.toggleUrlbar(event)">
 366                 <image id="picture-in-picture-button-icon"
 367                        class="urlbar-icon"/>
 368               </hbox>
 369               <hbox id="translations-button"
 370                     class="urlbar-page-action"
 371                     role="button"
 372                     data-l10n-id="urlbar-translations-button2"
 373                     hidden="true"
 374                     onclick="FullPageTranslationsPanel.open(event);"
 375                     onkeypress="FullPageTranslationsPanel.open(event);">
 376                 <image class="urlbar-icon" id="translations-button-icon" />
 377                 <image class="urlbar-icon" id="translations-button-circle-arrows" />
 378                 <html:span id="translations-button-locale" aria-hidden="true" />
 379               </hbox>
 380               <hbox id="shopping-sidebar-button"
 381                   class="urlbar-page-action"
 382                   role="button"
 383                   data-l10n-id="shopping-sidebar-open-button2"
 384                   hidden="true"
 385                   onclick="ShoppingSidebarParent.urlbarButtonClick(event);">
 386                 <image id="shopping-sidebar-button-icon"
 387                        class="urlbar-icon"/>
 388               </hbox>
 389               <toolbarbutton id="urlbar-zoom-button"
 390                      onclick="FullZoom.resetFromURLBar(event);"
 391                      tooltip="dynamic-shortcut-tooltip"
 392                      hidden="true"/>
 393               <hbox id="pageActionButton"
 394                     class="urlbar-page-action"
 395                     role="button"
 396                     data-l10n-id="urlbar-page-action-button"
 397                     onmousedown="BrowserPageActions.mainButtonClicked(event);"
 398                     onkeypress="BrowserPageActions.mainButtonClicked(event);">
 399                 <image class="urlbar-icon"/>
 400               </hbox>
 401               <hbox id="star-button-box"
 402                     hidden="true"
 403                     role="button"
 404                     class="urlbar-page-action"
 405                     onclick="BrowserPageActions.doCommandForAction(PageActions.actionForID('bookmark'), event, this);">
 406                 <image id="star-button"
 407                        class="urlbar-icon"/>
 408               </hbox>
 409             </hbox>
 410           </hbox>
 411         </hbox>
 412         <toolbartabstop/>
 413       </toolbaritem>
 414
 415       <toolbarspring cui-areatype="toolbar" class="chromeclass-toolbar-additional"/>
 416
 417       <toolbarbutton id="downloads-button"
 418                      class="toolbarbutton-1 chromeclass-toolbar-additional"
 419                      delegatesanchor="true"
 420                      badged="true"
 421                      key="key_openDownloads"
 422                      onmousedown="DownloadsIndicatorView.onCommand(event);"
 423                      onkeypress="DownloadsIndicatorView.onCommand(event);"
 424                      ondrop="DownloadsIndicatorView.onDrop(event);"
 425                      ondragover="DownloadsIndicatorView.onDragOver(event);"
 426                      ondragenter="DownloadsIndicatorView.onDragOver(event);"
 427                      data-l10n-id="navbar-downloads"
 428                      removable="true"
 429                      overflows="false"
 430                      cui-areatype="toolbar"
 431                      hidden="true"
 432                      tooltip="dynamic-shortcut-tooltip">
 433         <box id="downloads-indicator-anchor"
 434                consumeanchor="downloads-button">
 435           <image id="downloads-indicator-icon"/>
 436         </box>
 437         <box class="toolbarbutton-animatable-box" id="downloads-indicator-progress-outer">
 438           <box id="downloads-indicator-progress-inner"/>
 439         </box>
 440         <box class="toolbarbutton-animatable-box" id="downloads-indicator-start-box">
 441           <image class="toolbarbutton-animatable-image" id="downloads-indicator-start-image"/>
 442         </box>
 443         <box class="toolbarbutton-animatable-box" id="downloads-indicator-finish-box">
 444           <image class="toolbarbutton-animatable-image" id="downloads-indicator-finish-image"/>
 445         </box>
 446       </toolbarbutton>
 447
 448       <toolbarbutton id="fxa-toolbar-menu-button" class="toolbarbutton-1 chromeclass-toolbar-additional subviewbutton-nav"
 449                      badged="true"
 450                      delegatesanchor="true"
 451                      onmousedown="gSync.toggleAccountPanel(this, event)"
 452                      onkeypress="gSync.toggleAccountPanel(this, event)"
 453                      consumeanchor="fxa-toolbar-menu-button"
 454                      closemenu="none"
 455                      data-l10n-id="toolbar-button-account"
 456                      cui-areatype="toolbar"
 457                      removable="true">
 458                      <vbox>
 459                       <image id="fxa-avatar-image"/>
 460                      </vbox>
 461       </toolbarbutton>
 462
 463       <toolbarbutton id="unified-extensions-button"
 464                      class="toolbarbutton-1 chromeclass-toolbar-additional"
 465                      delegatesanchor="true"
 466                      data-l10n-id="unified-extensions-button"
 467                      hidden="true"
 468                      onkeypress="gUnifiedExtensions.togglePanel(event)"
 469                      onmousedown="gUnifiedExtensions.togglePanel(event)"
 470                      overflows="false"
 471                      removable="false"/>
 472     </hbox>
 473
 474     <toolbarbutton id="nav-bar-overflow-button"
 475                    class="toolbarbutton-1 chromeclass-toolbar-additional overflow-button"
 476                    delegatesanchor="true"
 477                    skipintoolbarset="true"
 478                    data-l10n-id="navbar-overflow">
 479       <box class="toolbarbutton-animatable-box">
 480         <image class="toolbarbutton-animatable-image"/>
 481       </box>
 482     </toolbarbutton>
 483
 484     <toolbaritem id="PanelUI-button"
 485                  removable="false">
 486       <toolbarbutton id="ion-button"
 487                      class="toolbarbutton-1"
 488                      delegatesanchor="true"
 489                      hidden="true"
 490                      badged="true"
 491                      tooltiptext="Ion"
 492                      onmousedown="switchToTabHavingURI('about:ion', true);"
 493                      onkeypress="switchToTabHavingURI('about:ion', true);"/>
 494       <toolbarbutton id="whats-new-menu-button"
 495                      class="toolbarbutton-1"
 496                      delegatesanchor="true"
 497                      hidden="true"
 498                      badged="true"
 499                      onmousedown="PanelUI.showSubView('PanelUI-whatsNew', this, event);"
 500                      onkeypress="PanelUI.showSubView('PanelUI-whatsNew', this, event);"/>
 501       <toolbarbutton id="PanelUI-menu-button"
 502                      class="toolbarbutton-1"
 503                      delegatesanchor="true"
 504                      badged="true"
 505                      consumeanchor="PanelUI-button"
 506                      data-l10n-id="appmenu-menu-button-closed2"/>
 507     </toolbaritem>
 508   </toolbar>
 509
 510   <toolbar id="PersonalToolbar"
 511            mode="icons"
 512            class="browser-toolbar chromeclass-directories"
 513            context="toolbar-context-menu"
 514            data-l10n-id="bookmarks-toolbar"
 515            data-l10n-attrs="toolbarname"
 516            customizable="true">
 517     <toolbartabstop skipintoolbarset="true"/>
 518
 519     <hbox id="personal-toolbar-empty" skipintoolbarset="true" removable="false" hidden="true">
 520       <description id="personal-toolbar-empty-description"
 521                    data-l10n-id="bookmarks-toolbar-empty-message"
 522                    onclick="BookmarkingUI.openLibraryIfLinkClicked(event);"
 523                    onkeydown="BookmarkingUI.openLibraryIfLinkClicked(event);">
 524         <html:a data-l10n-name="manage-bookmarks" class="text-link" tabindex="0"/>
 525       </description>
 526     </hbox>
 527
 528     <toolbaritem id="personal-bookmarks"
 529                  data-l10n-id="bookmarks-toolbar-placeholder"
 530                  cui-areatype="toolbar"
 531                  removable="true">
 532       <toolbarbutton id="bookmarks-toolbar-placeholder"
 533                      class="bookmark-item"
 534                      data-l10n-id="bookmarks-toolbar-placeholder-button"/>
 535       <toolbarbutton id="bookmarks-toolbar-button"
 536                      class="toolbarbutton-1"
 537                      delegatesanchor="true"
 538                      flex="1"
 539                      data-l10n-id="bookmarks-toolbar-placeholder-button"
 540                      oncommand="PlacesToolbarHelper.onPlaceholderCommand();"/>
 541       <hbox flex="1"
 542             id="PlacesToolbar"
 543             context="placesContext"
 544             onmouseup="BookmarksEventHandler.onMouseUp(event);"
 545             onclick="BookmarksEventHandler.onClick(event, this._placesView);"
 546             oncommand="BookmarksEventHandler.onCommand(event);"
 547             tooltip="bhTooltip"
 548             popupsinherittooltip="true">
 549         <hbox id="PlacesToolbarDropIndicatorHolder" align="center" collapsed="true">
 550           <image id="PlacesToolbarDropIndicator"
 551                   collapsed="true"/>
 552         </hbox>
 553         <scrollbox orient="horizontal"
 554                     id="PlacesToolbarItems"
 555                     flex="1"/>
 556         <toolbarbutton type="menu"
 557                         id="PlacesChevron"
 558                         class="toolbarbutton-1"
 559                         delegatesanchor="true"
 560                         collapsed="true"
 561                         data-l10n-id="bookmarks-toolbar-chevron">
 562           <menupopup id="PlacesChevronPopup"
 563                       is="places-popup"
 564                       placespopup="true"
 565                       class="toolbar-menupopup"
 566                       tooltip="bhTooltip" popupsinherittooltip="true"
 567                       context="placesContext"
 568                       onpopupshowing="document.getElementById('PlacesToolbar')
 569                                               ._placesView._onChevronPopupShowing(event);"/>
 570         </toolbarbutton>
 571       </hbox>
 572     </toolbaritem>
 573   </toolbar>
 574
 575   <html:template id="tab-notification-deck-template">
 576     <html:named-deck id="tab-notification-deck"></html:named-deck>
 577   </html:template>
 578
 579
 580   <html:template id="BrowserToolbarPalette">
 581     <toolbarbutton id="import-button"
 582                    class="toolbarbutton-1 chromeclass-toolbar-additional"
 583                    oncommand="MigrationUtils.showMigrationWizard(window, { entrypoint: MigrationUtils.MIGRATION_ENTRYPOINTS.BOOKMARKS_TOOLBAR });"
 584                    data-l10n-id="browser-import-button2"/>
 585
 586     <toolbarbutton id="new-window-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
 587                    data-l10n-id="appmenuitem-new-window"
 588                    command="cmd_newNavigator"
 589                    tooltip="dynamic-shortcut-tooltip"
 590                    ondrop="newWindowButtonObserver.onDrop(event)"
 591                    ondragover="newWindowButtonObserver.onDragOver(event)"
 592                    ondragenter="newWindowButtonObserver.onDragOver(event)"/>
 593
 594     <toolbarbutton id="fullscreen-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
 595                    observes="View:FullScreen"
 596                    type="checkbox"
 597                    data-l10n-id="appmenuitem-fullscreen"
 598                    tooltip="dynamic-shortcut-tooltip"/>
 599
 600     <toolbarbutton id="bookmarks-menu-button"
 601                    class="toolbarbutton-1 chromeclass-toolbar-additional subviewbutton-nav"
 602                    delegatesanchor="true"
 603                    type="menu"
 604                    data-l10n-id="bookmarks-menu-button"
 605                    tooltip="dynamic-shortcut-tooltip"
 606                    ondragenter="PlacesMenuDNDHandler.onDragEnter(event);"
 607                    ondragover="PlacesMenuDNDHandler.onDragOver(event);"
 608                    ondragleave="PlacesMenuDNDHandler.onDragLeave(event);"
 609                    ondrop="PlacesMenuDNDHandler.onDrop(event);"
 610                    oncommand="BookmarkingUI.onCommand(event);">
 611       <menupopup id="BMB_bookmarksPopup"
 612                  is="places-popup-arrow"
 613                  class="toolbar-menupopup animatable-menupopup"
 614                  placespopup="true"
 615                  context="placesContext"
 616                  openInTabs="children"
 617                  side="top"
 618                  onmouseup="BookmarksEventHandler.onMouseUp(event);"
 619                  oncommand="BookmarksEventHandler.onCommand(event);"
 620                  onclick="BookmarksEventHandler.onClick(event, this.parentNode._placesView);"
 621                  onpopupshowing="BookmarkingUI.onPopupShowing(event);
 622                                  if (!this.parentNode._placesView)
 623                                    new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.menuGuid}`);"
 624                  tooltip="bhTooltip" popupsinherittooltip="true">
 625         <menuitem id="BMB_viewBookmarksSidebar"
 626                   data-l10n-id="bookmarks-tools-sidebar-visibility"
 627                   data-l10n-args='{ "isVisible": false }'
 628                   oncommand="SidebarUI.toggle('viewBookmarksSidebar');"
 629                   key="viewBookmarksSidebarKb"/>
 630         <menuitem id="BMB_searchBookmarks"
 631                   data-l10n-id="bookmarks-search"
 632                   oncommand="PlacesCommandHook.searchBookmarks();"/>
 633         <!-- NB: temporary solution for bug 985024, this should go away soon. -->
 634         <menuitem id="BMB_bookmarksShowAllTop"
 635                   data-l10n-id="bookmarks-manage-bookmarks"
 636                   command="Browser:ShowAllBookmarks"
 637                   key="manBookmarkKb"/>
 638         <menuseparator/>
 639         <menu id="BMB_bookmarksToolbar"
 640               class="bookmark-item menu-iconic"
 641               data-l10n-id="bookmarks-toolbar-menu"
 642               container="true">
 643           <menupopup id="BMB_bookmarksToolbarPopup"
 644                      is="places-popup"
 645                      placespopup="true"
 646                      context="placesContext"
 647                      onpopupshowing="if (!this.parentNode._placesView)
 648                                        new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.toolbarGuid}`);">
 649             <menuitem id="BMB_viewBookmarksToolbar"
 650                       data-l10n-id="bookmarks-tools-toolbar-visibility-menuitem"
 651                       data-l10n-args='{ "isVisible": false }'
 652                       oncommand="BookmarkingUI.toggleBookmarksToolbar('bookmarks-widget');"/>
 653             <menuseparator/>
 654             <!-- Bookmarks toolbar items -->
 655           </menupopup>
 656         </menu>
 657         <menu id="BMB_unsortedBookmarks"
 658               class="bookmark-item menu-iconic"
 659               data-l10n-id="bookmarks-other-bookmarks-menu"
 660               container="true">
 661           <menupopup id="BMB_unsortedBookmarksPopup"
 662                      is="places-popup"
 663                      placespopup="true"
 664                      context="placesContext"
 665                      onpopupshowing="if (!this.parentNode._placesView)
 666                                        new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.unfiledGuid}`);"/>
 667         </menu>
 668         <menu id="BMB_mobileBookmarks"
 669               class="menu-iconic bookmark-item subviewbutton"
 670               data-l10n-id="bookmarks-mobile-bookmarks-menu"
 671               hidden="true"
 672               container="true">
 673           <menupopup id="BMB_mobileBookmarksPopup"
 674                      is="places-popup"
 675                      placespopup="true"
 676                      context="placesContext"
 677                      onpopupshowing="if (!this.parentNode._placesView)
 678                                        new PlacesMenu(event, `place:parent=${PlacesUtils.bookmarks.mobileGuid}`);"/>
 679         </menu>
 680
 681         <menuseparator/>
 682         <!-- Bookmarks menu items will go here -->
 683         <menuseparator class="hide-if-empty-places-result"
 684                        afterplacescontent="true"/>
 685
 686         <menuitem id="BMB_bookmarksShowAll"
 687                   data-l10n-id="bookmarks-manage-bookmarks"
 688                   afterplacescontent="true"
 689                   command="Browser:ShowAllBookmarks"
 690                   key="manBookmarkKb"/>
 691       </menupopup>
 692     </toolbarbutton>
 693
 694     <toolbaritem id="search-container"
 695                  class="chromeclass-toolbar-additional"
 696                  data-l10n-id="navbar-search"
 697                  align="center"
 698                  persist="width">
 699       <toolbartabstop/>
 700       <searchbar id="searchbar" flex="1"/>
 701       <toolbartabstop/>
 702     </toolbaritem>
 703
 704     <toolbarbutton id="home-button" class="toolbarbutton-1 chromeclass-toolbar-additional"
 705                    removable="true"
 706                    data-l10n-id="navbar-home"
 707                    ondragover="homeButtonObserver.onDragOver(event)"
 708                    ondragenter="homeButtonObserver.onDragOver(event)"
 709                    ondrop="homeButtonObserver.onDrop(event)"
 710                    key="goHome"
 711                    onclick="BrowserHome(event);"
 712                    cui-areatype="toolbar"/>
 713
 714     <toolbarbutton id="library-button" class="toolbarbutton-1 chromeclass-toolbar-additional subviewbutton-nav"
 715                    removable="true"
 716                    delegatesanchor="true"
 717                    onmousedown="PanelUI.showSubView('appMenu-libraryView', this, event);"
 718                    onkeypress="PanelUI.showSubView('appMenu-libraryView', this, event);"
 719                    closemenu="none"
 720                    cui-areatype="toolbar"
 721                    data-l10n-id="navbar-library"/>
 722   </html:template>
 723 </toolbox>