src/chrome/browser/resources/file_manager/main.html

   1 <!DOCTYPE HTML>
   2 <!--
   3   -- Copyright (c) 2012 The Chromium Authors. All rights reserved.
   4   -- Use of this source code is governed by a BSD-style license that can be
   5   -- found in the LICENSE file.
   6   -->
   7 <html i18n-values="dir:textdirection;">
   8   <head>
   9     <!-- We have to set some default title, or chrome will use the page name.
  10       -- As soon as we init and change to a directory, we'll show the directory
  11       -- path. Until then, use an invisible non-whitespace character.
  12       -->
  13     <title>&#xFEFF;</title>
  14
  15     <meta name="google" value="notranslate">
  16
  17     <link rel="stylesheet" href="chrome://resources/css/apps/topbutton_bar.css"></link>
  18
  19     <link rel="stylesheet" href="foreground/css/list.css"></link>
  20     <link rel="stylesheet" href="foreground/css/table.css"></link>
  21     <link rel="stylesheet" href="foreground/css/tree.css"></link>
  22     <link rel="stylesheet" href="foreground/css/menu.css"></link>
  23     <link rel="stylesheet" href="foreground/css/combobutton.css"></link>
  24     <link rel="stylesheet" href="foreground/css/file_manager.css"></link>
  25     <link rel="stylesheet" href="foreground/css/file_types.css"></link>
  26     <link rel="stylesheet" href="foreground/css/common.css"></link>
  27
  28     <!-- Don't load main_scripts.js when flattening is disabled. -->
  29     <if expr="0"><!-- </if>
  30       <script src="foreground/js/main_scripts.js"></script>
  31     <if expr="0"> --></if>
  32
  33     <if expr="0">
  34       <!-- This section is used when the file manager is loaded with
  35            'filemgr-ext-path' command-line flag. -->
  36       <!-- Keep the list in sync with js/main_scripts.js. -->
  37
  38       <!-- metrics.js initiates load performance tracking
  39            so we want to parse it as early as possible -->
  40       <script src="js/metrics.js"></script>
  41
  42       <!-- Loads the client of the image loader extension -->
  43       <script src="chrome-extension://pmfjbimdmchhbnneeidfognadeopoehp/image_loader_client.js"></script>
  44
  45       <script src="chrome://resources/js/load_time_data.js"></script>
  46       <script src="chrome://resources/js/cr.js"></script>
  47       <script src="chrome://resources/js/util.js"></script>
  48       <script src="chrome://resources/js/i18n_template_no_process.js"></script>
  49
  50       <script src="chrome://resources/js/event_tracker.js"></script>
  51       <script src="chrome://resources/js/cr/ui.js"></script>
  52       <script src="chrome://resources/js/cr/event_target.js"></script>
  53       <script src="chrome://resources/js/cr/ui/touch_handler.js"></script>
  54       <script src="chrome://resources/js/cr/ui/array_data_model.js"></script>
  55       <script src="chrome://resources/js/cr/ui/dialogs.js"></script>
  56       <script src="chrome://resources/js/cr/ui/list_item.js"></script>
  57       <script src="chrome://resources/js/cr/ui/list_selection_model.js"></script>
  58       <script src="chrome://resources/js/cr/ui/list_single_selection_model.js"></script>
  59       <script src="chrome://resources/js/cr/ui/list_selection_controller.js"></script>
  60       <script src="chrome://resources/js/cr/ui/list.js"></script>
  61       <script src="chrome://resources/js/cr/ui/tree.js"></script>
  62       <script src="chrome://resources/js/cr/ui/autocomplete_list.js"></script>
  63
  64       <script src="chrome://resources/js/cr/ui/splitter.js"></script>
  65       <script src="chrome://resources/js/cr/ui/table/table_splitter.js"></script>
  66
  67       <script src="chrome://resources/js/cr/ui/table/table_column.js"></script>
  68       <script src="chrome://resources/js/cr/ui/table/table_column_model.js"></script>
  69       <script src="chrome://resources/js/cr/ui/table/table_header.js"></script>
  70       <script src="chrome://resources/js/cr/ui/table/table_list.js"></script>
  71       <script src="chrome://resources/js/cr/ui/table.js"></script>
  72
  73       <script src="chrome://resources/js/cr/ui/grid.js"></script>
  74
  75       <script src="chrome://resources/js/cr/ui/command.js"></script>
  76       <script src="chrome://resources/js/cr/ui/position_util.js"></script>
  77       <script src="chrome://resources/js/cr/ui/menu_item.js"></script>
  78       <script src="chrome://resources/js/cr/ui/menu.js"></script>
  79       <script src="chrome://resources/js/cr/ui/menu_button.js"></script>
  80       <script src="chrome://resources/js/cr/ui/context_menu_handler.js"></script>
  81
  82       <!-- This script must be loaded before all other Files.app's scripts. -->
  83       <script src="foreground/js/error_counter.js"></script>
  84
  85       <script src="common/js/async_util.js"></script>
  86       <script src="common/js/path_util.js"></script>
  87       <script src="common/js/util.js"></script>
  88       <script src="common/js/progress_center_common.js"></script>
  89
  90       <script src="foreground/js/combobutton.js"></script>
  91       <script src="foreground/js/commandbutton.js"></script>
  92       <script src="foreground/js/ui/file_manager_dialog_base.js"></script>
  93
  94       <script src="foreground/js/action_choice/action_choice_util.js"></script>
  95       <script src="foreground/js/app_installer.js"></script>
  96       <script src="foreground/js/butter_bar.js"></script>
  97       <script src="foreground/js/cws_container_client.js"></script>
  98       <script src="foreground/js/directory_contents.js"></script>
  99       <script src="foreground/js/directory_model.js"></script>
 100       <script src="foreground/js/directory_tree.js"></script>
 101       <script src="foreground/js/drag_selector.js"></script>
 102       <script src="foreground/js/drive_banners.js"></script>
 103       <script src="foreground/js/error_dialog.js"></script>
 104       <script src="foreground/js/file_operation_manager_wrapper.js"></script>
 105       <script src="foreground/js/file_grid.js"></script>
 106       <script src="foreground/js/file_manager.js"></script>
 107       <script src="foreground/js/file_selection.js"></script>
 108       <script src="foreground/js/file_table.js"></script>
 109       <script src="foreground/js/file_tasks.js"></script>
 110       <script src="foreground/js/file_transfer_controller.js"></script>
 111       <script src="foreground/js/file_type.js"></script>
 112       <script src="foreground/js/file_watcher.js"></script>
 113       <script src="foreground/js/folder_shortcuts_data_model.js"></script>
 114       <script src="foreground/js/navigation_list_model.js"></script>
 115       <script src="foreground/js/scrollbar.js"></script>
 116       <script src="foreground/js/share_client.js"></script>
 117       <script src="foreground/js/share_dialog.js"></script>
 118       <script src="foreground/js/suggest_apps_dialog.js"></script>
 119       <script src="foreground/js/text_measure.js"></script>
 120       <script src="foreground/js/tree.css.js"></script>
 121       <script src="foreground/js/ui/breadcrumbs_controller.js"></script>
 122       <script src="foreground/js/ui/conflict_dialog.js"></script>
 123       <script src="foreground/js/ui/file_manager_ui.js"></script>
 124       <script src="foreground/js/ui/navigation_list.js"></script>
 125       <script src="foreground/js/ui/preview_panel.js"></script>
 126       <script src="foreground/js/ui/progress_center_panel.js"></script>
 127       <script src="foreground/js/ui/search_box.js"></script>
 128       <script src="foreground/js/url_constants.js"></script>
 129       <script src="foreground/js/volume_manager_wrapper.js"></script>
 130       <script src="foreground/js/default_action_dialog.js"></script>
 131       <script src="foreground/js/file_manager_commands.js"></script>
 132
 133       <!-- For accurate load performance tracking main.js should be
 134            the last script to include. -->
 135       <script src="foreground/js/main.js"></script>
 136     </if>
 137
 138   </head>
 139   <body tabindex="-1" i18n-values=".style.fontFamily:WEB_FONT_FAMILY;
 140                                    .style.fontSize:WEB_FONT_SIZE">
 141     <commands>
 142       <!-- We have to use U+XXXX notation here according to event.keyIdentifier
 143            property -->
 144       <command id="cut" i18n-values="label:CUT_BUTTON_LABEL"
 145                shortcut="U+0058-Ctrl">
 146       <command id="copy" i18n-values="label:COPY_BUTTON_LABEL"
 147                shortcut="U+0043-Ctrl">
 148       <command id="paste" i18n-values="label:PASTE_BUTTON_LABEL"
 149                shortcut="U+0056-Ctrl">
 150       <command id="rename" i18n-values="label:RENAME_BUTTON_LABEL"
 151                shortcut="Enter-Ctrl">
 152       <command id="delete" shortcut="U+007F">
 153       <command id="create-folder-shortcut"
 154                i18n-values="label:CREATE_FOLDER_SHORTCUT_BUTTON_LABEL">
 155       <command id="remove-folder-shortcut"
 156                i18n-values="label:REMOVE_FOLDER_SHORTCUT_BUTTON_LABEL">
 157       <command id="new-folder" i18n-values="label:NEW_FOLDER_BUTTON_LABEL"
 158                shortcut="U+0045-Ctrl">
 159       <command id="new-window" i18n-values="label:NEW_WINDOW_BUTTON_LABEL"
 160                shortcut="U+004E-Ctrl">
 161       <command id="change-default-app"
 162                i18n-values="label:CHANGE_DEFAULT_APP_BUTTON_LABEL" hidden>
 163
 164       <command id="search" shortcut="U+0046-Ctrl U+00BF">
 165
 166       <!-- Shortcuts for toggling between volumes (CTRL-1..CTRL-9). -->
 167       <command id="volume-switch-1" shortcut="U+0031-Ctrl">
 168       <command id="volume-switch-2" shortcut="U+0032-Ctrl">
 169       <command id="volume-switch-3" shortcut="U+0033-Ctrl">
 170       <command id="volume-switch-4" shortcut="U+0034-Ctrl">
 171       <command id="volume-switch-5" shortcut="U+0035-Ctrl">
 172       <command id="volume-switch-6" shortcut="U+0036-Ctrl">
 173       <command id="volume-switch-7" shortcut="U+0037-Ctrl">
 174       <command id="volume-switch-8" shortcut="U+0038-Ctrl">
 175       <command id="volume-switch-9" shortcut="U+0039-Ctrl">
 176
 177       <command id="unmount" i18n-values="label:UNMOUNT_DEVICE_BUTTON_LABEL">
 178       <command id="format" i18n-values="label:FORMAT_DEVICE_BUTTON_LABEL">
 179       <command id="import-photos" i18n-values="label:PHOTO_IMPORT_TITLE" hidden>
 180
 181       <command id="volume-help" i18n-values="label:DRIVE_MENU_HELP">
 182       <command id="drive-buy-more-space"
 183                i18n-values="label:DRIVE_BUY_MORE_SPACE">
 184       <command id="drive-clear-local-cache"
 185                i18n-values="label:DRIVE_CLEAR_LOCAL_CACHE">
 186       <command id="drive-go-to-drive"
 187                i18n-values="label:DRIVE_VISIT_DRIVE_GOOGLE_COM">
 188
 189       <command id="toggle-pinned" i18n-values="label:OFFLINE_COLUMN_LABEL">
 190
 191       <command id="open-with" i18n-values="label:OPEN_WITH_BUTTON_LABEL">
 192       <command id="zip-selection"
 193                i18n-values="label:ZIP_SELECTION_BUTTON_LABEL">
 194       <command id="share" i18n-values="label:SHARE_BUTTON_LABEL">
 195
 196       <command id="zoom-in" shortcut="U+00BB-Ctrl">
 197       <command id="zoom-out" shortcut="U+00BD-Ctrl">
 198       <command id="zoom-reset" shortcut="U+0030-Ctrl">
 199     </commands>
 200
 201     <menu id="file-context-menu" class="chrome-menu" showShortcuts>
 202       <menuitem id="default-action"
 203                 visibleif="full-page" hidden></menuitem>
 204       <menuitem command="#open-with"
 205                 visibleif="full-page" hidden></menuitem>
 206       <hr id="default-action-separator" visibleif="full-page" hidden>
 207       <menuitem command="#toggle-pinned" checkable></menuitem>
 208       <menuitem command="#share"></menuitem>
 209       <menuitem command="#create-folder-shortcut"></menuitem>
 210       <hr command="#share">
 211       <menuitem command="#cut" visibleif="full-page"></menuitem>
 212       <menuitem command="#copy" visibleif="full-page"></menuitem>
 213       <menuitem command="#paste" visibleif="full-page"></menuitem>
 214       <hr visibleif="full-page">
 215       <menuitem command="#rename"></menuitem>
 216       <menuitem command="#delete" i18n-content="DELETE_BUTTON_LABEL"></menuitem>
 217       <menuitem command="#zip-selection"></menuitem>
 218       <hr visibleif="saveas-file full-page">
 219       <menuitem command="#new-folder"
 220                 visibleif="saveas-file full-page"></menuitem>
 221     </menu>
 222
 223     <menu id="roots-context-menu" class="chrome-menu" >
 224       <menuitem command="#import-photos"></menuitem>
 225       <menuitem command="#unmount"></menuitem>
 226       <menuitem command="#format"></menuitem>
 227       <menuitem command="#remove-folder-shortcut"></menuitem>
 228     </menu>
 229
 230     <menu id="directory-tree-context-menu" class="chrome-menu" >
 231       <menuitem command="#create-folder-shortcut"></menuitem>
 232     </menu>
 233
 234     <menu id="gear-menu" class="chrome-menu" showShortcuts>
 235       <menuitem id="gear-menu-newwindow" command="#new-window"></menuitem>
 236       <menuitem id="gear-menu-newfolder" command="#new-folder"></menuitem>
 237       <menuitem id="gear-menu-change-default-app"
 238                 command="#change-default-app"></menuitem>
 239       <hr id="drive-separator">
 240       <menuitem id="drive-sync-settings"
 241                 i18n-content="DRIVE_MOBILE_CONNECTION_OPTION"></menuitem>
 242       <menuitem id="drive-hosted-settings"
 243                 i18n-content="DRIVE_SHOW_HOSTED_FILES_OPTION"></menuitem>
 244       <hr command="#drive-clear-local-cache">
 245       <menuitem id="gear-menu-drive-clear-local-cache"
 246                 command="#drive-clear-local-cache"></menuitem>
 247       <hr>
 248       <div i18n-content="VIEW_TYPE_LABEL"></div>
 249       <menuitem class="menuitem-button left" id="detail-view"
 250               i18n-values="aria-label:DETAIL_VIEW_TOOLTIP">
 251       </menuitem>
 252       <menuitem class="menuitem-button right" id="thumbnail-view"
 253               i18n-values="aria-label:THUMBNAIL_VIEW_TOOLTIP">
 254       </menuitem>
 255       <hr>
 256       <menuitem id="gear-menu-drive-buy-more-space"
 257                 command="#drive-buy-more-space"></menuitem>
 258       <menuitem id="gear-menu-drive-go-to-drive"
 259                 command="#drive-go-to-drive"></menuitem>
 260       <menuitem id="gear-menu-volume-help"
 261                 command="#volume-help"></menuitem>
 262       <hr>
 263       <div id="volume-space-info">
 264         <div id="volume-space-info-contents">
 265           <span id="volume-space-info-label"></span>
 266           <div class="progress-bar">
 267             <div class="progress-track" id="volume-space-info-bar"></div>
 268           </div>
 269         </div>
 270       </div>
 271     </menu>
 272
 273     <menu id="tasks-menu" class="chrome-menu">
 274     </menu>
 275
 276     <menu id="text-context-menu" class="chrome-menu" showShortcuts>
 277         <menuitem command="#cut"></menuitem>
 278         <menuitem command="#copy"></menuitem>
 279         <menuitem command="#paste"></menuitem>
 280         <menuitem command="#delete" i18n-content="DELETE_BUTTON_LABEL"></menuitem>
 281     </menu>
 282
 283     <div class="dialog-container">
 284       <div class="dialog-navigation-list">
 285         <div class="dialog-navigation-list-header">
 286           <span id="app-name"></span>
 287         </div>
 288         <div class="dialog-navigation-list-contents">
 289           <list id="navigation-list" tabindex="14"></list>
 290         </div>
 291         <div class="dialog-navigation-list-footer">
 292           <!-- This progress center is under development and hidden. -->
 293           <div id="progress-center" hidden>
 294             <div id="progress-center-close-view">
 295               <li>
 296                 <label></label>
 297                 <div class="progress-frame">
 298                   <div class="progress-bar">
 299                     <div class="progress-track"></div>
 300                   </div>
 301                   <button class="toggle" tabindex="-1"></button>
 302                 </div>
 303               </li>
 304             </div>
 305             <div id="progress-center-open-view"></div>
 306           </div>
 307           <div id="butter-bar-container" hidden>
 308             <div id="butter-bar">
 309               <div class="content">
 310                 <div class="butter-message"></div>
 311                 <div class="progress-bar" hidden>
 312                   <div class="progress-track"></div>
 313                 </div>
 314               </div>
 315               <div class="actions" hidden></div>
 316             </div>
 317           </div>
 318         </div>
 319       </div>
 320       <div class="splitter" id="navigation-list-splitter"></div>
 321       <div class="dialog-main">
 322         <div class="dialog-header">
 323           <div id="search-box">
 324             <div class="icon"></div>
 325             <div class="full-size">
 326               <input type="search" tabindex="-1"
 327                      i18n-values="aria-label:SEARCH_TEXT_LABEL">
 328             </div>
 329             <button class="clear"></button>
 330           </div>
 331           <div class="topbutton-bar">
 332             <button class="menubutton gear-button" id="gear-button" tabindex="3"
 333                     menu="#gear-menu"
 334                     i18n-values="aria-label:GEAR_BUTTON_TOOLTIP"
 335                     aria-activedescendant="gear-menu">
 336             </button>
 337             <button class="maximize-button" id="maximize-button"
 338                     visibleif="full-page" tabindex="-1">
 339             </button>
 340             <button class="close-button" id="close-button"
 341                     visibleif="full-page" tabindex="-1">
 342             </button>
 343           </div>
 344         </div>
 345         <div class="dialog-body">
 346           <div class="main-panel">
 347             <!-- The middle bar and spilitter are hidden by default, and will be shown by script if necessary. -->
 348             <div class="dialog-middlebar-contents" hidden>
 349               <div id="middlebar-header"
 350                    i18n-content="DRIVE_DIRECTORY_LABEL"></div>
 351               <tree id="directory-tree" tabindex="15"></tree>
 352             </div>
 353             <div class="splitter" id="middlebar-splitter" hidden></div>
 354             <div class="filelist-panel">
 355               <div class="drive-welcome header"></div>
 356               <div class="volume-warning" id="volume-space-warning" hidden></div>
 357               <div class="volume-warning" id="drive-auth-failed-warning" hidden>
 358                 <div class="drive-icon"></div>
 359                 <div class="drive-text" id="drive-auth-failed-warning-text"></div>
 360               </div>
 361               <div id="list-container">
 362                 <div class="detail-table" id="detail-table" tabindex="1" autofocus>
 363                 </div>
 364                 <grid class="thumbnail-grid" tabindex="2"></grid>
 365                 <div class="spinner-layer"></div>
 366                 <div class="drive-welcome page"></div>
 367                 <div id="no-search-results"></div>
 368               </div>
 369               <div class="downloads-warning" hidden></div>
 370             </div>
 371           </div>
 372           <div class="preview-panel progressable" visibility="hidden">
 373             <div class="left">
 374               <div>
 375                 <div class="preview-thumbnails"></div>
 376               </div>
 377               <div id="preview-lines">
 378                 <div class="preview-summary">
 379                   <span class="preview-text"></span>
 380                   <span class="calculating-size"></span>
 381                 </div>
 382                 <div id="search-breadcrumbs" class="breadcrumbs"></div>
 383               </div>
 384             </div>
 385             <div class="right buttonbar" visibleif="full-page">
 386               <button id="share-button" command="#share" tabindex="4"
 387                       i18n-values="aria-label:SHARE_BUTTON_LABEL"></button>
 388               <button id="tasks" class="combobutton" menu="#tasks-menu"
 389                       tabindex="5"></button>
 390               <button id="delete-button" command="#delete" tabindex="6"
 391                       i18n-values="aria-label:DELETE_BUTTON_LABEL"></button>
 392             </div>
 393             <div class="preparing-label" i18n-content="PREPARING_LABEL"></div>
 394             <div class="progress-bar">
 395               <div class="progress-track"></div>
 396             </div>
 397             <div class="right buttonbar" id="open-panel"
 398                  visibleif="open-file open-multi-file">
 399               <select class="file-type"></select>
 400               <button class="ok" disabled tabindex="7"></button>
 401               <button class="cancel" i18n-content="CANCEL_LABEL" tabindex="8"></button>
 402             </div>
 403           </div>
 404           <div id="unmounted-panel"></div>
 405           <div id="format-panel">
 406             <div class="error"></div>
 407             <button id="format-button" command="#format"></button>
 408           </div>
 409         </div>
 410       </div>
 411     </div>
 412     <div class="dialog-footer progressable" tabindex="-1"
 413          visibleif="saveas-file folder">
 414       <div class="left">
 415         <button id="new-folder-button" i18n-content="NEW_FOLDER_BUTTON_LABEL"
 416                 visibleif="saveas-file folder" command="#new-folder"
 417                 tabindex="9">
 418         </button>
 419         <div id="filename-input-box">
 420           <div class="filename-label" i18n-content="FILENAME_LABEL"></div>
 421           <input type="text" spellcheck="false" tabindex="10">
 422         </div>
 423         <div class="preparing-label" i18n-content="PREPARING_LABEL"></div>
 424         <div class="progress-bar">
 425           <div class="progress-track"></div>
 426         </div>
 427       </div>
 428       <div class="right buttonbar">
 429         <select class="file-type"></select>
 430         <button class="ok" disabled tabindex="11"></button>
 431         <button class="cancel" i18n-content="CANCEL_LABEL" tabindex="12"></button>
 432       </div>
 433     </div>
 434     <div id="drag-container"></div>
 435     <iframe id="command-dispatcher" hidden></iframe>
 436     <div class="overlay-pane" id="iframe-drag-area" hidden></div>
 437   </body>
 438 </html>