Reland: Add button to add new FSP services to Files app.

ui/file_manager/file_manager/foreground/js/ui/suggest_apps_dialog.js

 // Copyright (c) 2013 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.
 
 /**
  * SuggestAppsDialog contains a list box to select an app to be opened the file
  * with. This dialog should be used as action picker for file operations.
  */
 
 /**
  * The width of the widget (in pixel).
  * @type {number}
  * @const
  */
 var WEBVIEW_WIDTH = 735;
 /**
  * The height of the widget (in pixel).
  * @type {number}
  * @const
  */
 var WEBVIEW_HEIGHT = 480;
 
 /**
- * The URL of the widget.
+ * The URL of the widget showing suggested apps.
  * @type {string}
  * @const
  */
 var CWS_WIDGET_URL =
     'https://clients5.google.com/webstore/wall/cros-widget-container';
+
 /**
  * The origin of the widget.
  * @type {string}
  * @const
  */
 var CWS_WIDGET_ORIGIN = 'https://clients5.google.com';
 
 /**
  * Creates dialog in DOM tree.
  *
@@ skipping 15 matching lines @@
 
   var spinnerLayer = this.document_.createElement('div');
   spinnerLayer.className = 'spinner-layer';
   this.webviewContainer_.appendChild(spinnerLayer);
 
   this.buttons_ = this.document_.createElement('div');
   this.buttons_.id = 'buttons';
   this.frame_.appendChild(this.buttons_);
 
   this.webstoreButton_ = this.document_.createElement('div');
+  this.webstoreButton_.hidden = true;
   this.webstoreButton_.id = 'webstore-button';
   this.webstoreButton_.innerHTML = str('SUGGEST_DIALOG_LINK_TO_WEBSTORE');
   this.webstoreButton_.addEventListener(
       'click', this.onWebstoreLinkClicked_.bind(this));
   this.buttons_.appendChild(this.webstoreButton_);
 
   this.initialFocusElement_ = this.webviewContainer_;
 
   this.webview_ = null;
   this.accessToken_ = null;
-  this.widgetUrl_ =
-      state.overrideCwsContainerUrlForTest || CWS_WIDGET_URL;
-  this.widgetOrigin_ =
-      state.overrideCwsContainerOriginForTest || CWS_WIDGET_ORIGIN;
+  this.widgetUrl_ = state.overrideCwsContainerUrlForTest || CWS_WIDGET_URL;
+  this.widgetOrigin_ = state.overrideCwsContainerOriginForTest ||
+      CWS_WIDGET_ORIGIN;
 
-  this.extension_ = null;
-  this.mime_ = null;
+  this.options_ = null;
   this.installingItemId_ = null;
   this.state_ = SuggestAppsDialog.State.UNINITIALIZED;
 
   this.initializationTask_ = new AsyncUtil.Group();
   this.initializationTask_.add(this.retrieveAuthorizeToken_.bind(this));
   this.initializationTask_.run();
 }
 
 SuggestAppsDialog.prototype = {
   __proto__: FileManagerDialogBase.prototype
@@ skipping 77 matching lines @@
 /**
  * Dummy function for SuggestAppsDialog.show() not to be called unintentionally.
  */
 SuggestAppsDialog.prototype.show = function() {
   console.error('SuggestAppsDialog.show() shouldn\'t be called directly.');
 };
 
 /**
  * Shows suggest-apps dialog by file extension and mime.
  *
- * @param {string} extension Extension of the file.
+ * @param {string} extension Extension of the file with a trailing dot.
  * @param {string} mime Mime of the file.
  * @param {function(boolean)} onDialogClosed Called when the dialog is closed.
  *     The argument is the result of installation: true if an app is installed,
  *     false otherwise.
  */
 SuggestAppsDialog.prototype.showByExtensionAndMime =
     function(extension, mime, onDialogClosed) {
-  this.text_.hidden = true;
-  this.dialogText_ = '';
-  this.showInternal_(null, extension, mime, onDialogClosed);
+  assert(extension && extension[0] === '.');
+  this.showInternal_(
+      {
+        file_extension: extension.substr(1),
+        mime_type: mime
+      },
+      str('SUGGEST_DIALOG_TITLE'),
+      FileTasks.createWebStoreLink(extension, mime),
+      onDialogClosed);
+};
+
+/**
+ * Shows suggest-apps dialog for FSP API
+ * @param {function(boolean)} onDialogClosed Called when the dialog is closed.
+ *     The argument is the result of installation: true if an app is installed,
+ *     false otherwise.
+ */
+SuggestAppsDialog.prototype.showProviders = function(onDialogClosed) {
+  this.showInternal_(
+      {
+        file_system_provider: true
+      },
+      str('SUGGEST_DIALOG_FOR_PROVIDERS_TITLE'),
+      null /* webStoreUrl */,
+      onDialogClosed);
 };
 
 /**
  * Internal method to show a dialog. This should be called only from 'Suggest.
  * appDialog.showXxxx()' functions.
  *
- * @param {?string} filename Filename (without extension) of the file.
- * @param {?string} extension Extension of the file.
- * @param {?string} mime Mime of the file.
+ * @param {!Object<string, *>} options Map of options for the dialog.
+ * @param {string} title Title of the dialog.
+ * @param {?string} webStoreUrl Url for more results. Null if not supported.
  * @param {function(boolean)} onDialogClosed Called when the dialog is closed.
  *     The argument is the result of installation: true if an app is installed,
  *     false otherwise.
  *     @private
  */
 SuggestAppsDialog.prototype.showInternal_ =
