Gallery.app: Handles readonly volumes.

ui/file_manager/gallery/js/gallery.js

 // Copyright 2014 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.
 
 'use strict';
 
 /**
  * Called from the main frame when unloading.
  * @param {boolean=} opt_exiting True if the app is exiting.
  */
 function unload(opt_exiting) { Gallery.instance.onUnload(opt_exiting); }
 
 /**
  * Overrided metadata worker's path.
  * @type {string}
  * @const
  */
 ContentProvider.WORKER_SCRIPT = '/js/metadata_worker.js';
 
 /**
  * Data model for gallery.
  *
  * @param {MetadataCache} metadataCache Metadata cache.
  * @constructor
  * @extends {cr.ui.ArrayDataModel}
  */
 function GalleryDataModel(metadataCache) {
   cr.ui.ArrayDataModel.call(this, []);
+
+  /**
+   * Metadata cache.
+   * @type {MetadataCache}
+   * @private
+   */
   this.metadataCache_ = metadataCache;
+
+  /**
+   * Directory where the image is saved if the image is located in a read-only
+   * volume.
+   * @type {DirectoryEntry}
+   */
+  this.fallbackSaveDirectory = null;
 }
 
 /**
  * Maximum number of full size image cache.
  * @type {number}
  * @const
  * @private
  */
 GalleryDataModel.MAX_FULL_IMAGE_CACHE_ = 3;
 
@@ skipping 25 matching lines @@
   var newMetadata = ContentProvider.ConvertContentMetadata(
       metadataEncoder.getMetadata(),
       MetadataCache.cloneMetadata(item.getMetadata()));
   if (newMetadata.filesystem)
     newMetadata.filesystem.modificationTime = new Date();
   if (newMetadata.drive)
     newMetadata.drive.present = true;
 
   return new Promise(function(fulfill, reject) {
     item.saveToFile(
-        null,
+        this.fallbackSaveDirectory,
         overwrite,
         canvas,
         metadataEncoder,
         function(success) {
           if (!success) {
             reject('Failed to save the image.');
             return;
           }
 
           // The item's entry is updated to the latest entry. Update metadata.
@@ skipping 10 matching lines @@
           if (util.isSameEntry(oldEntry, item.getEntry())) {
             // Need an update of metdataCache.
             this.metadataCache_.set(
                 item.getEntry(),
                 Gallery.METADATA_TYPE,
                 newMetadata);
           } else {
             // New entry is added and the item now tracks it.
             // Add another item for the old entry.
             var anotherItem = new Gallery.Item(
-                oldEntry, oldMetadata, this.metadataCache_, item.isOriginal());
+                oldEntry,
+                oldMetadata,
+                this.metadataCache_,
+                item.isOriginal(),
+                item.isReadOnly());
             // The item must be added behind the existing item so that it does
             // not change the index of the existing item.
             // TODO(hirono): Update the item index of the selection model
             // correctly.
             this.splice(this.indexOf(item) + 1, 0, anotherItem);
           }
 
           fulfill();
         }.bind(this));
   }.bind(this));
@@ skipping 67 matching lines @@
   };
   this.container_ = document.querySelector('.gallery');
   this.document_ = document;
   this.metadataCache_ = this.context_.metadataCache;
   this.volumeManager_ = volumeManager;
   this.selectedEntry_ = null;
   this.metadataCacheObserverId_ = null;
   this.onExternallyUnmountedBound_ = this.onExternallyUnmounted_.bind(this);
 
   this.dataModel_ = new GalleryDataModel(this.context_.metadataCache);
+  var downloadVolumeInfo = this.volumeManager_.getCurrentProfileVolumeInfo(
+      VolumeManagerCommon.VolumeType.DOWNLOADS);
+  downloadVolumeInfo.resolveDisplayRoot().then(function(entry) {
+    this.dataModel_.fallbackSaveDirectory = entry;
+  }.bind(this)).catch(function(error) {
+    console.error(
+        'Failed to obtain the fallback directory: ' + (error.stack || error));
+  });
   this.selectionModel_ = new cr.ui.ListSelectionModel();
 
   this.initDom_();
   this.initListeners_();
 }
 
 /**
  * Gallery extends cr.EventTarget.
  */
 Gallery.prototype.__proto__ = cr.EventTarget.prototype;
@@ skipping 127 matching lines @@
   this.filenameEdit_.addEventListener('focus',
       this.onFilenameFocus_.bind(this));
 
   this.filenameEdit_.addEventListener('keydown',
       this.onFilenameEditKeydown_.bind(this));
 
   var middleSpacer = this.filenameSpacer_ =
       this.toolbar_.querySelector('.middle-spacer');
   var buttonSpacer = this.toolbar_.querySelector('button-spacer');
 
-  this.prompt_ = new ImageEditor.Prompt(this.container_, str);
+  this.prompt_ = new ImageEditor.Prompt(this.container_, strf);
 
   this.modeButton_ = this.toolbar_.querySelector('button.mode');
   this.modeButton_.addEventListener('click', this.toggleMode_.bind(this, null));
 
   this.mosaicMode_ = new MosaicMode(content,
                                     this.dataModel_,
                                     this.selectionModel_,
                                     this.volumeManager_,
                                     this.toggleMode_.bind(this, null));
 
