[CUPS] Implement the local CUPS printer setup waiting UI.

chrome/browser/resources/print_preview/search/destination_list_item.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.
 
 cr.define('print_preview', function() {
   'use strict';
 
   /**
    * Component that renders a destination item in a destination list.
    * @param {!cr.EventTarget} eventTarget Event target to dispatch selection
    *     events to.
+   * @param {!print_preview.DestinationStore} destinationStore Data store
+   *     containing the destinations to search through. Used as a proxy to
+   *     native layer for resolving the destination.
    * @param {!print_preview.Destination} destination Destination data object to
    *     render.
    * @param {RegExp} query Active filter query.
    * @constructor
    * @extends {print_preview.Component}
    */
-  function DestinationListItem(eventTarget, destination, query) {
+  function DestinationListItem(
+      eventTarget, destinationStore, destination, query) {
     print_preview.Component.call(this);
 
     /**
      * Event target to dispatch selection events to.
      * @type {!cr.EventTarget}
      * @private
      */
     this.eventTarget_ = eventTarget;
 
     /**
+     * Data store containing all the destinations.
+     * @type {!print_preview.DestinationStore}
+     * @private
+     */
+    this.destinationStore_ = destinationStore;
+
+    /**
      * Destination that the list item renders.
      * @type {!print_preview.Destination}
      * @private
      */
     this.destination_ = destination;
 
     /**
      * Active filter query text.
      * @type {RegExp}
      * @private
@@ skipping 125 matching lines @@
       this.getElement().classList.toggle('stale', this.destination_.isOffline);
       var offlineStatusEl = this.getChildElement('.offline-status');
       offlineStatusEl.textContent = this.destination_.offlineStatusText;
       setIsVisible(offlineStatusEl, this.destination_.isOffline);
 
       // Initialize registration promo element for Privet unregistered printers.
       setIsVisible(
           this.getChildElement('.register-promo'),
           this.destination_.connectionStatus ==
               print_preview.Destination.ConnectionStatus.UNREGISTERED);
+
+      // Reset the configuring messages for CUPS printers.
+      setIsVisible(
+        this.getChildElement('.configuring-in-progress-text'), false);
+      setIsVisible(
+        this.getChildElement('.configuring-failed-text'), false);
     },
 
     /**
      * Adds text to parent element wrapping search query matches in highlighted
      * spans.
      * @param {!Element} parent Element to build the text in.
      * @param {string} text The text string to highlight segments in.
      * @private
      */
     addTextWithHighlight_: function(parent, text) {
       var sections = text.split(this.query_);
       for (var i = 0; i < sections.length; ++i) {
         if (i % 2 == 0) {
           parent.appendChild(document.createTextNode(sections[i]));
         } else {
           var span = document.createElement('span');
           span.className = 'destination-list-item-query-highlight';
           span.textContent = sections[i];
           parent.appendChild(span);
         }
       }
     },
 
     /**
-     * Called when the destination item is activated. Dispatches a SELECT event
-     * on the given event target.
+     * Called when the destination item is activated. Resolve the destination
+     * first if necessary (i.e., the printer needs to be setup on Chrome OS).
      * @private
      */
     onActivate_: function() {
+      if (this.destination_.origin == print_preview.Destination.Origin.CROS &&
+          !this.destination_.capabilities) {
+        setIsVisible(
+            this.getChildElement('.configuring-in-progress-text'), true);
+        setIsVisible(
+          this.getChildElement('.configuring-failed-text'), false);
+
+        this.destinationStore_.resolveCrosDestination(this.destination_).then(
+            /**
+             * Called when the Promise is fulfilled.
+             * @param {!print_preview.PrinterSetupResponse} response.
+             */
+            function(response) {
+              if (response.success) {
+                setIsVisible(
+                  this.getChildElement('.configuring-in-progress-text'), false);
+                this.destination_.capabilities = response.capabilities;
+                this.onDestinationResolved_();

[skau, 2017/03/20 22:16:01]

This component is not designed to have this called more than once.

+              } else {
+                this.onResolveDestinationFailed_();
+              }
+            }.bind(this),
+            /**
+             * Called when the Promise is rejected.
+             */
+            this.onResolveDestinationFailed_.bind(this));
+      } else {
+        this.onDestinationResolved_();
+      }
+    },
+
+    /**
+     * Called when the destination has been resolved successfully. Dispatches a
+     * SELECT event on the given event target.
+     * @private
+     */
+    onDestinationResolved_: function() {
       if (this.destination_.id ==
               print_preview.Destination.GooglePromotedId.FEDEX &&
           !this.destination_.isTosAccepted) {
         if (!this.fedexTos_) {
           this.fedexTos_ = new print_preview.FedexTos();
           this.fedexTos_.render(this.getElement());
           this.tracker.add(
               this.fedexTos_,
               print_preview.FedexTos.EventType.AGREE,
               this.onTosAgree_.bind(this));
         }
         this.fedexTos_.setIsVisible(true);
       } else if (this.destination_.connectionStatus !=
                      print_preview.Destination.ConnectionStatus.UNREGISTERED) {
         var selectEvt = new Event(DestinationListItem.EventType.SELECT);
         selectEvt.destination = this.destination_;
         this.eventTarget_.dispatchEvent(selectEvt);
       }
     },
 
     /**
+     * Called when the destination resolve was failed.
+     * @private
+     */
+    onResolveDestinationFailed_: function() {
+      setIsVisible(
+        this.getChildElement('.configuring-in-progress-text'), false);
+      setIsVisible(
+        this.getChildElement('.configuring-failed-text'), true);
+    },
+
+    /**
      * Called when the key is pressed on the destination item. Dispatches a
      * SELECT event when Enter is pressed.
      * @param {KeyboardEvent} e Keyboard event to process.
      * @private
      */
     onKeyDown_: function(e) {
       if (!hasKeyModifiers(e)) {
         if (e.keyCode == 13) {
           var activeElementTag = document.activeElement ?
               document.activeElement.tagName.toUpperCase() : '';
@@ skipping 53 matching lines @@
         return;
       this.onExtensionIconClicked_(event);
     }
   };
 
   // Export
   return {
     DestinationListItem: DestinationListItem
   };
 });