Implement separate error dialog for cws widget container

ui/file_manager/file_manager/foreground/js/cws_widget_container.js

 // Copyright 2015 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.
 
 /**
  * CWSWidgetContainer contains a Chrome Web Store widget that displays list of
  * apps that satisfy certain constraints (e.g. fileHandler apps that can handle
  * files with specific file extension or MIME type) and enables the user to
  * install apps directly from it.
  * CWSWidgetContainer implements client side of the widget, which handles
@@ skipping 49 matching lines @@
    * The element containing the widget webview.
    * @type {!Element}
    * @private
    */
   this.webviewContainer_ = document.createElement('div');
   this.webviewContainer_.classList.add('cws-widget-webview-container');
   this.webviewContainer_.style.width = WEBVIEW_WIDTH + 'px';
   this.webviewContainer_.style.height = WEBVIEW_HEIGHT + 'px';
   parentNode.appendChild(this.webviewContainer_);
 
+  parentNode.classList.add('cws-widget-container-root');
+
   /**
    * Element showing spinner layout in place of Web Store widget.
    * @type {!Element}
    */
   var spinnerLayer = document.createElement('div');
   spinnerLayer.className = 'cws-widget-spinner-layer';
   this.webviewContainer_.appendChild(spinnerLayer);
 
   /**
    * The widget container's button strip.
@@ skipping 103 matching lines @@
    * @private
    */
   this.resolveStart_ = null;
 
   /**
    * Promise for retriving {@code this.accessToken_}.
    * @type {Promise.<string>}
    * @private
    */
   this.tokenGetter_ = this.createTokenGetter_();
+
+  /**
+   * Dialog to be shown when an installation attempt fails.
+   * @type {CWSWidgetContainerErrorDialog}
+   * @private
+   */
+  this.errorDialog_ = new CWSWidgetContainerErrorDialog(parentNode);
 }
 
 /**
  * @enum {string}
  * @private
  */
 CWSWidgetContainer.State = {
   UNINITIALIZED: 'CWSWidgetContainer.State.UNINITIALIZED',
   GETTING_ACCESS_TOKEN: 'CWSWidgetContainer.State.GETTING_ACCESS_TOKEN',
   ACCESS_TOKEN_READY: 'CWSWidgetContainer.State.ACCESS_TOKEN_READY',
@@ skipping 309 matching lines @@
       // Wait for the widget webview container to dispatch INSTALL_DONE.
       break;
     case AppInstaller.Result.CANCELLED:
       CWSWidgetContainer.Metrics.recordInstall(
           CWSWidgetContainer.Metrics.INSTALL.CANCELLED);
       // User cancelled the installation. Do nothing.
       break;
     case AppInstaller.Result.ERROR:
       CWSWidgetContainer.Metrics.recordInstall(
           CWSWidgetContainer.Metrics.INSTALL.FAILED);
-      // TODO(tbarzic): Remove dialog showing call from this class.
-      fileManager.ui.errorDialog.show(
+      this.errorDialog_.show(
           str('SUGGEST_DIALOG_INSTALLATION_FAILED'),
           null,
           null,
           null);
       break;
   }
 };
 
 /**
  * Resolves the promise returned by {@code this.start} when widget is done with
@@ skipping 103 matching lines @@
     this.webviewClient_ = null;
   }
 
   if (this.webview_)
     this.webviewContainer_.removeChild(this.webview_);
 
   if (this.appInstaller_)
     this.appInstaller_.cancel();
 
   this.options_ = null;
+
+  if (this.errorDialog_.shown())
+    this.errorDialog_.hide();
 };
 
 /**
  * Utility methods and constants to record histograms.
  */
 CWSWidgetContainer.Metrics = {};
 
 /**
  * @enum {number}
  * @const
@@ skipping 56 matching lines @@
   metrics.recordUserAction('SuggestApps.ShowDialog');
 };
 
 CWSWidgetContainer.Metrics.startLoad = function() {
   metrics.startInterval('SuggestApps.LoadTime');
 };
 
 CWSWidgetContainer.Metrics.finishLoad = function() {
   metrics.recordInterval('SuggestApps.LoadTime');
 };