Convert search page to Polymer 0.8.

chrome/browser/resources/settings/search_page/search_page.html

Index: chrome/browser/resources/settings/search_page/search_page.html
diff --git a/chrome/browser/resources/settings/search_page/search_page.html b/chrome/browser/resources/settings/search_page/search_page.html
index 0774f308cf151f27e635dfd54ab5412c642dcead..35c1c2b903444698021890b1aac7ae76a61c9418 100644
--- a/chrome/browser/resources/settings/search_page/search_page.html
+++ b/chrome/browser/resources/settings/search_page/search_page.html
@@ -1,35 +1,27 @@
-<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
-<link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html">
-<link rel="import" href="chrome://resources/polymer/core-style/core-style.html">
-<link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html">
-<link rel="import" href="chrome://resources/polymer/paper-shadow/paper-shadow.html">
-<link rel="import" href="chrome://resources/cr_elements/cr_dropdown_menu/cr_dropdown_menu.html">
+<link rel="import" href="chrome://resources/polymer/v0_8/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v0_8/paper-material/paper-material.html">
 <link rel="import" href="chrome://md-settings/checkbox/checkbox.html">
-<link rel="import" href="search_page_style.html">
 
-<polymer-element name="cr-settings-search-page">
+<dom-module id="cr-settings-search-page">
+  <link rel="import" type="css" href="chrome://md-settings/settings_page/settings_page.css">
+  <link rel="import" type="css" href="search_page.css">
   <template>
-    <link rel="stylesheet" href="chrome://md-settings/settings_page/settings_page.css">
-    <core-style ref="searchPageStyle"></core-style>
-    <paper-shadow layout vertical cross-fade>
+    <paper-material>
       <p i18n-content="searchExplanation"></p>
 
-      <div class="search-engines" layout horizontal center>
-        <cr-dropdown-menu class="search-engines-dropdown">
-          <core-menu id="searchEnginesMenu" class="menu" valueAttr="guid"
-              selected="{{defaultEngineGuid}}">
-            <template repeat="{{engine in searchEngines}}">
-              <paper-item guid="{{engine.guid}}">{{engine.name}}</paper-item>
-            </template>
-          </core-menu>
-        </cr-dropdown-menu>
+      <div class="search-engines">
+        <select id="searchEnginesMenu" on-change"defaultEngineGuidChanged_">

[michaelpg, 2015/05/12 19:00:50]

missing =

[Jeremy Klein, 2015/05/12 22:48:44]

Done.

+          <template is="x-repeat" items="[[searchEngines]]">
+            <option value="[[item.guid]]">{{item.name}}</option>

[michaelpg, 2015/05/12 19:00:50]

I think {{item.name}} is effectively a one-way binding, so I'd suggest using
[[]] for it as well.

[Jeremy Klein, 2015/05/12 22:48:44]

Done.

+          </template>
+        </select>
 
         <cr-button class="manage-search-engines"
             i18n-content="searchManageButtonLabel"
-            on-click="{{manageSearchEngines_}}" raised>
+            on-click="manageSearchEngines_" raised>
         </cr-button>
       </div>
-    </paper-shadow>
+    </paper-material>
   </template>
   <script src="search_page.js"></script>
-</polymer-element>
+</dom-module>