Home | History | Annotate | Download | only in file_manager
      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="foreground/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/app_installer.js"></script>
     95       <script src="foreground/js/cws_container_client.js"></script>
     96       <script src="foreground/js/directory_contents.js"></script>
     97       <script src="foreground/js/directory_model.js"></script>
     98       <script src="foreground/js/directory_tree.js"></script>
     99       <script src="foreground/js/drag_selector.js"></script>
    100       <script src="foreground/js/drive_banners.js"></script>
    101       <script src="foreground/js/error_dialog.js"></script>
    102       <script src="foreground/js/file_operation_manager_wrapper.js"></script>
    103       <script src="foreground/js/file_grid.js"></script>
    104       <script src="foreground/js/file_manager.js"></script>
    105       <script src="foreground/js/file_selection.js"></script>
    106       <script src="foreground/js/file_table.js"></script>
    107       <script src="foreground/js/file_tasks.js"></script>
    108       <script src="foreground/js/file_transfer_controller.js"></script>
    109       <script src="foreground/js/file_type.js"></script>
    110       <script src="foreground/js/file_watcher.js"></script>
    111       <script src="foreground/js/folder_shortcuts_data_model.js"></script>
    112       <script src="foreground/js/navigation_list_model.js"></script>
    113       <script src="foreground/js/scrollbar.js"></script>
    114       <script src="foreground/js/share_client.js"></script>
    115       <script src="foreground/js/share_dialog.js"></script>
    116       <script src="foreground/js/suggest_apps_dialog.js"></script>
    117       <script src="foreground/js/text_measure.js"></script>
    118       <script src="foreground/js/tree.css.js"></script>
    119       <script src="foreground/js/ui/breadcrumbs_controller.js"></script>
    120       <script src="foreground/js/ui/conflict_dialog.js"></script>
    121       <script src="foreground/js/ui/file_manager_ui.js"></script>
    122       <script src="foreground/js/ui/navigation_list.js"></script>
    123       <script src="foreground/js/ui/preview_panel.js"></script>
    124       <script src="foreground/js/ui/progress_center_panel.js"></script>
    125       <script src="foreground/js/ui/search_box.js"></script>
    126       <script src="foreground/js/volume_manager_wrapper.js"></script>
    127       <script src="foreground/js/media/media_util.js"></script>
    128       <script src="foreground/js/metadata/metadata_cache.js"></script>
    129       <script src="foreground/js/default_action_dialog.js"></script>
    130       <script src="foreground/js/file_manager_commands.js"></script>
    131 
    132       <!-- For accurate load performance tracking main.js should be
    133            the last script to include. -->
    134       <script src="foreground/js/main.js"></script>
    135     </if>
    136 
    137   </head>
    138   <body tabindex="-1" i18n-values=".style.fontFamily:WEB_FONT_FAMILY;
    139                                    .style.fontSize:WEB_FONT_SIZE">
    140     <commands>
    141       <!-- We have to use U+XXXX notation here according to event.keyIdentifier
    142            property -->
    143       <command id="cut" i18n-values="label:CUT_BUTTON_LABEL"
    144                shortcut="U+0058-Ctrl">
    145       <command id="copy" i18n-values="label:COPY_BUTTON_LABEL"
    146                shortcut="U+0043-Ctrl">
    147       <command id="paste" i18n-values="label:PASTE_BUTTON_LABEL"
    148                shortcut="U+0056-Ctrl">
    149       <command id="rename" i18n-values="label:RENAME_BUTTON_LABEL"
    150                shortcut="Enter-Ctrl">
    151       <command id="delete" shortcut="U+007F">
    152       <command id="create-folder-shortcut"
    153                i18n-values="label:CREATE_FOLDER_SHORTCUT_BUTTON_LABEL">
    154       <command id="remove-folder-shortcut"
    155                i18n-values="label:REMOVE_FOLDER_SHORTCUT_BUTTON_LABEL">
    156       <command id="new-folder" i18n-values="label:NEW_FOLDER_BUTTON_LABEL"
    157                shortcut="U+0045-Ctrl">
    158       <command id="new-window" i18n-values="label:NEW_WINDOW_BUTTON_LABEL"
    159                shortcut="U+004E-Ctrl">
    160 
    161       <command id="search" shortcut="U+0046-Ctrl U+00BF">
    162 
    163       <!-- Shortcuts for toggling between volumes (CTRL-1..CTRL-9). -->
    164       <command id="volume-switch-1" shortcut="U+0031-Ctrl">
    165       <command id="volume-switch-2" shortcut="U+0032-Ctrl">
    166       <command id="volume-switch-3" shortcut="U+0033-Ctrl">
    167       <command id="volume-switch-4" shortcut="U+0034-Ctrl">
    168       <command id="volume-switch-5" shortcut="U+0035-Ctrl">
    169       <command id="volume-switch-6" shortcut="U+0036-Ctrl">
    170       <command id="volume-switch-7" shortcut="U+0037-Ctrl">
    171       <command id="volume-switch-8" shortcut="U+0038-Ctrl">
    172       <command id="volume-switch-9" shortcut="U+0039-Ctrl">
    173 
    174       <command id="unmount" i18n-values="label:UNMOUNT_DEVICE_BUTTON_LABEL">
    175       <command id="format" i18n-values="label:FORMAT_DEVICE_BUTTON_LABEL">
    176 
    177       <command id="volume-help" i18n-values="label:DRIVE_MENU_HELP">
    178       <command id="drive-buy-more-space"
    179                i18n-values="label:DRIVE_BUY_MORE_SPACE">
    180       <command id="drive-go-to-drive"
    181                i18n-values="label:DRIVE_VISIT_DRIVE_GOOGLE_COM">
    182 
    183       <command id="toggle-pinned" i18n-values="label:OFFLINE_COLUMN_LABEL">
    184 
    185       <command id="open-with" i18n-values="label:OPEN_WITH_BUTTON_LABEL">
    186       <command id="zip-selection"
    187                i18n-values="label:ZIP_SELECTION_BUTTON_LABEL">
    188       <command id="share" i18n-values="label:SHARE_BUTTON_LABEL"
    189                shortcut="U+00BE" hide-shortcut-text><!-- Shortcut: '.' -->
    190 
    191       <command id="zoom-in" shortcut="U+00BB-Ctrl">
    192       <command id="zoom-out" shortcut="U+00BD-Ctrl">
    193       <command id="zoom-reset" shortcut="U+0030-Ctrl">
    194     </commands>
    195 
    196     <menu id="file-context-menu" class="chrome-menu" showShortcuts>
    197       <menuitem id="default-action"
    198                 visibleif="full-page" hidden></menuitem>
    199       <menuitem command="#open-with"
    200                 visibleif="full-page" hidden></menuitem>
    201       <hr id="default-action-separator" visibleif="full-page" hidden>
    202       <menuitem command="#toggle-pinned" checkable></menuitem>
    203       <menuitem command="#share"></menuitem>
    204       <menuitem command="#create-folder-shortcut"></menuitem>
    205       <hr command="#share">
    206       <menuitem command="#cut" visibleif="full-page"></menuitem>
    207       <menuitem command="#copy" visibleif="full-page"></menuitem>
    208       <menuitem command="#paste" visibleif="full-page"></menuitem>
    209       <hr visibleif="full-page">
    210       <menuitem command="#rename"></menuitem>
    211       <menuitem command="#delete" i18n-content="DELETE_BUTTON_LABEL"></menuitem>
    212       <menuitem command="#zip-selection"></menuitem>
    213       <hr visibleif="saveas-file full-page">
    214       <menuitem command="#new-folder"
    215                 visibleif="saveas-file full-page"></menuitem>
    216     </menu>
    217 
    218     <menu id="roots-context-menu" class="chrome-menu" >
    219       <menuitem command="#unmount"></menuitem>
    220       <menuitem command="#format"></menuitem>
    221       <menuitem command="#remove-folder-shortcut"></menuitem>
    222     </menu>
    223 
    224     <menu id="directory-tree-context-menu" class="chrome-menu" >
    225       <menuitem command="#create-folder-shortcut"></menuitem>
    226     </menu>
    227 
    228     <menu id="gear-menu" class="chrome-menu" showShortcuts>
    229       <menuitem id="gear-menu-newwindow" command="#new-window"></menuitem>
    230       <menuitem id="gear-menu-newfolder" command="#new-folder"></menuitem>
    231       <hr id="drive-separator">
    232       <menuitem id="drive-sync-settings"
    233                 i18n-content="DRIVE_MOBILE_CONNECTION_OPTION"></menuitem>
    234       <menuitem id="drive-hosted-settings"
    235                 i18n-content="DRIVE_SHOW_HOSTED_FILES_OPTION"></menuitem>
    236       <hr>
    237       <div i18n-content="VIEW_TYPE_LABEL"></div>
    238       <menuitem class="menuitem-button left" id="detail-view"
    239               i18n-values="aria-label:DETAIL_VIEW_TOOLTIP">
    240       </menuitem>
    241       <menuitem class="menuitem-button right" id="thumbnail-view"
    242               i18n-values="aria-label:THUMBNAIL_VIEW_TOOLTIP">
    243       </menuitem>
    244       <hr>
    245       <menuitem id="gear-menu-drive-buy-more-space"
    246                 command="#drive-buy-more-space"></menuitem>
    247       <menuitem id="gear-menu-drive-go-to-drive"
    248                 command="#drive-go-to-drive"></menuitem>
    249       <menuitem id="gear-menu-volume-help"
    250                 command="#volume-help"></menuitem>
    251       <hr>
    252       <div id="volume-space-info">
    253         <div id="volume-space-info-contents">
    254           <span id="volume-space-info-label"></span>
    255           <div class="progress-bar">
    256             <div class="progress-track" id="volume-space-info-bar"></div>
    257           </div>
    258         </div>
    259       </div>
    260     </menu>
    261 
    262     <menu id="tasks-menu" class="chrome-menu">
    263     </menu>
    264 
    265     <menu id="text-context-menu" class="chrome-menu" showShortcuts>
    266         <menuitem command="#cut"></menuitem>
    267         <menuitem command="#copy"></menuitem>
    268         <menuitem command="#paste"></menuitem>
    269         <menuitem command="#delete" i18n-content="DELETE_BUTTON_LABEL"></menuitem>
    270     </menu>
    271 
    272     <div class="dialog-container">
    273       <div class="dialog-navigation-list">
    274         <div class="dialog-navigation-list-header">
    275           <span id="app-name"></span>
    276         </div>
    277         <div class="dialog-navigation-list-contents">
    278           <list id="navigation-list" tabindex="14"></list>
    279         </div>
    280         <div class="dialog-navigation-list-footer">
    281           <div id="progress-center" hidden>
    282             <li id="progress-center-close-view">
    283               <label></label>
    284               <div class="progress-frame">
    285                 <div class="progress-bar">
    286                   <div class="progress-track" hidden></div>
    287                 </div>
    288               </div>
    289             </li>
    290             <div id="progress-center-open-view"></div>
    291             <button class="toggle" tabindex="-1"></button>
    292           </div>
    293         </div>
    294       </div>
    295       <div class="splitter" id="navigation-list-splitter"></div>
    296       <div class="dialog-main">
    297         <div class="dialog-header">
    298           <div id="search-box">
    299             <div class="icon"></div>
    300             <div class="full-size">
    301               <input type="search" tabindex="-1"
    302                      i18n-values="aria-label:SEARCH_TEXT_LABEL">
    303             </div>
    304             <button class="clear"></button>
    305           </div>
    306           <div class="topbutton-bar">
    307             <button class="menubutton gear-button" id="gear-button" tabindex="3"
    308                     menu="#gear-menu"
    309                     i18n-values="aria-label:GEAR_BUTTON_TOOLTIP"
    310                     aria-activedescendant="gear-menu">
    311             </button>
    312             <button class="maximize-button" id="maximize-button"
    313                     visibleif="full-page" tabindex="-1">
    314             </button>
    315             <button class="close-button" id="close-button"
    316                     visibleif="full-page" tabindex="-1">
    317             </button>
    318           </div>
    319         </div>
    320         <div class="dialog-body">
    321           <div class="main-panel">
    322             <!-- The middle bar and spilitter are hidden by default, and will be shown by script if necessary. -->
    323             <div class="dialog-middlebar-contents" hidden>
    324               <div id="middlebar-header"
    325                    i18n-content="DRIVE_DIRECTORY_LABEL"></div>
    326               <tree id="directory-tree" tabindex="15"></tree>
    327             </div>
    328             <div class="splitter" id="middlebar-splitter" hidden></div>
    329             <div class="filelist-panel">
    330               <div class="drive-welcome header"></div>
    331               <div class="volume-warning" id="volume-space-warning" hidden></div>
    332               <div class="volume-warning" id="drive-auth-failed-warning" hidden>
    333                 <div class="drive-icon"></div>
    334                 <div class="drive-text" id="drive-auth-failed-warning-text"></div>
    335               </div>
    336               <div id="list-container">
    337                 <div class="detail-table" id="detail-table" tabindex="1" autofocus>
    338                 </div>
    339                 <grid class="thumbnail-grid" tabindex="2"></grid>
    340                 <div class="spinner-layer"></div>
    341                 <div class="drive-welcome page"></div>
    342                 <div id="no-search-results"></div>
    343               </div>
    344               <div class="downloads-warning" hidden></div>
    345             </div>
    346           </div>
    347           <div class="preview-panel progressable" visibility="hidden">
    348             <div class="left">
    349               <div>
    350                 <div class="preview-thumbnails"></div>
    351               </div>
    352               <div id="preview-lines">
    353                 <div class="preview-summary">
    354                   <span class="preview-text"></span>
    355                   <span class="calculating-size"></span>
    356                 </div>
    357                 <div id="search-breadcrumbs" class="breadcrumbs"></div>
    358               </div>
    359             </div>
    360             <div class="right buttonbar" visibleif="full-page">
    361               <button id="share-button" command="#share" tabindex="4"
    362                       i18n-values="aria-label:SHARE_BUTTON_LABEL"></button>
    363               <button id="tasks" class="combobutton" menu="#tasks-menu"
    364                       tabindex="5"></button>
    365               <button id="delete-button" command="#delete" tabindex="6"
    366                       i18n-values="aria-label:DELETE_BUTTON_LABEL"></button>
    367             </div>
    368             <div class="preparing-label" i18n-content="PREPARING_LABEL"></div>
    369             <div class="progress-bar">
    370               <div class="progress-track"></div>
    371             </div>
    372             <div class="right buttonbar" id="open-panel"
    373                  visibleif="open-file open-multi-file">
    374               <select class="file-type" hidden></select>
    375               <button class="ok" disabled tabindex="7"></button>
    376               <button class="cancel" i18n-content="CANCEL_LABEL" tabindex="8"></button>
    377             </div>
    378           </div>
    379           <div id="unmounted-panel"></div>
    380           <div id="format-panel">
    381             <div class="error"></div>
    382             <button id="format-button" command="#format"></button>
    383           </div>
    384         </div>
    385       </div>
    386     </div>
    387     <div class="dialog-footer progressable" tabindex="-1"
    388          visibleif="saveas-file folder upload-folder">
    389       <div class="left">
    390         <button id="new-folder-button" i18n-content="NEW_FOLDER_BUTTON_LABEL"
    391                 visibleif="saveas-file folder" command="#new-folder"
    392                 tabindex="9">
    393         </button>
    394         <div id="filename-input-box">
    395           <div class="filename-label" i18n-content="FILENAME_LABEL"></div>
    396           <input type="text" spellcheck="false" tabindex="10">
    397         </div>
    398         <div class="preparing-label" i18n-content="PREPARING_LABEL"></div>
    399         <div class="progress-bar">
    400           <div class="progress-track"></div>
    401         </div>
    402       </div>
    403       <div class="right buttonbar">
    404         <select class="file-type" hidden></select>
    405         <button class="ok" disabled tabindex="11"></button>
    406         <button class="cancel" i18n-content="CANCEL_LABEL" tabindex="12"></button>
    407       </div>
    408     </div>
    409     <div id="drag-container"></div>
    410     <iframe id="command-dispatcher" hidden></iframe>
    411     <div class="overlay-pane" id="iframe-drag-area" hidden></div>
    412   </body>
    413 </html>
    414