chromium/ui/file_manager/file_manager/main.html

<!DOCTYPE HTML>
<!--
Copyright 2012 The Chromium Authors
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<html dir="$i18n{textdirection}" lang="$i18n{language}">
  <head>
    <title>$i18n{FILEMANAGER_APP_NAME}</title>
    <script src="chrome://file-manager/init_globals.js"></script>
    <script type="module" src="chrome://file-manager/strings.m.js"></script>

    <meta charset="utf-8" name="google" value="notranslate">
    <meta charset="utf-8" name="color-scheme" content="light dark">

    <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
    <link rel="stylesheet" href="chrome://resources/chromeos/colors/cros_styles.css">
    <link rel="stylesheet" href="chrome://theme/colors.css?sets=legacy,sys">
    <link rel="stylesheet" href="chrome://theme/typography.css">
    <link rel="stylesheet" href="foreground/css/list.css">
    <link rel="stylesheet" href="foreground/css/table.css">
    <link rel="stylesheet" href="foreground/css/menu.css">
    <link rel="stylesheet" href="foreground/css/combobutton.css">
    <link rel="stylesheet" href="foreground/css/file_manager.css">
    <link rel="stylesheet" href="foreground/css/file_types.css">
    <link rel="stylesheet" href="foreground/css/common.css">

    <script type="module" src="chrome://file-manager/foreground/js/main.js"></script>
  </head>

  <body aria-label="$i18n{FILEMANAGER_APP_NAME}" tabindex="-1" class="files-ng">
    <commands>
      <command id="cut" label="$i18n{CUT_BUTTON_LABEL}"
               shortcut="x|Ctrl">
      <command id="copy" label="$i18n{COPY_BUTTON_LABEL}"
               shortcut="c|Ctrl">
      <command id="paste" label="$i18n{PASTE_BUTTON_LABEL}"
               shortcut="v|Ctrl">
      <command id="paste-into-current-folder" label="$i18n{PASTE_BUTTON_LABEL}"
               shortcut="v|Ctrl">
      <command id="paste-into-folder"
               label="$i18n{PASTE_INTO_FOLDER_BUTTON_LABEL}">
      <command id="get-info" label="$i18n{GET_INFO_BUTTON_LABEL}"
               shortcut="Space">
      <command id="dlp-restriction-details" label="$i18n{DLP_RESTRICTION_DETAILS}">
      <command id="rename" label="$i18n{RENAME_BUTTON_LABEL}"
               shortcut="Enter|Ctrl">
      <command id="move-to-trash" shortcut="Backspace|Alt Delete" label="$i18n{MOVE_TO_TRASH_BUTTON_LABEL}">
      <command id="restore-from-trash" shortcut="Backspace|Alt Delete" label="$i18n{RESTORE_FROM_TRASH_BUTTON_LABEL}">
      <command id="delete" shortcut="Backspace|Alt|Shift Delete|Shift Backspace|Alt Delete ">
      <command id="empty-trash" shortcut="Backspace|Alt|Ctrl|Shift Delete|Ctrl|Shift" shortcut="" label="$i18n{EMPTY_TRASH_BUTTON_LABEL}">
      <command id="refresh" label="$i18n{REFRESH_BUTTON_LABEL}"
               shortcut="b|Ctrl" hidden>
      <command id="pin-folder"
               label="$i18n{PIN_FOLDER_BUTTON_LABEL}">
      <command id="unpin-folder"
               label="$i18n{UNPIN_FOLDER_BUTTON_LABEL}">
      <command id="new-folder" label="$i18n{NEW_FOLDER_BUTTON_LABEL}"
               shortcut="e|Ctrl">
      <command id="new-window" label="$i18n{NEW_WINDOW_BUTTON_LABEL}"
               shortcut="n|Ctrl">
      <command id="show-providers-submenu" label="$i18n{SHOW_PROVIDERS_BUTTON_LABEL}">
      </command>
      <!-- Note that actual shortcut Ctrl/Meta+A is handled in
               ListSelectionController.handleKeyDown -->
      <command id="select-all"
               label="$i18n{SELECT_ALL_COMMAND_LABEL}"
               shortcut="a|Ctrl">
      <command id="drive-sync-settings"
               label="$i18n{DRIVE_METERED_CONNECTION_OPTION}">
      <command id="search" shortcut="f|Ctrl /">

      <!-- Shortcuts for toggling between volumes (CTRL-1..CTRL-9). -->
      <command id="volume-switch-1" shortcut="1|Ctrl">
      <command id="volume-switch-2" shortcut="2|Ctrl">
      <command id="volume-switch-3" shortcut="3|Ctrl">
      <command id="volume-switch-4" shortcut="4|Ctrl">
      <command id="volume-switch-5" shortcut="5|Ctrl">
      <command id="volume-switch-6" shortcut="6|Ctrl">
      <command id="volume-switch-7" shortcut="7|Ctrl">
      <command id="volume-switch-8" shortcut="8|Ctrl">
      <command id="volume-switch-9" shortcut="9|Ctrl">

      <command id="unmount" label="$i18n{UNMOUNT_DEVICE_BUTTON_LABEL}"
               shortcut="E|Shift|Ctrl">
      <command id="format" label="$i18n{FORMAT_DEVICE_BUTTON_LABEL}">
      <command id="erase-device" label="$i18n{REPARTITION_DEVICE_BUTTON_LABEL}">
      <command id="configure" label="$i18n{CONFIGURE_VOLUME_BUTTON_LABEL}">

      <command id="files-settings" label="$i18n{FILES_SETTINGS_LABEL}">
      <command id="volume-help" label="$i18n{DRIVE_MENU_HELP}">
      <command id="send-feedback" label="$i18n{SEND_FEEDBACK}">
      <command id="volume-storage">
      <command id="drive-buy-more-space"
               label="$i18n{DRIVE_BUY_MORE_SPACE}">
      <command id="drive-go-to-drive"
               label="$i18n{DRIVE_VISIT_DRIVE_GOOGLE_COM}">

      <command id="toggle-pinned" label="$i18n{OFFLINE_COLUMN_LABEL}">
      <command id="toggle-hidden-files"
               label="$i18n{TOGGLE_HIDDEN_FILES_COMMAND_LABEL}"
               shortcut=".|Ctrl" hide-shortcut-text>
      <command id="toggle-hidden-android-folders"
               label="$i18n{SHOW_ALL_ANDROID_FOLDERS_OPTION}">

      <command id="default-task">
      <command id="open-with" label="$i18n{OPEN_WITH_BUTTON_LABEL}">
      <command id="invoke-sharesheet" label="$i18n{SHARESHEET_BUTTON_LABEL}">
      <command id="toggle-holding-space">
      <command id="go-to-file-location"
               label="$i18n{GO_TO_FILE_LOCATION_BUTTON_LABEL}">
      <command id="zip-selection"
               label="$i18n{ZIP_SELECTION_BUTTON_LABEL}">
      <command id="extract-all"
               label="$i18n{EXTRACT_ALL_BUTTON_LABEL}">
      <command id="set-wallpaper"
               label="$i18n{SET_WALLPAPER_BUTTON_LABEL}">

      <command id="manage-in-drive"
               label="$i18n{MANAGE_IN_DRIVE_BUTTON_LABEL}" disabled hidden>
      <command id="manage-mirrorsync"
               label="$i18n{DRIVE_MANAGE_MIRRORSYNC}" disabled hidden>
      <command id="share-with-linux" label="$i18n{SHARE_WITH_LINUX_BUTTON_LABEL}" disabled hidden>
      <command id="manage-linux-sharing" label="$i18n{MANAGE_LINUX_SHARING_BUTTON_LABEL}" disabled hidden>
      <command id="manage-linux-sharing-gear" label="$i18n{MANAGE_LINUX_SHARING_BUTTON_LABEL}" disabled hidden>
      <command id="share-with-plugin-vm" label="$i18n{SHARE_WITH_PLUGIN_VM_BUTTON_LABEL}" disabled hidden>
      <command id="manage-plugin-vm-sharing" label="$i18n{MANAGE_PLUGIN_VM_SHARING_BUTTON_LABEL}" disabled hidden>
      <command id="manage-plugin-vm-sharing-gear" label="$i18n{MANAGE_PLUGIN_VM_SHARING_BUTTON_LABEL}" disabled hidden>
      <command id="share-with-bruschetta" label="$i18n{SHARE_WITH_BRUSCHETTA_BUTTON_LABEL}" disabled hidden>
      <command id="manage-bruschetta-sharing" label="$i18n{MANAGE_BRUSCHETTA_SHARING_BUTTON_LABEL}" disabled hidden>
      <command id="manage-bruschetta-sharing-gear" label="$i18n{MANAGE_BRUSCHETTA_SHARING_BUTTON_LABEL}" disabled hidden>

      <command id="zoom-in" shortcut="=|Ctrl">
      <command id="zoom-out" shortcut="-|Ctrl">
      <command id="zoom-reset" shortcut="0|Ctrl">

      <command id="sort-by-name" label="$i18n{NAME_COLUMN_LABEL}">
      <command id="sort-by-size" label="$i18n{SIZE_COLUMN_LABEL}">
      <command id="sort-by-type" label="$i18n{TYPE_COLUMN_LABEL}">
      <command id="sort-by-date" label="$i18n{DATE_COLUMN_LABEL}">

      <!-- Shortcuts to open inspector. (Ctrl+Shift+I/J/C/B) -->
      <command id="inspect-normal" shortcut="I|Shift|Ctrl">
      <command id="inspect-console" shortcut="J|Shift|Ctrl">
      <command id="inspect-element" shortcut="C|Shift|Ctrl">

      <command id="open-gear-menu" shortcut="e|Alt f|Alt">
      <command id="browser-back" shortcut="BrowserBack">
      <command id="focus-action-bar" shortcut="a|Alt">
    </commands>

    <menus>
      <cr-menu id="disabled-context-menu" class="chrome-menu files-menu">
      </cr-menu>

      <cr-menu id="file-context-menu" class="chrome-menu files-menu"
               menu-item-selector="cr-menu-item,hr" showShortcuts
               aria-label="$i18n{CONTEXT_MENU_LABEL}">
        <cr-menu-item id="default-task-menu-item" command="#default-task"
                  visibleif="full-page" class="hide-on-toolbar" hidden></cr-menu-item>
        <cr-menu-item command="#open-with"
                  visibleif="full-page" class="hide-on-toolbar" sub-menu="#tasks-menu" hidden></cr-menu-item>
        <cr-menu-item command="#invoke-sharesheet"
                  visibleif="full-page" class="hide-on-toolbar">$i18n{SHARESHEET_BUTTON_LABEL}</cr-menu-item>
        <cr-menu-item command="#go-to-file-location"
                  visibleif="full-page" class="hide-on-toolbar" hidden></cr-menu-item>
        <hr id="tasks-separator" visibleif="full-page" class="hide-on-toolbar" hidden>
        <hr id="actions-separator" hidden>
        <cr-menu-item command="#cut" visibleif="full-page"></cr-menu-item>
        <cr-menu-item command="#copy" visibleif="full-page"></cr-menu-item>
        <cr-menu-item command="#paste" visibleif="full-page"></cr-menu-item>
        <cr-menu-item command="#paste-into-folder" visibleif="full-page"></cr-menu-item>
        <hr visibleif="full-page">
        <cr-menu-item command="#get-info"></cr-menu-item>
        <cr-menu-item command="#dlp-restriction-details"></cr-menu-item>
        <cr-menu-item command="#rename"></cr-menu-item>
        <cr-menu-item command="#pin-folder"></cr-menu-item>
        <cr-menu-item command="#move-to-trash"></cr-menu-item>
        <cr-menu-item command="#delete" class="hide-on-toolbar">$i18n{DELETE_BUTTON_LABEL}</cr-menu-item>
        <cr-menu-item command="#restore-from-trash"></cr-menu-item>
        <cr-menu-item command="#zip-selection"></cr-menu-item>
        <cr-menu-item command="#extract-all"></cr-menu-item>
        <cr-menu-item command="#toggle-holding-space" visibleif="full-page">
            </cr-menu-item>
        <cr-menu-item command="#share-with-linux"></cr-menu-item>
        <cr-menu-item command="#manage-linux-sharing"></cr-menu-item>
        <cr-menu-item command="#share-with-plugin-vm"></cr-menu-item>
        <cr-menu-item command="#manage-plugin-vm-sharing"></cr-menu-item>
        <cr-menu-item command="#share-with-bruschetta"></cr-menu-item>
        <cr-menu-item command="#manage-bruschetta-sharing"></cr-menu-item>
        <cr-menu-item command="#set-wallpaper"></cr-menu-item>
        <hr visibleif="saveas-file full-page" class="hide-on-toolbar">
        <cr-menu-item command="#new-folder" visibleif="saveas-file full-page"
                  class="hide-on-toolbar"></cr-menu-item>
      </cr-menu>

      <cr-menu id="roots-context-menu" class="chrome-menu files-menu"
               menu-item-selector="cr-menu-item"
               aria-label="$i18n{CONTEXT_MENU_LABEL}">
        <cr-menu-item command="#configure"></cr-menu-item>
        <cr-menu-item command="#unmount"></cr-menu-item>
        <cr-menu-item command="#format"></cr-menu-item>
        <cr-menu-item command="#erase-device"></cr-menu-item>
        <cr-menu-item command="#rename"></cr-menu-item>
        <cr-menu-item command="#unpin-folder"></cr-menu-item>
        <cr-menu-item command="#share-with-linux"></cr-menu-item>
        <cr-menu-item command="#manage-linux-sharing"></cr-menu-item>
        <cr-menu-item command="#share-with-plugin-vm"></cr-menu-item>
        <cr-menu-item command="#manage-plugin-vm-sharing"></cr-menu-item>
        <cr-menu-item command="#share-with-bruschetta"></cr-menu-item>
        <cr-menu-item command="#manage-bruschetta-sharing"></cr-menu-item>
      </cr-menu>

      <cr-menu id="directory-tree-context-menu" class="chrome-menu files-menu"
               menu-item-selector="cr-menu-item,hr"
               aria-label="$i18n{CONTEXT_MENU_LABEL}">
        <cr-menu-item command="#cut" visibleif="full-page"></cr-menu-item>
        <cr-menu-item command="#copy" visibleif="full-page"></cr-menu-item>
        <cr-menu-item command="#paste-into-folder" visibleif="full-page"></cr-menu-item>
        <cr-menu-item command="#share-with-linux"></cr-menu-item>
        <cr-menu-item command="#manage-linux-sharing"></cr-menu-item>
        <cr-menu-item command="#share-with-plugin-vm"></cr-menu-item>
        <cr-menu-item command="#manage-plugin-vm-sharing"></cr-menu-item>
        <cr-menu-item command="#share-with-bruschetta"></cr-menu-item>
        <cr-menu-item command="#manage-bruschetta-sharing"></cr-menu-item>
        <hr visibleif="full-page">
        <cr-menu-item command="#format"></cr-menu-item>
        <cr-menu-item command="#rename"></cr-menu-item>
        <cr-menu-item command="#pin-folder"></cr-menu-item>
        <cr-menu-item command="#move-to-trash"></cr-menu-item>
        <cr-menu-item command="#delete">$i18n{DELETE_BUTTON_LABEL}</cr-menu-item>
        <cr-menu-item command="#empty-trash"></cr-menu-item>
        <hr visibleif="saveas-file full-page">
        <cr-menu-item command="#new-folder" visibleif="saveas-file full-page"></cr-menu-item>
      </cr-menu>

      <cr-menu id="sort-menu" class="chrome-menu files-menu"
               aria-label="$i18n{SORT_BUTTON_TOOLTIP}"
               menu-item-selector="cr-menu-item">
        <cr-menu-item id="sort-menu-sort-by-name"
                      command="#sort-by-name"></cr-menu-item>
        <cr-menu-item id="sort-menu-sort-by-size"
                      command="#sort-by-size"></cr-menu-item>
        <cr-menu-item id="sort-menu-sort-by-type"
                      command="#sort-by-type"></cr-menu-item>
        <cr-menu-item id="sort-menu-sort-by-date"
                      command="#sort-by-date"></cr-menu-item>
      </cr-menu>

      <cr-menu id="gear-menu" class="chrome-menu files-menu" showShortcuts
               aria-label="$i18n{GEAR_BUTTON_TOOLTIP}"
               menu-item-selector="cr-menu-item, hr">
        <cr-menu-item command="#paste-into-current-folder" visibleif="full-page"></cr-menu-item>
        <hr visibleif="full-page">
        <cr-menu-item id="gear-menu-newwindow" command="#new-window"></cr-menu-item>
        <cr-menu-item id="gear-menu-newfolder" command="#new-folder"></cr-menu-item>
        <hr>
        <cr-menu-item command="#configure"></cr-menu-item>
        <cr-menu-item id="gear-menu-select-all"
                      command="#select-all"></cr-menu-item>
        <cr-menu-item id="gear-menu-toggle-hidden-files"
                      command="#toggle-hidden-files"></cr-menu-item>
        <cr-menu-item id="gear-menu-toggle-hidden-android-folders"
                      command="#toggle-hidden-android-folders"></cr-menu-item>
        <cr-menu-item id="gear-menu-manage-linux-sharing"
                      command="#manage-linux-sharing-gear"></cr-menu-item>
        <cr-menu-item id="gear-menu-manage-plugin-vm-sharing"
                      command="#manage-plugin-vm-sharing-gear"></cr-menu-item>
        <cr-menu-item id="gear-menu-drive-sync-settings"
                      command="#drive-sync-settings"></cr-menu-item>
        <cr-menu-item id="gear-menu-manage-mirrorsync"
                      command="#manage-mirrorsync"></cr-menu-item>
        <hr id="help-separator">
        <cr-menu-item id="gear-menu-files-settings"
                      command="#files-settings"></cr-menu-item>
        <cr-menu-item id="gear-menu-drive-buy-more-space"
                      command="#drive-buy-more-space"></cr-menu-item>
        <cr-menu-item id="gear-menu-drive-go-to-drive"
                      command="#drive-go-to-drive"></cr-menu-item>
        <cr-menu-item id="gear-menu-volume-help"
                      command="#volume-help"></cr-menu-item>
        <cr-menu-item id="gear-menu-send-feedback"
                      command="#send-feedback"></cr-menu-item>
        <hr id="volume-space-info-separator">
        <cr-menu-item id="gear-menu-providers" command="#show-providers-submenu"
            sub-menu="#providers-menu"></cr-menu-item>
        <cr-menu-item id="gear-menu-format" command="#format"></cr-menu-item>
        <cr-menu-item id="gear-menu-erase" command="#erase-device"></cr-menu-item>
        <cr-menu-item id="volume-space-info" command="#volume-storage">
          <div id="volume-space-info-contents">
            <span id="volume-space-info-label"></span>
            <div class="progress-bar" aria-hidden="true">
              <div class="progress-track" id="volume-space-info-bar"></div>
            </div>
            <div id="volume-space-info-warning" class="menu-warning"></div>
          </div>
        </cr-menu-item>
      </cr-menu>

      <cr-menu id="tasks-menu" class="chrome-menu files-menu has-icon-start"
               aria-label="$i18n{OPEN_WITH_BUTTON_LABEL}"
               menu-item-selector="cr-menu-item, hr">
      </cr-menu>

      <cr-menu id="providers-menu"
               class="chrome-menu files-menu has-icon-start"
               menu-item-selector="cr-menu-item, hr">
      </cr-menu>

      <cr-menu id="text-context-menu" class="chrome-menu files-menu" showShortcuts
               menu-item-selector="cr-menu-item"
               aria-label="$i18n{CONTEXT_MENU_LABEL}">
        <cr-menu-item command="#cut"></cr-menu-item>
        <cr-menu-item command="#copy"></cr-menu-item>
        <cr-menu-item command="#paste"></cr-menu-item>
        <cr-menu-item command="#delete">$i18n{DELETE_BUTTON_LABEL}</cr-menu-item>
      </cr-menu>

      </cr-menu>

      <xf-cloud-panel></xf-cloud-panel>
    </menus>

    <div class="dialog-container">
      <xf-splitter class="splitter" id="navigation-list-splitter">
        <div class="dialog-navigation-list" slot="splitter-before">
          <div class="dialog-navigation-list-contents" role="navigation">
          </div>
        </div>
        <div class="dialog-main" slot="splitter-after">
          <div class="dialog-header files-ng" role="contentinfo">
            <div id="location-breadcrumbs" class="breadcrumbs"></div>
            <div id="read-only-indicator" role="tooltip" aria-label="$i18n{READONLY_INDICATOR_TOOLTIP}" hidden
                has-tooltip show-card-tooltip>
              <span id="read-only-icon"></span>
              <span id="read-only-label">$i18n{READ_ONLY_LABEL}</span>
            </div>
            <div id="cancel-selection-button-wrapper">
              <cr-button id="cancel-selection-button" class="menu-button" tabindex="0"
                    aria-label="$i18n{CANCEL_SELECTION_BUTTON_LABEL}" has-tooltip>
                <span class="icon-arrow-back"></span>
                <span id="cancel-selection-label">$i18n{CANCEL_SELECTION_BUTTON_LABEL}</span>
              </cr-button>
            </div>
            <div id="files-selected-label"></div>
            <div class="spacer"></div>
            <div id="action-bar">
              <div id="pinned-toggle-wrapper" hidden>
                <span id="pinned-toggle-label">$i18n{OFFLINE_COLUMN_LABEL}</span>
                <xf-jellybean>
                  <cros-switch
                      slot="jelly"
                      id="pinned-toggle-jelly"
                      command="#toggle-pinned"
                      aria-label="$i18n{OFFLINE_COLUMN_LABEL}">
                  </cros-switch>
                  <cr-toggle
                      slot="old"
                      id="pinned-toggle"
                      command="#toggle-pinned"
                      aria-labelledby="pinned-toggle-label">
                  </cr-toggle>
                </xf-jellybean>
              </div>
              <cr-button id="tasks" class="combobutton menu-button" menu="#tasks-menu"
                      tabindex="0" hidden
                      aria-label="$i18n{TASKS_BUTTON_LABEL}">
              </cr-button>
              <cr-button id="sharesheet-button" class="icon-button menu-button" tabindex="0" hidden
                      aria-label="$i18n{SHARESHEET_BUTTON_LABEL}"
                      visibleif="full-page"
                      command="#invoke-sharesheet"
                      has-tooltip>
                <div class="icon"></div>
              </cr-button>
              <cr-button id="move-to-trash-button" class="icon-button menu-button" tabindex="0" hidden
                      aria-label="$i18n{MOVE_TO_TRASH_BUTTON_LABEL}"
                      visibleif="full-page"
                      has-tooltip>
                <div class="icon"></div>
              </cr-button>
              <cr-button id="delete-button" class="icon-button menu-button" tabindex="0" hidden
                      aria-label="$i18n{DELETE_BUTTON_LABEL}"
                      visibleif="full-page"
                      has-tooltip>
                <div class="icon"></div>
              </cr-button>
              <cr-button id="restore-from-trash-button" class="icon-button menu-button" tabindex="0" hidden
                      aria-label="$i18n{RESTORE_FROM_TRASH_BUTTON_LABEL}"
                      visibleif="full-page"
                      has-tooltip>
                <div class="icon"></div>
              </cr-button>
              <div id="search-wrapper">
                <cr-button id="search-button" class="icon-button menu-button" tabindex="0"
                        aria-label="$i18n{SEARCH_TEXT_LABEL}"
                        has-tooltip>
                  <div class="icon"></div>
                </cr-button>
                <div id="search-box">
                  <cr-input type="search" disabled
                      aria-label="$i18n{SEARCH_TEXT_LABEL}" placeholder="$i18n{SEARCH_TEXT_LABEL}">
                    <cr-button class="clear" slot="suffix" tabindex="0"
                      aria-label="$i18n{SEARCH_CLEAR_LABEL}" has-tooltip>
                      <div class="icon"></div>
                    </cr-button>
                  </cr-input>
                </div>
              </div>
              <cr-button id="cloud-button" class="icon-button menu-button"
                      hidden
                      tabindex="0"
                      aria-haspopup="true"
                      aria-label="Cloud Placeholder"
                      has-tooltip>
                <xf-icon type="cloud" size="small" slot="prefix-icon"></xf-icon>
                <xf-icon type="blank" slot="suffix-icon"></xf-icon>
              </cr-button>
              <cr-button id="refresh-button" class="icon-button menu-button" tabindex="0" hidden
                      aria-label="$i18n{REFRESH_BUTTON_LABEL}"
                      command="#refresh" has-tooltip>
                <div class="icon"></div>
              </cr-button>
              <cr-button id="view-button" class="icon-button menu-button" tabindex="0"
                      aria-label="$i18n{CHANGE_TO_THUMBNAILVIEW_BUTTON_LABEL}"
                      has-tooltip>
                <div class="icon"></div>
              </cr-button>
              <cr-button id="sort-button" class="icon-button menu-button" tabindex="0"
                      menu="#sort-menu"
                      aria-haspopup="true"
                      aria-label="$i18n{SORT_BUTTON_TOOLTIP}"
                      aria-activedescendant="sort-menu"
                      has-tooltip>
                <div class="icon"></div>
              </cr-button>
              <cr-button id="gear-button" class="icon-button menu-button" tabindex="0"
                      menu="#gear-menu"
                      aria-label="$i18n{GEAR_BUTTON_TOOLTIP}"
                      aria-haspopup="true"
                      aria-activedescendant="gear-menu"
                      has-tooltip>
                <div class="icon"></div>
              </cr-button>
              <cr-button id="selection-menu-button" class="icon-button menu-button" tabindex="0"
                      menu="#file-context-menu"
                      aria-label="$i18n{SELECTION_MENU_BUTTON_TOOLTIP}"
                      aria-activedescendant="file-context-menu"
                      has-tooltip hidden>
                <div class="icon"></div>
              </cr-button>
            </div>
          </div>
          <div id="search-options-container"></div>
          <div class="dialog-body">
            <div id="a11y-msg" aria-live="polite" style="display: inline-block; position: fixed; clip: rect(0, 0, 0, 0);"></div>
            <div class="main-panel">
              <div class="filelist-panel">
                <div id="banners"></div>
                <div id="file-type-filter-container" hidden></div>
                <div id="list-container" role="main">
                  <div id="more-actions-info" hidden>$i18n{SEE_MENU_FOR_ACTIONS}</div>
                  <div id="sort-column-asc" hidden>$i18n{COLUMN_ASC_SORT_MESSAGE}</div>
                  <div id="sort-column-desc" hidden>$i18n{COLUMN_DESC_SORT_MESSAGE}</div>
                  <div id="external-link-label" hidden>$i18n{EXTERNAL_LINK_MESSAGE}</div>
                  <div id="empty-folder" hidden>
                    <div class="image">
                      <svg>
                        <use></use>
                      </svg>
                    </div>
                    <span class="label"></span>
                  </div>
                  <div class="detail-table" id="detail-table" tabindex="0">
                  </div>
                  <grid class="thumbnail-grid" tabindex="0" hidden></grid>
                  <files-spinner class="loading-indicator" hidden></files-spinner>
                  <div class="drive-welcome page"></div>
                </div>
              </div>
            </div>
          </div>
          <div id="path-display-container"></div>
          <div class="files-feedback-panels" visibleif="full-page">
            <xf-display-panel id="progress-panel" role="complementary"
                              aria-label="$i18n{FILES_FEEDBACK_WINDOW}">
            </xf-display-panel>
          </div>
        </div>
      </xf-splitter>
    </div>
    <div class="dialog-footer progressable" tabindex="-1"
         visibleif="saveas-file open-file open-multi-file folder upload-folder">
      <div class="left">
        <!-- TODO(fukino): Turn this button into paper-button when the CommandButton supports paper-button. -->
        <button id="new-folder-button" class="primary"
                visibleif="saveas-file folder" tabindex="0" disabled>
          <div class="hover-layer"></div>
          <paper-ripple fit></paper-ripple>
          <span>$i18n{NEW_FOLDER_BUTTON_LABEL}</span>
        </button>
        <select class="file-type select" hidden tabindex="0"></select>
        <div class="file-type select body2-primary" role="combobox"
          aria-haspopup="listbox"
          hidden tabindex="0">
          <span></span>
          <div class="options" id="file-type-options" role="listbox"></div>
        </div>
        <div id="filename-input-box" visibleif="saveas-file">
          <cr-input id="filename-input-textbox" class="entry-name"
              type="text" spellcheck="false"
              placeholder="$i18n{FILENAME_LABEL}"></cr-input>
        </div>
        <div class="preparing-label">$i18n{PREPARING_LABEL}</div>
        <div class="progress-bar"><div class="progress-track"></div></div>
      </div>
      <div class="right buttonbar">
        <button id="cancel-button" class="cancel secondary" tabindex="0">
          <div class="hover-layer"></div>
          <paper-ripple fit></paper-ripple>
          <span>$i18n{CANCEL_LABEL}</span>
        </button>
        <button id="ok-button" class="ok primary" disabled tabindex="0">
          <div class="hover-layer"></div>
          <paper-ripple fit></paper-ripple>
          <span></span>
        </button>
      </div>
    </div>
    <div id="drag-container"></div>
    <files-tooltip></files-tooltip>
    <files-quick-view tabindex="-1" id="quick-view"
                      no-playback-text="$i18n{QUICK_VIEW_NO_PLAYBACK_AVAILABLE}" no-preview-text="$i18n{QUICK_VIEW_NO_PREVIEW_AVAILABLE}">
    </files-quick-view>
    <iframe id="command-dispatcher" hidden aria-hidden="true"></iframe>
    <div id="drop-label"></div>
    <files-toast id="toast"></files-toast>
    <files-format-dialog id="format-dialog"></files-format-dialog>
    <xf-bulk-pinning-dialog></xf-bulk-pinning-dialog>
    <xf-nudge></xf-nudge>
  </body>
</html>