[filebrowser] First step to image editor.

chrome/browser/resources/file_manager/js/file_manager.js

 // Copyright (c) 2011 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 // Setting the src of an img to an empty string can crash the browser, so we
 // use an empty 1x1 gif instead.
 const EMPTY_IMAGE_URI = 'data:image/gif;base64,'
         + 'R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw%3D%3D';
 
 var g_slideshow_data = null;
 
-const IMAGE_EDITOR_ENABLED = false;
+const GALLERY_ENABLED = true;
 
 /**
  * FileManager constructor.
  *
  * FileManager objects encapsulate the functionality of the file selector
  * dialogs, as well as the full screen file manager application (though the
  * latter is not yet implemented).
  *
  * @param {HTMLElement} dialogDom The DOM node containing the prototypical
  *     dialog UI.
@@ skipping 1640 matching lines @@
       // Tweak images, titles of internal tasks.
       var task_parts = task.taskId.split('|');
       if (task_parts[0] == this.getExtensionId_()) {
         task.internal = true;
         if (task_parts[1] == 'preview') {
           // TODO(serya): This hack needed until task.iconUrl get working
           //              (see GetFileTasksFileBrowserFunction::RunImpl).
           task.iconUrl =
               chrome.extension.getURL('images/icon_preview_16x16.png');
           task.title = str('PREVIEW_IMAGE');
-        } else if (task_parts[1] == 'edit') {
-          task.iconUrl =
-              chrome.extension.getURL('images/icon_preview_16x16.png');
-          task.title = 'Edit';
-          if (!IMAGE_EDITOR_ENABLED) continue;  // Skip the button creation.
         } else if (task_parts[1] == 'play') {
           task.iconUrl =
               chrome.extension.getURL('images/icon_play_16x16.png');
           task.title = str('PLAY_MEDIA').replace("&", "");
         } else if (task_parts[1] == 'enqueue') {
           task.iconUrl =
               chrome.extension.getURL('images/icon_add_to_queue_16x16.png');
           task.title = str('ENQUEUE');
         } else if (task_parts[1] == 'mount-archive') {
           task.iconUrl =
               chrome.extension.getURL('images/icon_mount_archive_16x16.png');
           task.title = str('MOUNT_ARCHIVE');
           if (str('ENABLE_ARCHIVES') != 'true')
             continue;
+        } else if (task_parts[1] == 'gallery') {
+          task.iconUrl =
+              chrome.extension.getURL('images/icon_preview_16x16.png');
+          task.title = str('GALLERY');
+          if (!GALLERY_ENABLED) continue;  // Skip the button creation.
         }
       }
       this.renderTaskButton_(task);
     }
 
     // These are done in separate functions, as the checks require
     // asynchronous function calls.
     this.maybeRenderUnmountTask_(selection);
     this.maybeRenderFormattingTask_(selection);
   };
@@ skipping 166 matching lines @@
   /**
    * Event handler called when some internal task should be executed.
    */
   FileManager.prototype.onFileTaskExecute_ = function(id, details) {
     var urls = details.entries.map(function(entry) {
         return entry.toURL();
     });
     if (id == 'preview') {
       g_slideshow_data = urls;
       chrome.tabs.create({url: "slideshow.html"});
-    } else if (id == 'edit') {
-      this.openImageEditor_(details.entries[0]);
     } else if (id == 'play' || id == 'enqueue') {
       chrome.fileBrowserPrivate.viewFiles(urls, id);
     } else if (id == 'mount-archive') {
       for (var index = 0; index < urls.length; ++index) {
         this.mountRequests_.push(urls[index]);
         chrome.fileBrowserPrivate.addMount(urls[index], 'file', {});
       }
     } else if (id == 'unmount-archive') {
       for (var index = 0; index < urls.length; ++index) {
         chrome.fileBrowserPrivate.removeMount(urls[index]);
       }
     } else if (id == 'format-device') {
       this.confirm.show(str('FORMATTING_WARNING'), function() {
         chrome.fileBrowserPrivate.formatDevice(urls[0]);
       });
+    } else if (id == 'gallery') {
+      this.openGallery_(details.entries);
     }
   };
 
   FileManager.prototype.getDeviceNumber = function(entry) {
     if (!entry.isDirectory) return false;
     for (var i = 0; i < this.mountPoints_.length; i++) {
       if (normalizeAbsolutePath(entry.fullPath) ==
           normalizeAbsolutePath(this.mountPoints_[i].mountPath)) {
         return i;
       }
     }
     return undefined;
   }
 
-  FileManager.prototype.openImageEditor_ = function(entry) {
+  FileManager.prototype.openGallery_ = function(entries) {
     var self = this;
 
-    var editorFrame = this.document_.createElement('iframe');
-    editorFrame.className = 'overlay-pane';
-    editorFrame.scrolling = 'no';
+    var galleryFrame = this.document_.createElement('iframe');
+    galleryFrame.className = 'overlay-pane';
+    galleryFrame.scrolling = 'no';
 
-    editorFrame.onload = function() {
-      self.cacheMetadata_(entry, function(metadata) {
-        editorFrame.contentWindow.ImageEditor.open(
-            self.onImageEditorSave_.bind(self, entry),
-            function () { self.dialogDom_.removeChild(editorFrame) },
-            entry.toURL(),
-            metadata);
-      });
+    // TODO(dgozman): pass metadata to gallery.
+    galleryFrame.onload = function() {
+      galleryFrame.contentWindow.Gallery.open(
+          self.currentDirEntry_,
+          entries,
+          function () { self.dialogDom_.removeChild(galleryFrame) });
     };
 
-    editorFrame.src = 'js/image_editor/image_editor.html';
-
-    this.dialogDom_.appendChild(editorFrame);
-  };
-
-  FileManager.prototype.onImageEditorSave_ = function(entry, blob) {
-    // TODO(kaznacheev): Notify user properly about write failures.
-    util.writeBlobToFile(entry, blob, function(){},
-        util.flog('Error writing to ' + entry.fullPath));
-    this.updatePreview_();  // Metadata may have changed.
+    galleryFrame.src = 'js/image_editor/gallery.html';
+    this.dialogDom_.appendChild(galleryFrame);
   };
 
   /**
    * Update the breadcrumb display to reflect the current directory.
    */
   FileManager.prototype.updateBreadcrumbs_ = function() {
     var bc = this.dialogDom_.querySelector('.breadcrumbs');
     bc.innerHTML = '';
 
     var fullPath = this.currentDirEntry_.fullPath.replace(/\/$/, '');
@@ skipping 1393 matching lines @@
 
     if (msg) {
       console.log('no no no');
       this.alert.show(msg, onAccept);
       return false;
     }
 
     return true;
   };
 })();