Add chrome://proximity-auth UI implemented with Polymer.

components/proximity_auth/webui/resources/log-panel.html

Index: components/proximity_auth/webui/resources/log-panel.html
diff --git a/components/proximity_auth/webui/resources/log-panel.html b/components/proximity_auth/webui/resources/log-panel.html
new file mode 100644
index 0000000000000000000000000000000000000000..f1827c4df2e0058b327aa71d09a25f509758e1a1
--- /dev/null
+++ b/components/proximity_auth/webui/resources/log-panel.html
@@ -0,0 +1,67 @@
+<link href="chrome://resources/polymer/polymer/polymer.html" rel="import">
+<link href="chrome://resources/polymer/core-toolbar/core-toolbar.html" rel="import">
+<link href="chrome://resources/polymer/paper-icon-button/paper-icon-button.html" rel="import">
+<link href="chrome://resources/polymer/core-icons/communication-icons.html" rel="import">
+
+<polymer-element name="log-panel" layout vertical>
+  <template>
+    <style>
+      core-toolbar {
+        height: 48px;
+        box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
+        background-color: #069BDE;
+        margin: 0;
+      }
+
+      core-toolbar paper-icon-button {
+        padding: 0;
+      }
+
+      #list {
+        overflow: auto;
+      }
+
+      .list-item {
+        font-size: 12px;
+        font-family: monospace;
+        padding: 15px 30px;
+        border-bottom: 1px solid rgba(0,0,0,0.12);
+      }
+
+      .item-metadata {
+        font-size: 10px;
+        color: #999;
+      }
+
+      .item-log {
+        overflow: hidden;
+        margin: 0;
+      }
+
+      .list-item:hover .item-log {
+        text-overflow: clip;
+        overflow: auto;
+      }
+    </style>
+
+    <core-toolbar layout horizontal end-justified center
+                  on-click='{{clearLogs}}'>
+      <paper-icon-button icon="communication:clear-all"></paper-icon-button>
+    </core-toolbar>
+
+    <div id='list' flex>
+      <template repeat='{{log in logs}}'>
+        <div class='list-item {{ {selected: log.selected} | tokenList }}'
+             on-click={{itemClick}}>
+          <div class='item-metadata' layout horizontal>
+              <div>14:23:50</div>

[michaelpg, 2015/04/28 04:00:49]

nit: 2-space indent

[Tim Song, 2015/04/28 19:41:33]

Done.

+              <div flex></div>
+              <div>proximity_auth_class.cc:123</div>
+          </div>
+          <pre class='item-log' flex>{{log.text}}</pre>
+        </div>
+      </template>
+    </div>
+  </template>
+  <script src="log-panel.js"></script>
+</polymer-element>