Convert cr-settings-drawer to Polymer 0.8

chrome/browser/resources/settings/settings_drawer/settings_drawer.html

Index: chrome/browser/resources/settings/settings_drawer/settings_drawer.html
diff --git a/chrome/browser/resources/settings/settings_drawer/settings_drawer.html b/chrome/browser/resources/settings/settings_drawer/settings_drawer.html
index eb2ea462d459522196685ef69b837b8f230f6cfb..232913461f0284c5ff10257ceab6a1583ec7cd7a 100644
--- a/chrome/browser/resources/settings/settings_drawer/settings_drawer.html
+++ b/chrome/browser/resources/settings/settings_drawer/settings_drawer.html
@@ -1,19 +1,20 @@
-<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v0_8/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v0_8/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://md-settings/settings_menu/settings_menu.html">
-<link rel="import" href="settings_drawer_style.html">
 
-<polymer-element name="cr-settings-drawer" layout vertical>
+<dom-module id="cr-settings-drawer">
+  <link rel="import" type="css" href="settings_drawer.css">
   <template>
-    <core-style ref="settingsDrawerStyle"></core-style>
     <!-- TODO(michaelpg): Create a new user card component. -->
-    <div id="user-card" class="medium" layout horizontal center>
-      <img src="{{user.iconUrl}}">
-      <div flex>
-        <div class="name">{{user.name}}</div>
-        <div class="email">{{user.email}}</div>
+    <div id="user-card" class="layout horizontal center">
+      <img src="[[user_.iconUrl]]">

[Jeremy Klein, 2015/05/12 18:06:41]

It probably doesn't matter in this case because src has a property attached to
it, but it's recommended to use $= when binding to native attributes:

https://github.com/Polymer/polymer/blob/0.8-preview/PRIMER.md#binding-to-nati...

[michaelpg, 2015/05/12 18:37:11]

Done.

+      <div class="flex">
+        <div class="name">[[user_.name]]</div>
+        <div class="email">[[user_.email]]</div>
       </div>
     </div>
-    <cr-settings-menu flex selectedId="{{selectedId}}" pages="{{pages}}">
+    <cr-settings-menu class="flex" selectedId="{{selectedId}}"
+        pages="[[pages]]">
     </cr-settings-menu>
   </template>
   <script src="settings_drawer.js"></script>