Home | History | Annotate | Download | only in file_manager
      1 <!DOCTYPE HTML>
      2 <!--
      3   -- Copyright (c) 2011 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>
      8   <head>
      9     <script>
     10       var css =
     11       ['list.css',
     12        'table.css',
     13        'menu.css'
     14       ];
     15 
     16       var script =
     17       ['local_strings.js',
     18        'i18n_template.js',
     19 
     20        'cr.js',
     21        'cr/locale.js',
     22        'cr/ui.js',
     23        'cr/event_target.js',
     24        'cr/ui/array_data_model.js',
     25        'cr/ui/list_item.js',
     26        'cr/ui/list_selection_model.js',
     27        'cr/ui/list_single_selection_model.js',
     28        'cr/ui/list_selection_controller.js',
     29        'cr/ui/list.js',
     30 
     31        'cr/ui/splitter.js',
     32        'cr/ui/table/table_splitter.js',
     33        'cr/ui/table/table_selection_model.js',
     34        'cr/ui/table/table_single_selection_model.js',
     35        'cr/ui/table/table_data_model.js',
     36 
     37        'cr/ui/table/table_column.js',
     38        'cr/ui/table/table_column_model.js',
     39        'cr/ui/table/table_header.js',
     40        'cr/ui/table/table_list.js',
     41        'cr/ui/table.js',
     42 
     43        'cr/ui/grid.js',
     44 
     45        'cr/ui/command.js',
     46        'cr/ui/position_util.js',
     47        'cr/ui/menu_item.js',
     48        'cr/ui/menu.js',
     49        'cr/ui/context_menu_handler.js',
     50       ];
     51 
     52       (function() {
     53         // Switch to 'test harness' mode when loading from a file url.
     54         var isHarness = document.location.protocol == 'file:';
     55 
     56         // In test harness mode we load resources from relative dirs.
     57         var prefix = isHarness ? '../shared/' : 'chrome://resources/';
     58 
     59         for (var i = 0; i < css.length; ++i) {
     60           document.write('prefix + 'css/' + css[i] +
     61                          '" rel="stylesheet">');
     62         }
     63 
     64         for (var i = 0; i < script.length; ++i) {
     65           document.write('<script src="' + prefix + 'js/' + script[i] +
     66                          '"><\57script>');
     67         }
     68 
     69         if (isHarness)
     70           document.write('<script src="js/mock_chrome.js"><\57script>');
     71      })();
     72 
     73     </script>
     74 
     75     <link rel="stylesheet" href="css/file_manager.css"></link>
     76 
     77     <script src="js/util.js"></script>
     78     <script src="js/file_manager.js"></script>
     79     <script src="js/main.js"></script>
     80 
     81     <!-- We have to set some default title, or chrome will use the page
     82       -- name.  As soon as we init and change to a directory, we'll use
     83       -- the directory as the page title.  Until then, have a unicode glyph
     84       -- of a tape reel.
     85       -->
     86     <title>&#x2707;</title>
     87   </head>
     88   <body i18n-values=".style.fontFamily:BODY_FONT_FAMILY;
     89                      .style.fontSize:BODY_FONT_SIZE">
     90     <commands>
     91       <command id="rename"></command>
     92       <command id="delete"></command>
     93     </commands>
     94 
     95     <menu class=file-context-menu>
     96       <menuitem i18n-content=RENAME_BUTTON_LABEL command='#rename'></menuitem>
     97       <menuitem i18n-content=DELETE_BUTTON_LABEL command='#delete'></menuitem>
     98     </menu>
     99 
    100     <div class=dialog-title visibleif='this.dialogType_ != "full-page"'
    101          >[TITLE]</div>
    102     <div class=dialog-header>
    103       <div class=breadcrumbs></div>
    104       <!-- TODO(rginda): Add icons instead of unicode glyphs -->
    105       <button class=detail-view
    106               ><img src='images/icon-detail-view.png'></button
    107       ><button class=thumbnail-view
    108               ><img src='images/icon-thumb-view.png'></button>
    109       <button i18n-content=NEW_FOLDER_BUTTON_LABEL class='new-folder'
    110               visibleif='this.dialogType_ == "saveas-file" ||
    111                          this.dialogType_ == "full-page"'
    112               ></button>
    113     </div>
    114     <div class=dialog-body>
    115       <div class=list-container>
    116         <grid class=thumbnail-grid></grid>
    117         <div class=detail-table></div>
    118       </div>
    119       <div class=preview-container>
    120         <div class=table-header style='width:100%'>
    121           <div class=table-header-cell>
    122             <div class='preview-label table-header-label'
    123                  i18n-content=PREVIEW_COLUMN_LABEL>[PREVIEW]</div>
    124           </div>
    125         </div>
    126         <div class=preview-filename></div>
    127         <center><img class=preview-img></center>
    128         <div class=vertical-spacer></div>
    129         <div class=task-buttons></div>
    130         <div class=preview-summary></div>
    131       </div>
    132     </div>
    133     <div class=dialog-footer visibleif='this.dialogType_ != "full-page"'>
    134       <div class=filename-label i18n-content=FILENAME_LABEL
    135            visibleif='this.dialogType_ == "saveas-file"'
    136            >[FILENAME]</div>
    137       <input type=text class=filename-input spellcheck=false
    138              visibleif='this.dialogType_ == "saveas-file"'>
    139       <div class=horizontal-spacer></div>
    140       <button class=ok disabled>[OK]</button>
    141       <button class=cancel i18n-content=CANCEL_LABEL>[CANCEL]</button>
    142     </div>
    143 
    144     <script>init();</script>
    145   </body>
    146 </html>
    147