[filemanager] Context menu command to pin/unpin file on Drive.

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

 // Copyright (c) 2012 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.
 
 /**
  * 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).
@@ skipping 593 matching lines @@
 
     CommandUtil.registerCommand(doc, 'gdata-go-to-drive',
         Commands.gdataGoToDriveCommand, this);
 
     CommandUtil.registerCommand(doc, 'paste',
         Commands.pasteFileCommand, doc, this.fileTransferController_);
 
     CommandUtil.registerCommand(doc, 'open-with',
         Commands.openWithCommand, this);
 
+    CommandUtil.registerCommand(doc, 'available-offline',

[Dmitry Zvorygin, 2012/11/23 13:09:13]

Consider using verbs, like "toggle-pinned".

[dgozman, 2012/11/23 13:13:38]

Done.

+        Commands.availableOfflineCommand, this);
+
     CommandUtil.registerCommand(doc, 'zip-selection',
         Commands.zipSelectionCommand, this);
 
     CommandUtil.registerCommand(doc, 'search', Commands.searchCommand, this,
             this.dialogDom_.querySelector('#search-box'));
 
     CommandUtil.registerCommand(doc, 'cut', Commands.defaultCommand, doc);
     CommandUtil.registerCommand(doc, 'copy', Commands.defaultCommand, doc);
 
     var inputs = this.dialogDom_.querySelectorAll(
@@ skipping 1275 matching lines @@
     div.className = 'offline';
 
     if (entry.isDirectory)
       return div;
 
     var checkbox = this.renderCheckbox_();
     checkbox.classList.add('pin');
     checkbox.addEventListener('click',
                               this.onPinClick_.bind(this, checkbox, entry));
     checkbox.style.display = 'none';
+    checkbox.entry = entry;
     div.appendChild(checkbox);
 
     if (this.isOnGData()) {
       this.updateOffline_(
           div, this.metadataCache_.getCached(entry, 'gdata'));
     }
     return div;
   };
 
   FileManager.prototype.updateOffline_ = function(div, gdata) {
@@ skipping 379 matching lines @@
   FileManager.prototype.onCheckboxClick_ = function(event) {
     var sm = this.directoryModel_.getFileListSelection();
     var listIndex = this.findListItemForEvent_(event).listIndex;
     sm.setIndexSelected(listIndex, event.target.checked);
     sm.leadIndex = listIndex;
     if (sm.anchorIndex == -1)
       sm.anchorIndex = listIndex;
   };
 
   FileManager.prototype.onPinClick_ = function(checkbox, entry, event) {
-    // TODO(dgozman): revisit this method when gdata properties updated event
-    // will be available.
-    var self = this;
-    var pin = checkbox.checked;
-    function callback(props) {
-      var fileProps = props[0];
-      if (fileProps.errorCode && pin) {
-        self.metadataCache_.get(entry, 'filesystem', function(filesystem) {
-          self.alert.showHtml(str('GDATA_OUT_OF_SPACE_HEADER'),
-              strf('GDATA_OUT_OF_SPACE_MESSAGE',
-                  unescape(entry.name),
-                  util.bytesToSi(filesystem.size)));
-        });
-      }
-      // We don't have update events yet, so clear the cached data.
-      self.metadataCache_.clear(entry, 'gdata');
-      checkbox.checked = fileProps.isPinned;
-    }
-    chrome.fileBrowserPrivate.pinGDataFile([entry.toURL()], pin, callback);
+    var command = this.document_.querySelector('command#available-offline');
+    command.canExecuteChange(checkbox);
+    command.execute(checkbox);
     event.preventDefault();
   };
 
   FileManager.prototype.selectDefaultPathInFilenameInput_ = function() {
     var input = this.filenameInput_;
     input.focus();
     var selectionEnd = input.value.lastIndexOf('.');
     if (selectionEnd == -1) {
       input.select();
     } else {
@@ skipping 1059 matching lines @@
     return this.directoryModel_.getFileList();
   };
 
   /**
    * @return {cr.ui.List} Current list object.
    */
   FileManager.prototype.getCurrentList = function() {
     return this.currentList_;
   };
 })();