[CUPS] Implement the Webui handler for the printers auto discovery.

chrome/browser/resources/settings/printing_page/cups_add_printer_dialog.js

 // Copyright 2016 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.
 
 /**
  * @fileoverview 'settings-cups-add-printer-dialog' includes multiple dialogs to
  * set up a new CUPS printer.
  * Subdialogs include:
  * - 'add-printer-discovery-dialog' is a dialog showing discovered printers on
  *   the network that are available for setup.
  * - 'add-printer-maually-dialog' is a dialog in which user can manually enter
  *   the information to set up a new printer.
  * - 'add-printer-configuring-dialog' is the configuring-in-progress dialog.
  * - 'add-printer-manufacturer-model-dialog' is a dialog in which the user can
  *   manually select the manufacture and model of the new printer.
  */
 
 /**
  * Different dialogs in add printer flow.
  * @enum {string}
  */
 var AddPrinterDialogs = {
   DISCOVERY: 'add-printer-discovery-dialog',
   MANUALLY: 'add-printer-maually-dialog',
   CONFIGURING: 'add-printer-configuring-dialog',
   MANUFACTURER: 'add-printer-manufacturer-model-dialog',
 };
 
+/**
+ * The maximum height of the discovered printers list when the searching spinner
+ * is not showing.
+ * @const {number}
+ */
+var kPrinterListFullHeight = 350;
+
 Polymer({
   is: 'add-printer-discovery-dialog',
 
+  behaviors: [WebUIListenerBehavior],
+
   properties: {
-    /** @type {!Array<!CupsPrinterInfo>} */
+    /** @type {!Array<!CupsPrinterInfo>|undefined} */
     discoveredPrinters: {
       type: Array,
     },
 
     /** @type {!CupsPrinterInfo} */
     selectedPrinter: {
       type: Object,
       notify: true,
     },
+
+    discovering_: {
+      type: Boolean,
+      value: true,
+    },
   },
 
   /** @override */
   ready: function() {
-    // TODO(xdai): Get the discovered printer list after the API is ready.
+    settings.CupsPrintersBrowserProxyImpl.getInstance().
+        startDiscoveringPrinters();
+    this.addWebUIListener('on-printer-discovered',
+                          this.onPrinterDiscovered_.bind(this));
+    this.addWebUIListener('on-printer-discovery-done',
+                          this.onPrinterDiscoveryDone_.bind(this));
+    this.addWebUIListener('on-printer-discovery-failed',
+                          this.onPrinterDiscoveryDone_.bind(this));
+  },
+
+  /**
+   * @param {!Array<!CupsPrinterInfo>} printers
+   * @private
+   */
+  onPrinterDiscovered_: function(printers) {
+    this.discovering_ = true;
+    if (!this.discoveredPrinters) {
+      this.discoveredPrinters = printers;
+    } else {
+      for (var i = 0; i < printers.length; i++)
+        this.push('discoveredPrinters', printers[i]);
+    }
+  },
+
+  /** @private */
+  onPrinterDiscoveryDone_: function() {
+    this.discovering_ = false;
+    this.$$('add-printer-list').style.maxHeight = kPrinterListFullHeight + 'px';
+    this.$.noPrinterMessage.hidden = !!this.discoveredPrinters;
+  },
+
+  /** @private */
+  stopDiscoveringPrinters_: function() {
+    settings.CupsPrintersBrowserProxyImpl.getInstance().
+        stopDiscoveringPrinters();
+    this.discovering_ = false;
   },
 
   /** @private */
   switchToManualAddDialog_: function() {
+    this.stopDiscoveringPrinters_();
     this.$$('add-printer-dialog').close();
     this.fire('open-manually-add-printer-dialog');
   },
 
   /** @private */
   onCancelTap_: function() {
+    this.stopDiscoveringPrinters_();
     this.$$('add-printer-dialog').close();
   },
 
   /** @private */
   switchToConfiguringDialog_: function() {
+    this.stopDiscoveringPrinters_();
     this.$$('add-printer-dialog').close();
     this.fire('open-configuring-printer-dialog');
   },
 });
 
 Polymer({
   is: 'add-printer-maually-dialog',
 
   properties: {
     /** @type {!CupsPrinterInfo} */
@@ skipping 249 matching lines @@
   /** @private */
   openDiscoveryPrintersDialog_: function() {
     this.switchDialog_(this.currentDialog_, AddPrinterDialogs.DISCOVERY,
                        'showDiscoveryDialog_');
   },
 
   /** @private */
   openConfiguringPrinterDialog_: function() {
     this.switchDialog_(this.currentDialog_, AddPrinterDialogs.CONFIGURING,
                        'showConfiguringDialog_');
-    settings.CupsPrintersBrowserProxyImpl.getInstance().
-        addCupsPrinter(this.newPrinter);
+    if (this.previousDialog_ == AddPrinterDialogs.DISCOVERY) {
+      settings.CupsPrintersBrowserProxyImpl.getInstance().
+          addCupsPrinter(this.selectedPrinter);
+    } else if (this.previousDialog_ == AddPrinterDialogs.MANUALLY ||
+               this.previousDialog_ == AddPrinterDialogs.MANUFACTURER) {
+      settings.CupsPrintersBrowserProxyImpl.getInstance().
+          addCupsPrinter(this.newPrinter);
+    }
   },
 
   /** @private */
   openManufacturerModelDialog_: function() {
     this.switchDialog_(this.currentDialog_, AddPrinterDialogs.MANUFACTURER,
                        'showManufacturerDialog_');
   },
 
   /** @private */
   configuringDialogClosed_: function() {
@@ skipping 47 matching lines @@
   /**
    * @param {boolean} success
    * @param {string} printerName
    * @private
    */
   onAddPrinter_: function(success, printerName) {
     this.$$('add-printer-configuring-dialog').close();
     if (success)
       return;
 
-    if (this.previousDialog_ == AddPrinterDialogs.MANUFACTURER)
+    if (this.previousDialog_ == AddPrinterDialogs.MANUFACTURER) {
       this.setupFailed = true;
-    this.switchDialog_(this.currentDialog_, AddPrinterDialogs.MANUFACTURER,
-                       'showManufacturerDialog_');
+    } else if (this.previousDialog_ == AddPrinterDialogs.MANUALLY) {
+      this.switchDialog_(this.currentDialog_, AddPrinterDialogs.MANUFACTURER,
+                         'showManufacturerDialog_');
+    }
   },
 });