Launch webstore widget app when unsupported printer is plugged in

components/chrome_apps/webstore_widget/cws_widget/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 29 matching lines @@
  */
 var CWS_WIDGET_ORIGIN = 'https://clients5.google.com';
 
 /**
  * Creates the widget container element in DOM tree.
  *
  * @param {!HTMLDocument} document The document to contain this container.
  * @param {!HTMLElement} parentNode Node to be parent for this container.
  * @param {!CWSWidgetContainer.PlatformDelegate} delegate Delegate for accessing
  *     Chrome platform APIs.
- * @param {!SuggestAppDialogState} state Static state of suggest app dialog.
+ * @param {!{
+ *   overrideCwsContainerUrlForTest: (string|undefined),
+ *   overrideCwsContainerOriginForTest: (string|undefined)
+ * }} params Overrides for container params.
  * @constructor
  */
-function CWSWidgetContainer(document, parentNode, delegate, state) {
+function CWSWidgetContainer(document, parentNode, delegate, params) {
   /** @private {!CWSWidgetContainer.PlatformDelegate} */
   this.delegate_ = delegate;
 
   /** @private {!CWSWidgetContainer.MetricsRecorder} */
   this.metricsRecorder_ =
       new CWSWidgetContainer.MetricsRecorder(delegate.metricsImpl);
 
   /**
    * The document that will contain the container.
    * @const {!HTMLDocument}
@@ skipping 37 matching lines @@
   buttons.classList.add('cws-widget-buttons');
   parentNode.appendChild(buttons);
 
   /**
    * Button that opens the Webstore URL.
    * @const {!Element}
    * @private
    */
   this.webstoreButton_ = document.createElement('div');
   this.webstoreButton_.hidden = true;
-  this.webstoreButton_.classList.add('cws-widget-webstore-button');
   this.webstoreButton_.setAttribute('role', 'button');
   this.webstoreButton_.tabIndex = 0;
 
   /**
    * Icon for the Webstore button.
    * @type {!Element}
    */
   var webstoreButtonIcon = this.document_.createElement('span');
   webstoreButtonIcon.classList.add('cws-widget-webstore-button-icon');
   this.webstoreButton_.appendChild(webstoreButtonIcon);
@@ skipping 19 matching lines @@
    * @type {?WebView}
    * @private
    */
   this.webview_ = null;
 
   /**
    * The Chrome Web Store widget URL.
    * @const {string}
    * @private
    */
-  this.widgetUrl_ = state.overrideCwsContainerUrlForTest || CWS_WIDGET_URL;
+  this.widgetUrl_ = params.overrideCwsContainerUrlForTest || CWS_WIDGET_URL;
 
   /**
    * The Chrome Web Store widget origin.
    * @const {string}
    * @private
    */
-  this.widgetOrigin_ = state.overrideCwsContainerOriginForTest ||
+  this.widgetOrigin_ = params.overrideCwsContainerOriginForTest ||
       CWS_WIDGET_ORIGIN;
 
   /**
    * Map of options for the widget.
    * @type {?Object.<string, *>}
    * @private
    */
   this.options_ = null;
 
   /**
@@ skipping 213 matching lines @@
     }.bind(this));
   }.bind(this));
 };
 
 /**
  * Initializes and starts loading the Chrome Web Store widget webview.
  * Must not be called before {@code this.ready()} is resolved.
  *
  * @param {!Object<string, *>} options Map of options for the dialog.
  * @param {?string} webStoreUrl Url for more results. Null if not supported.
- * @return {Promise.<CWSWidgetContainer.ResolveReason>} Resolved when app
+ * @return {!Promise.<CWSWidgetContainer.ResolveReason>} Resolved when app
  *     installation is done, or the installation is cancelled.
  */
-CWSWidgetContainer.prototype.start = function(options,  webStoreUrl) {
+CWSWidgetContainer.prototype.start = function(options, webStoreUrl) {
   return new Promise(function(resolve, reject) {
     if (this.state_ !== CWSWidgetContainer.State.ACCESS_TOKEN_READY) {
       this.state_ = CWSWidgetContainer.State.INITIALIZE_FAILED_CLOSING;
       reject('Invalid state in |start|.');
       return;
     }
 
     if (!this.accessToken_) {
       this.state_ = CWSWidgetContainer.State.INITIALIZE_FAILED_CLOSING;
       reject('No access token.');
       return;
     }
 
     this.resolveStart_ = resolve;
 
     this.state_ = CWSWidgetContainer.State.INITIALIZING;
 
     this.webStoreUrl_ = webStoreUrl;
     this.options_ = options;
 
-    this.webstoreButton_.hidden = (webStoreUrl === null);
+    this.webstoreButton_.hidden = !webStoreUrl;
+    this.webstoreButton_.classList.toggle('cws-widget-webstore-button',
+                                          !!webStoreUrl);
 
     this.webview_ =
         /** @type {!WebView} */(this.document_.createElement('webview'));
     this.webview_.id = 'cws-widget';
     this.webview_.partition = 'persist:cwswidgets';
     this.webview_.style.width = WEBVIEW_WIDTH + 'px';
     this.webview_.style.height = WEBVIEW_HEIGHT + 'px';
     this.webview_.request.onBeforeSendHeaders.addListener(
         this.authorizeRequest_.bind(this),
         /** @type {!RequestFilter}*/ ({urls: [this.widgetOrigin_ + '/*']}),
@@ skipping 35 matching lines @@
 /**
  * Called when the 'See more...' button is activated. It opens
  * {@code this.webstoreUrl_}.
  * @param {Event} e The event that activated the link. Either mouse click or
  *     key down event.
  * @private
  */
 CWSWidgetContainer.prototype.onWebstoreLinkActivated_ = function(e) {
   if (!this.webStoreUrl_)
     return;
-  util.visitURL(this.webStoreUrl_);
+  window.open(this.webStoreUrl_);
   this.state_ = CWSWidgetContainer.State.OPENING_WEBSTORE_CLOSING;
   this.reportDone_();
 };
 
 /**
  * Key down event handler for webstore button element. If the key is enter, it
  * activates the button.
  * @param {Event} e The event
  * @private
  */
@@ skipping 446 matching lines @@
   this.metricsImpl_.recordUserAction('SuggestApps.ShowDialog');
 };
 
 CWSWidgetContainer.MetricsRecorder.prototype.startLoad = function() {
   this.metricsImpl_.startInterval('SuggestApps.LoadTime');
 };
 
 CWSWidgetContainer.MetricsRecorder.prototype.finishLoad = function() {
   this.metricsImpl_.recordInterval('SuggestApps.LoadTime');
 };