[CUPS] Implement the CUPS printer PPD file picker in the manufacturer and model dialog.

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.
@@ skipping 57 matching lines @@
 Polymer({
   is: 'add-printer-maually-dialog',
 
   properties: {
     /** @type {!CupsPrinterInfo} */
     newPrinter: {
       type: Object,
       notify: true,
       value: function() {
         return {
-         printerAddress: '',
-         printerDescription: '',
-         printerId: '',
-         printerManufacturer: '',
-         printerModel: '',
-         printerName: '',
-         printerProtocol: 'ipp',
-         printerQueue: '',
-         printerStatus: '',
+          printerAddress: '',
+          printerDescription: '',
+          printerId: '',
+          printerManufacturer: '',
+          printerModel: '',
+          printerName: '',
+          printerPPDPath: '',
+          printerProtocol: 'ipp',
+          printerQueue: '',
+          printerStatus: '',
         };
       },
     },
   },
 
   /** @private */
   switchToDiscoveryDialog_: function() {
     this.$$('add-printer-dialog').close();
     this.fire('open-discovery-printers-dialog');
   },
@@ skipping 83 matching lines @@
     // TODO(xdai): Get available manufacturerList after the API is ready.
   },
 
   /** @private */
   selectedManufacturerChanged_: function() {
     // TODO(xdai): Get available modelList for a selected manufacturer after
     // the API is ready.
   },
 
   /** @private */
+  onBrowseFile_: function() {
+    settings.CupsPrintersBrowserProxyImpl.getInstance().
+        getCupsPrinterPPDPath().then(this.printerPPDPathChanged_.bind(this));
+  },
+
+  /**
+   * @param {string} path
+   * @private
+   */
+  printerPPDPathChanged_: function(path) {
+    this.newPrinter.printerPPDPath = path;
+    this.$$('paper-input').value = this.getBaseName_(path);
+  },
+
+  /** @private */
   switchToManualAddDialog_: function() {
     this.$$('add-printer-dialog').close();
     this.fire('open-manually-add-printer-dialog');
   },
 
   /** @private */
   onCancelTap_: function() {
     this.$$('add-printer-dialog').close();
   },
 
   /** @private */
   switchToConfiguringDialog_: function() {
     this.$$('add-printer-dialog').close();
     this.fire('open-configuring-printer-dialog');
   },
+
+  /**
+   * @param {string} path The full path of the file
+   * @return {string} The base name of the file
+   * @private
+   */
+  getBaseName_: function(path) {
+    return path.substring(path.lastIndexOf('/') + 1);
+  },
 });
 
 Polymer({
   is: 'add-printer-configuring-dialog',
 
   properties: {
     printerName: String,
   },
 
   /** @override */
@@ skipping 121 matching lines @@
   getConfiguringPrinterName_: function() {
     if (this.previousDialog_ == AddPrinterDialogs.DISCOVERY)
       return this.selectedPrinter.printerName;
     if (this.previousDialog_ == AddPrinterDialogs.MANUALLY ||
         this.previousDialog_ == AddPrinterDialogs.MANUFACTURER) {
       return this.newPrinter.printerName;
     }
     return '';
   },
 });