[CUPS] Implelment Manufacturer and Model Dialog.

chrome/browser/resources/settings/printing_page/cups_add_printer_dialog_util.html

Index: chrome/browser/resources/settings/printing_page/cups_add_printer_dialog_util.html
diff --git a/chrome/browser/resources/settings/printing_page/cups_add_printer_dialog_util.html b/chrome/browser/resources/settings/printing_page/cups_add_printer_dialog_util.html
index 617b00721dc5040d18ba92dcf9d05c46a9f939c6..a24e44207d6993b42ba69f871185803d80c3952d 100644
--- a/chrome/browser/resources/settings/printing_page/cups_add_printer_dialog_util.html
+++ b/chrome/browser/resources/settings/printing_page/cups_add_printer_dialog_util.html
@@ -1,6 +1,9 @@
 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
+<link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
 <link rel="import" href="/printing_page/cups_printers_browser_proxy.html">
 <link rel="import" href="/settings_shared_css.html">
@@ -31,6 +34,44 @@
   </template>
 </dom-module>
 
+<dom-module id="drop-down-search-box">

[michaelpg, 2016/09/02 19:49:12]

can i see some screenshots of this?

[xdai1, 2016/09/02 21:14:58]

Sure. I recorded a short video about the drop-down-search-box, please see
https://drive.google.com/corp/drive/u/0/folders/0B4R9nvLdzmC9d3o2WDNyNGRjejQ. 

+  <template>
+    <style include="settings-shared">
+      paper-input,
+      iron-dropdown {
+        width: 270px;
+      }
+      
+      paper-input {
+        --paper-input-container-color: var(--google-grey-500);
+        --paper-input-container-input: {
+          font-size: inherit;
+        };
+      }
+      
+      iron-dropdown .dropdown-content paper-item {
+        min-height: 40px;
+      }
+    </style>
+    <paper-input no-label-float on-tap="onTap_" on-input="onInputValueChanged_"
+        on-blur="onBlur_">
+      <paper-icon-button suffix id="searchIcon" icon="cr:search" hidden>
+      </paper-icon-button>
+      <paper-icon-button suffix id="dropdownIcon" icon="cr:arrow-drop-down">
+      </paper-icon-button>
+    </paper-input>
+    <iron-dropdown horizontal-align="left" vertical-align="top"
+        vertical-offset="47">
+      <div class="dropdown-content">
+        <template is="dom-repeat" items="[[items]]"
+           filter="[[filterItems_(searchTerm_)]]">

[michaelpg, 2016/09/02 19:49:12]

indent off

[xdai1, 2016/09/02 21:14:58]

Done.

+          <paper-item on-tap="onSelect_">[[item]]</paper-item>
+        </template>
+      </div>
+    </iron-dropdown>
+  </template>
+</dom-module>
+
 <dom-module id="add-printer-dialog">
   <template>
     <style include="settings-shared">