Upstream version 5.34.104.0
[platform/framework/web/crosswalk.git] / 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="False"><!-- </if>
30       <script src="foreground/js/main_scripts.js"></script>
31     <if expr="False"> --></if>
32
33     <if expr="False">
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_grid.js"></script>
103       <script src="foreground/js/file_manager.js"></script>
104       <script src="foreground/js/file_selection.js"></script>
105       <script src="foreground/js/file_table.js"></script>
106       <script src="foreground/js/file_tasks.js"></script>
107       <script src="foreground/js/file_transfer_controller.js"></script>
108       <script src="foreground/js/file_type.js"></script>
109       <script src="foreground/js/file_watcher.js"></script>
110       <script src="foreground/js/folder_shortcuts_data_model.js"></script>
111       <script src="foreground/js/navigation_list_model.js"></script>
112       <script src="foreground/js/progress_center_item_group.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="multi-profile-separator">
232       <hr id="drive-separator">
233       <menuitem id="drive-sync-settings"
234                 i18n-content="DRIVE_MOBILE_CONNECTION_OPTION"></menuitem>
235       <menuitem id="drive-hosted-settings"
236                 i18n-content="DRIVE_SHOW_HOSTED_FILES_OPTION"></menuitem>
237       <hr>
238       <div i18n-content="VIEW_TYPE_LABEL"></div>
239       <menuitem class="menuitem-button left" id="detail-view"
240               i18n-values="aria-label:DETAIL_VIEW_TOOLTIP">
241       </menuitem>
242       <menuitem class="menuitem-button right" id="thumbnail-view"
243               i18n-values="aria-label:THUMBNAIL_VIEW_TOOLTIP">
244       </menuitem>
245       <hr>
246       <menuitem id="gear-menu-drive-buy-more-space"
247                 command="#drive-buy-more-space"></menuitem>
248       <menuitem id="gear-menu-drive-go-to-drive"
249                 command="#drive-go-to-drive"></menuitem>
250       <menuitem id="gear-menu-volume-help"
251                 command="#volume-help"></menuitem>
252       <hr>
253       <div id="volume-space-info">
254         <div id="volume-space-info-contents">
255           <span id="volume-space-info-label"></span>
256           <div class="progress-bar">
257             <div class="progress-track" id="volume-space-info-bar"></div>
258           </div>
259         </div>
260       </div>
261     </menu>
262
263     <menu id="tasks-menu" class="chrome-menu">
264     </menu>
265
266     <menu id="text-context-menu" class="chrome-menu" showShortcuts>
267         <menuitem command="#cut"></menuitem>
268         <menuitem command="#copy"></menuitem>
269         <menuitem command="#paste"></menuitem>
270         <menuitem command="#delete" i18n-content="DELETE_BUTTON_LABEL"></menuitem>
271     </menu>
272
273     <div class="dialog-container">
274       <div class="dialog-navigation-list">
275         <div class="dialog-navigation-list-header">
276           <img id="profile-badge"></img><span id="app-name"></span>
277         </div>
278         <div class="dialog-navigation-list-contents">
279           <list id="navigation-list" tabindex="14"></list>
280         </div>
281         <div class="dialog-navigation-list-footer">
282           <div id="progress-center" hidden>
283             <li id="progress-center-close-view">
284               <div class="progress-frame">
285                 <label></label>
286                 <div class="progress-bar">
287                   <div class="progress-track" hidden></div>
288                 </div>
289               </div>
290               <div class="button-frame">
291                 <button class="cancel" tabindex="-1"></button>
292                 <button class="open" tabindex="-1"></button>
293               </div>
294             </li>
295             <div id="progress-center-open-view">
296               <button class="close" tabindex="-1"></button>
297             </div>
298           </div>
299         </div>
300       </div>
301       <div class="splitter" id="navigation-list-splitter"></div>
302       <div class="dialog-main">
303         <div class="dialog-header">
304           <div id="search-box">
305             <div class="icon"></div>
306             <div class="full-size">
307               <input type="search" tabindex="-1"
308                      i18n-values="aria-label:SEARCH_TEXT_LABEL">
309             </div>
310             <button class="clear"></button>
311           </div>
312           <div class="topbutton-bar">
313             <button class="menubutton gear-button" id="gear-button" tabindex="7"
314                     menu="#gear-menu"
315                     i18n-values="aria-label:GEAR_BUTTON_TOOLTIP"
316                     aria-activedescendant="gear-menu">
317             </button>
318             <button class="maximize-button" id="maximize-button"
319                     visibleif="full-page" tabindex="-1">
320             </button>
321             <button class="close-button" id="close-button"
322                     visibleif="full-page" tabindex="-1">
323             </button>
324           </div>
325         </div>
326         <div class="dialog-body">
327           <div class="main-panel">
328             <!-- The middle bar and spilitter are hidden by default, and will be shown by script if necessary. -->
329             <div class="dialog-middlebar-contents" hidden>
330               <div id="middlebar-header"
331                    i18n-content="DRIVE_DIRECTORY_LABEL"></div>
332               <tree id="directory-tree" tabindex="15"></tree>
333             </div>
334             <div class="splitter" id="middlebar-splitter" hidden></div>
335             <div class="filelist-panel">
336               <div class="drive-welcome header"></div>
337               <div class="volume-warning" id="volume-space-warning" hidden></div>
338               <div class="volume-warning" id="drive-auth-failed-warning" hidden>
339                 <div class="drive-icon"></div>
340                 <div class="drive-text" id="drive-auth-failed-warning-text"></div>
341               </div>
342               <div id="list-container">
343                 <div class="detail-table" id="detail-table" tabindex="5" autofocus>
344                 </div>
345                 <grid class="thumbnail-grid" tabindex="6"></grid>
346                 <div class="spinner-layer"></div>
347                 <div class="drive-welcome page"></div>
348                 <div id="no-search-results"></div>
349               </div>
350               <div class="downloads-warning" hidden></div>
351             </div>
352           </div>
353           <div class="preview-panel progressable" visibility="hidden">
354             <div class="left">
355               <div>
356                 <div class="preview-thumbnails"></div>
357               </div>
358               <div id="preview-lines">
359                 <div class="preview-summary">
360                   <span class="preview-text"></span>
361                   <span class="calculating-size"></span>
362                 </div>
363                 <div id="search-breadcrumbs" class="breadcrumbs"></div>
364               </div>
365             </div>
366             <div class="right buttonbar" visibleif="full-page">
367               <button id="share-button" command="#share" tabindex="8"
368                       i18n-values="aria-label:SHARE_BUTTON_LABEL"></button>
369               <button id="tasks" class="combobutton" menu="#tasks-menu"
370                       tabindex="9"></button>
371               <button id="delete-button" command="#delete" tabindex="10"
372                       i18n-values="aria-label:DELETE_BUTTON_LABEL"></button>
373             </div>
374             <div class="preparing-label" i18n-content="PREPARING_LABEL"></div>
375             <div class="progress-bar">
376               <div class="progress-track"></div>
377             </div>
378             <div class="right buttonbar" id="open-panel"
379                  visibleif="open-file open-multi-file">
380               <select class="file-type" hidden></select>
381               <button class="ok" disabled tabindex="11"></button>
382               <button class="cancel" i18n-content="CANCEL_LABEL" tabindex="12"></button>
383             </div>
384           </div>
385           <div id="unmounted-panel"></div>
386           <div id="format-panel">
387             <div class="error"></div>
388             <button id="format-button" command="#format"></button>
389           </div>
390         </div>
391       </div>
392     </div>
393     <div class="dialog-footer progressable" tabindex="-1"
394          visibleif="saveas-file folder upload-folder">
395       <div class="left">
396         <button id="new-folder-button" i18n-content="NEW_FOLDER_BUTTON_LABEL"
397                 visibleif="saveas-file folder" command="#new-folder"
398                 tabindex="4">
399         </button>
400         <div id="filename-input-box">
401           <div class="filename-label" i18n-content="FILENAME_LABEL"></div>
402           <input type="text" spellcheck="false" tabindex="1">
403         </div>
404         <div class="preparing-label" i18n-content="PREPARING_LABEL"></div>
405         <div class="progress-bar">
406           <div class="progress-track"></div>
407         </div>
408       </div>
409       <div class="right buttonbar">
410         <select class="file-type" hidden></select>
411         <button class="ok" disabled tabindex="2"></button>
412         <button class="cancel" i18n-content="CANCEL_LABEL" tabindex="3"></button>
413       </div>
414     </div>
415     <div id="drag-container"></div>
416     <iframe id="command-dispatcher" hidden></iframe>
417     <div class="overlay-pane" id="iframe-drag-area" hidden></div>
418   </body>
419 </html>