@@ skipping 51 matching lines @@
  * @param {!Array.<Entry>} selectedEntries Array of selected entries.
  */
 Gallery.prototype.load = function(entries, selectedEntries) {
   // Obtains max chank size.
   var maxChunkSize = 20;
   var volumeInfo = this.volumeManager_.getVolumeInfo(entries[0]);
   if (volumeInfo &&
       volumeInfo.volumeType === VolumeManagerCommon.VolumeType.MTP) {
     maxChunkSize = 1;
   }
+  if (volumeInfo.isReadOnly)
+    this.context_.readonlyDirName = volumeInfo.label;
 
   // Make loading list.
   var entrySet = {};
   for (var i = 0; i < entries.length; i++) {
     var entry = entries[i];
     entrySet[entry.toURL()] = {
       entry: entry,
       selected: false,
       index: i
     };
@@ skipping 33 matching lines @@
       var entries = chunk.map(function(chunkItem) {
         return chunkItem.entry;
       });
       self.metadataCache_.get(entries, Gallery.METADATA_TYPE, fulfill);
     }).then(function(metadataList) {
       if (chunk.length !== metadataList.length)
         return Promise.reject('Failed to load metadata.');
 
       // Add items to the model.
       var items = chunk.map(function(chunkItem, index) {
+        var volumeInfo = self.volumeManager_.getVolumeInfo(chunkItem.entry);
         var clonedMetadata = MetadataCache.cloneMetadata(metadataList[index]);
         return new Gallery.Item(
             chunkItem.entry,
             clonedMetadata,
             self.metadataCache_,
-            /* original */ true);
+            /* original */ true,
+            /* readonly */ !!(volumeInfo && volumeInfo.isReadOnly));
       });
       self.dataModel_.push.apply(self.dataModel_, items);
 
       // Apply the selection.
       var selectionUpdated = false;
       for (var i = 0; i < chunk.length; i++) {
         if (!chunk[i].selected)
           continue;
         var index = self.dataModel_.indexOf(items[i]);
         if (index < 0)
@@ skipping 315 matching lines @@
 
 // Name box and rename support.
 
 /**
  * Updates the UI related to the selected item and the persistent state.
  *
  * @private
  */
 Gallery.prototype.updateSelectionAndState_ = function() {
   var numSelectedItems = this.selectionModel_.selectedIndexes.length;
-  var displayName = '';
   var selectedEntryURL = null;
 
   // If it's selecting something, update the variable values.
   if (numSelectedItems) {
     // Obtains selected item.
     var selectedItem =
         this.dataModel_.item(this.selectionModel_.selectedIndex);
     this.selectedEntry_ = selectedItem.getEntry();
     selectedEntryURL = this.selectedEntry_.toURL();
 
     // Update cache.
     selectedItem.touch();
     this.dataModel_.evictCache();
 
     // Update the title and the display name.
     if (numSelectedItems === 1) {
       window.top.document.title = this.selectedEntry_.name;
-      displayName = ImageUtil.getDisplayNameFromName(this.selectedEntry_.name);
+      this.filenameEdit_.disabled = selectedItem.isReadOnly();
+      this.filenameEdit_.value =
+          ImageUtil.getDisplayNameFromName(this.selectedEntry_.name);
     } else if (this.context_.curDirEntry) {
       // If the Gallery was opened on search results the search query will not
       // be recorded in the app state and the relaunch will just open the
       // gallery in the curDirEntry directory.
       window.top.document.title = this.context_.curDirEntry.name;
-      displayName = strf('GALLERY_ITEMS_SELECTED', numSelectedItems);
+      this.filenameEdit_.disabled = true;
+      this.filenameEdit_.value =
+          strf('GALLERY_ITEMS_SELECTED', numSelectedItems);
     }
   }
 
   window.top.util.updateAppState(
       null,  // Keep the current directory.
       selectedEntryURL,  // Update the selection.
       {gallery: (this.currentMode_ === this.mosaicMode_ ? 'mosaic' : 'slide')});
 
-  // We can't rename files in readonly directory.
-  // We can only rename a single file.
-  this.filenameEdit_.disabled = numSelectedItems !== 1 ||
-                                this.context_.readonlyDirName;
-  this.filenameEdit_.value = displayName;
-
   // Update the share button.
   var item = this.getSingleSelectedItem();
   this.shareButton_.hidden = !item || !item.isOnDrive();
 };
 
 /**
  * Click event handler on filename edit box
  * @private
  */
 Gallery.prototype.onFilenameFocus_ = function() {
@@ skipping 127 matching lines @@
   window.loadTimeData.data = backgroundComponents.stringData;
   gallery = new Gallery(backgroundComponents.volumeManager);
 };
 
 /**
  * Loads entries.
  */
 window.loadEntries = function(entries, selectedEntries) {
   gallery.load(entries, selectedEntries);
 };