FileManager: Add thumbnail view.

chrome/browser/resources/file_manager/main.html

Index: chrome/browser/resources/file_manager/main.html
diff --git a/chrome/browser/resources/file_manager/main.html b/chrome/browser/resources/file_manager/main.html
index b2b8d9e2d3135cab5515a6525471abd8eb41e201..5bd5fa14f79ca5d26ea0719a739fce029316f783 100644
--- a/chrome/browser/resources/file_manager/main.html
+++ b/chrome/browser/resources/file_manager/main.html
@@ -38,6 +38,8 @@
        'cr/ui/table/table_header.js',
        'cr/ui/table/table_list.js',
        'cr/ui/table.js',
+
+       'cr/ui/grid.js',
       ];
 
       (function() {
@@ -76,12 +78,20 @@
     <div class=dialog-header>
       <div class=breadcrumbs></div>
       <!-- TODO(rginda): Detail/Thumbnail buttons. -->
+      <button class=detail-view
+              onclick='fileManager.setListType(FileManager.ListType.DETAIL)'

[zel, 2011/04/19 01:21:09]

can you wire this callbacks as event listeners instead

+              >&#x1D306;</button><button class=thumbnail-view
+              onclick='fileManager.setListType(FileManager.ListType.THUMBNAIL)'
+              >&#x283F;</button>
       <button i18n-content=NEW_FOLDER_BUTTON_LABEL class='new-folder'
               visibleif='this.dialogType_ == "saveas-file"'
               ></button>
     </div>
     <div class=dialog-body>
-      <div class=detail-table></div>
+      <div class=list-container>
+        <grid class=thumbnail-grid></grid>
+        <div class=detail-table></div>
+      </div>
       <div class=preview-container>
         <div class=table-header style='width:100%'>
           <div class=table-header-cell>