-    function(filename, extension, mime, onDialogClosed) {
+    function(options, title, webStoreUrl, onDialogClosed) {
   if (this.state_ != SuggestAppsDialog.State.UNINITIALIZED) {
     console.error('Invalid state.');
     return;
   }
 
-  this.extension_ = extension;
-  this.mimeType_ = mime;
+  this.text_.hidden = true;
+  this.webstoreButton_.hidden = (webStoreUrl === null);
+  this.dialogText_ = '';
+
+  this.webStoreUrl_ = webStoreUrl;
+  this.options_ = options;
   this.onDialogClosed_ = onDialogClosed;
   this.state_ = SuggestAppsDialog.State.INITIALIZING;
 
   SuggestAppsDialog.Metrics.recordShowDialog();
   SuggestAppsDialog.Metrics.startLoad();
 
   // Makes it sure that the initialization is completed.
   this.initializationTask_.run(function() {
     if (!this.accessToken_) {
       this.state_ = SuggestAppsDialog.State.INITIALIZE_FAILED_CLOSING;
       this.onHide_();
       return;
     }
 
-    var title = str('SUGGEST_DIALOG_TITLE');
     var show = this.dialogText_ ?
         FileManagerDialogBase.prototype.showTitleAndTextDialog.call(
             this, title, this.dialogText_) :
         FileManagerDialogBase.prototype.showTitleOnlyDialog.call(
             this, title);
     if (!show) {
       console.error('SuggestAppsDialog can\'t be shown');
       this.state_ = SuggestAppsDialog.State.UNINITIALIZED;
       this.onHide_();
       return;
@@ skipping 14 matching lines @@
       event.window.discard();
       util.visitURL(event.targetUrl);
       event.preventDefault();
     });
     this.webviewContainer_.appendChild(this.webview_);
 
     this.frame_.classList.add('show-spinner');
 
     this.webviewClient_ = new CWSContainerClient(
         this.webview_,
-        extension, mime, filename,
-        WEBVIEW_WIDTH, WEBVIEW_HEIGHT,
-        this.widgetUrl_, this.widgetOrigin_);
+        WEBVIEW_WIDTH,
+        WEBVIEW_HEIGHT,
+        this.widgetUrl_,
+        this.widgetOrigin_,
+        this.options_);
     this.webviewClient_.addEventListener(CWSContainerClient.Events.LOADED,
                                          this.onWidgetLoaded_.bind(this));
     this.webviewClient_.addEventListener(CWSContainerClient.Events.LOAD_FAILED,
                                          this.onWidgetLoadFailed_.bind(this));
     this.webviewClient_.addEventListener(
         CWSContainerClient.Events.REQUEST_INSTALL,
         this.onInstallRequest_.bind(this));
     this.webviewClient_.load();
   }.bind(this));
 };
 
 /**
  * Called when the 'See more...' link is clicked to be navigated to Webstore.
  * @param {Event} e Event.
  * @private
  */
 SuggestAppsDialog.prototype.onWebstoreLinkClicked_ = function(e) {
-  var webStoreUrl =
-      FileTasks.createWebStoreLink(this.extension_, this.mimeType_);
-  util.visitURL(webStoreUrl);
+  if (!this.webStoreUrl_)
+    return;
+  util.visitURL(this.webStoreUrl_);
   this.state_ = SuggestAppsDialog.State.OPENING_WEBSTORE_CLOSING;
   this.hide();
 };
 
 /**
  * Called when the widget is loaded successfully.
  * @param {Event} event Event.
  * @private
  */
 SuggestAppsDialog.prototype.onWidgetLoaded_ = function(event) {
@@ skipping 125 matching lines @@
       console.error('Invalid state.');
   }
 
   if (this.webviewClient_) {
     this.webviewClient_.dispose();
     this.webviewClient_ = null;
   }
 
   this.webviewContainer_.removeChild(this.webview_);
   this.webview_ = null;
-  this.extension_ = null;
-  this.mime_ = null;
+  this.webStoreUrl_ = null;
+  this.options_ = null;
 
   FileManagerDialogBase.prototype.hide.call(
       this,
       this.onHide_.bind(this, opt_originalOnHide));
 };
 
 /**
  * @param {Function=} opt_originalOnHide Original onHide function passed to
  *     SuggestAppsDialog.hide().
  * @private
@@ skipping 101 matching lines @@
   metrics.recordUserAction('SuggestApps.ShowDialog');
 };
 
 SuggestAppsDialog.Metrics.startLoad = function() {
   metrics.startInterval('SuggestApps.LoadTime');
 };
 
 SuggestAppsDialog.Metrics.finishLoad = function() {
   metrics.recordInterval('SuggestApps.LoadTime');
 };