blob: f06aba39aa0581c6db0c682f211c2888a8518768 [file] [log] [blame]
<!DOCTYPE HTML>
<!--
-- Copyright (c) 2012 The Chromium Authors. All rights reserved.
-- 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>
<meta name="google" value="notranslate">
<link rel="stylesheet" href="chrome://resources/css/action_link.css">
<link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
<link rel="stylesheet" href="chrome://resources/chromeos/colors/cros_colors.generated.css">
<link rel="stylesheet" href="foreground/css/list.css">
<link rel="stylesheet" href="foreground/css/table.css">
<link rel="stylesheet" href="foreground/css/tree.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_status.css">
<link rel="stylesheet" href="foreground/css/file_types.css">
<link rel="stylesheet" href="foreground/css/common.css">
<script type="module" src="foreground/js/main.js" defer></script>
</head>
<body aria-label="$i18n{FILEMANAGER_APP_NAME}" tabindex="-1" class="files-ng">
<custom-style>
<style>
.dialog-footer cr-input {
--cr-input-border-bottom: 1px solid var(--google-grey-800);
--cr-input-border-radius: 0;
--cr-input-error-display: none;
--cr-input-padding-end: 0;
--cr-input-padding-start: 0;
--cr-input-padding-bottom: 2px;
width: 100%;
}
paper-progress {
--paper-progress-active-color: rgb(26, 194, 34);
}
body.check-select .dialog-header files-toggle-ripple {
--files-toggle-ripple-bg-color: black;
--files-toggle-ripple-activated-bg-color: black;
--files-toggle-ripple-activated-opacity: 0.08;
}
body.check-select .dialog-header files-ripple {
--files-ripple-bg-color: black;
}
</style>
</custom-style>
<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="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}">
<!-- TODO(crbug.com/953310): Remove 'Backspace|Alt' and 'Delete' from
'delete' once trash is permanently enabled. For now, these shortcuts
are left for backward-compatibility for when trash is not enabled,
but 'restore-from-trash' intentionally shadows these shortcuts when
trash is enabled -->
<command id="delete" shortcut="Backspace|Alt Delete Backspace|Alt|Shift Delete|Shift">
<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_MOBILE_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="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="more-actions" label="$i18n{MORE_ACTIONS_BUTTON_LABEL}">
<command id="show-submenu" label="$i18n{MORE_ACTIONS_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="set-wallpaper"
label="$i18n{SET_WALLPAPER_BUTTON_LABEL}">
<command id="share" label="$i18n{SHARE_BUTTON_LABEL}" disabled hidden
shortcut="." hide-shortcut-text>
<command id="manage-in-drive"
label="$i18n{MANAGE_IN_DRIVE_BUTTON_LABEL}" 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="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="inspect-background" shortcut="B|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="#more-actions"
visibleif="full-page" class="hide-on-toolbar" sub-menu="#share-menu" hidden></cr-menu-item>
<cr-menu-item command="#invoke-sharesheet"
visibleif="full-page" class="hide-on-toolbar">
$i18n{SHARE_BUTTON_TOOLTIP}
</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="#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="#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="#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>
<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>
<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>
<hr id="help-separator">
<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>
</cr-menu-item>
</cr-menu>
<cr-menu id="tasks-menu" class="chrome-menu files-menu"
aria-label="$i18n{OPEN_WITH_BUTTON_LABEL}"
menu-item-selector="cr-menu-item, hr">
</cr-menu>
<cr-menu id="share-menu" class="chrome-menu files-menu"
aria-label="$i18n{MORE_ACTIONS_BUTTON_LABEL}"
menu-item-selector="cr-menu-item, hr">
<cr-menu-item command="#share"></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>
<hr id="drive-share-separator">
<hr id="more-actions-separator">
<cr-menu-item command="#show-submenu"
visibleif="full-page" class="hide-on-toolbar"
sub-menu="#share-sub-menu" hidden></cr-menu-item>
</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 id="share-sub-menu" class="chrome-menu files-menu"
menu-item-selector="cr-menu-item">
</cr-menu>
</menus>
<div id="cloud-import-details" class="hidden" hidden>
<div class="banner">
<div class="title">$i18n{CLOUD_IMPORT_TITLE}</div>
<div class="description">$i18n{CLOUD_IMPORT_DESCRIPTION}</div>
</div>
<div class="main">
<div class="status">
<iron-icon icon="files:cloud-queue"></iron-icon>
<div class="content"></div>
</div>
<div class="progress"><div class="value"></div></div>
<cr-button class="import" tabindex="0">
<span>$i18n{CLOUD_IMPORT_COMMAND}</span>
</cr-button>
<cr-button class="cancel" tabindex="0">
<span>$i18n{CLOUD_IMPORT_CANCEL_COMMAND}</span>
</cr-button>
</div>
</div>
<div class="dialog-container">
<div class="dialog-navigation-list">
<div class="dialog-navigation-list-contents" role="navigation">
<tree id="directory-tree" role="tree" tabindex="0" files-ng></tree>
</div>
</div>
<div class="splitter" id="navigation-list-splitter">
<cr-button aria-hidden="true" class="splitter-button" tabindex="-1">
<div class="icon"></div>
</cr-button>
</div>
<div class="dialog-main">
<div class="dialog-header files-ng" role="contentinfo">
<div id="location-breadcrumbs" class="breadcrumbs"></div>
<div id="read-only-indicator" 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>
<cr-toggle id="pinned-toggle" command="#toggle-pinned"
aria-labelledby="pinned-toggle-label">
</cr-toggle>
</div>
<button id="tasks" class="combobutton menu-button" menu="#tasks-menu"
tabindex="0" hidden
aria-label="$i18n{TASKS_BUTTON_LABEL}">
</button>
<button id="share-menu-button" class="icon-button menu-button" tabindex="0" hidden
menu="#share-menu"
aria-label="$i18n{SHARE_BUTTON_TOOLTIP}"
aria-activedescendant="share-menu"
has-tooltip>
<files-toggle-ripple></files-toggle-ripple>
<div class="icon"></div>
</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>
<files-ripple></files-ripple>
<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>
<files-ripple></files-ripple>
<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>
<files-ripple></files-ripple>
<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>
<files-ripple></files-ripple>
<div class="icon"></div>
</cr-button>
<cr-button id="empty-trash-button" class="icon-button menu-button" tabindex="0" hidden
aria-label="$i18n{EMPTY_TRASH_BUTTON_LABEL}"
visibleif="full-page"
has-tooltip>
<files-ripple></files-ripple>
$i18n{EMPTY_TRASH_BUTTON_LABEL}
</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>
<files-toggle-ripple></files-toggle-ripple>
<div class="icon"></div>
</cr-button>
<div id="search-box">
<cr-input type="search" tabindex="0" 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="refresh-button" class="icon-button menu-button" tabindex="0" hidden
aria-label="$i18n{REFRESH_BUTTON_LABEL}"
command="#refresh" has-tooltip>
<files-ripple></files-ripple>
<div class="icon"></div>
</cr-button>
<div id="cloud-import-combo-button"
class="cloud-import-combo-button"
hidden>
<div class="buttons">
<cr-button id="cloud-import-button"
class="icon-button menu-button"
tabindex="0"
aria-label="$i18n{CLOUD_IMPORT_COMMAND}"
has-tooltip>
<iron-icon icon="files:cloud-queue"></iron-icon>
</cr-button>
<cr-button id="cloud-import-details-button"
class="icon-button menu-button"
tabindex="0"
aria-label="$i18n{CLOUD_IMPORT_SHOW_DETAILS}"
has-tooltip>
<iron-icon icon="files:arrow-drop-down"></iron-icon>
</cr-button>
</div>
<div class="ripples">
<paper-ripple></paper-ripple>
<files-toggle-ripple></files-toggle-ripple>
</div>
</div>
<cr-button id="view-button" class="icon-button menu-button" tabindex="0"
aria-label="$i18n{CHANGE_TO_THUMBNAILVIEW_BUTTON_LABEL}"
has-tooltip>
<files-ripple></files-ripple>
<div class="icon"></div>
</cr-button>
<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>
<files-toggle-ripple></files-toggle-ripple>
<div class="icon"></div>
</button>
<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>
<files-toggle-ripple></files-toggle-ripple>
<div class="icon"></div>
</button>
<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>
<files-toggle-ripple></files-toggle-ripple>
<div class="icon"></div>
</button>
</div>
</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 class="drive-welcome header"></div>
<div id="photos-welcome" class="photos-welcome-hidden" hidden></div>
<div class="holding-space-welcome" hidden style="height: 0; opacity: 0;"></div>
<div class="volume-warning banner-cloud-bg" id="volume-space-warning" hidden></div>
<div class="volume-warning banner-cloud-bg" id="drive-auth-failed-warning" hidden>
<div class="drive-icon"></div>
<div class="drive-text" id="drive-auth-failed-warning-text"></div>
</div>
<div class="volume-warning" id="offline-info-banner" hidden>
<div class="info-icon"></div>
<div id="offline-info-banner-text" class="body2-primary">
$i18n{OFFLINE_BANNER_MESSAGE}
</div>
<div class="button-group">
<cr-button id="offline-learn-more" class="banner-close text-button"
aria-labelledby="offline-info-banner-text"
aria-describedby="offline-learn-more"
aria-disabled="false" role="button" tabindex="0">
$i18n{DRIVE_LEARN_MORE}
</cr-button>
</div>
</div>
<div class="downloads-warning" hidden></div>
<div id="trash-deleted-forever" class="trash-warning" hidden>
$i18n{TRASH_DELETED_FOREVER}
</div>
<files-message id='files-message' hidden></files-message>
<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"></div>
<span id="empty-folder-label" class="label">$i18n{EMPTY_FOLDER}</span>
</div>
<div class="detail-table" id="detail-table" tabindex="0">
</div>
<grid class="thumbnail-grid" tabindex="0" hidden></grid>
<paper-progress class="loading-indicator" indeterminate hidden></paper-progress>
<files-spinner class="loading-indicator" hidden></files-spinner>
<div class="drive-welcome page"></div>
</div>
</div>
</div>
<div id="unmounted-panel"></div>
<div id="format-panel">
<div class="error"></div>
<button id="format-button" command="#format"></button>
</div>
</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>
</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>
<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" tabindex="0" 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">
<paper-ripple fit></paper-ripple>
<span>$i18n{CANCEL_LABEL}</span>
</button>
<button id="ok-button" class="ok primary" disabled tabindex="0">
<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>
</body>
</html>