Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(282)

Side by Side Diff: components/proximity_auth/webui/resources/log-panel.html

Issue 1108713002: Add chrome://proximity-auth UI implemented with Polymer. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 <link href="chrome://resources/polymer/polymer/polymer.html" rel="import">
2 <link href="chrome://resources/polymer/core-toolbar/core-toolbar.html" rel="impo rt">
3 <link href="chrome://resources/polymer/paper-icon-button/paper-icon-button.html" rel="import">
4 <link href="chrome://resources/polymer/core-icons/communication-icons.html" rel= "import">
5
6 <polymer-element name="log-panel" layout vertical>
7 <template>
8 <style>
9 core-toolbar {
10 height: 48px;
11 box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
12 background-color: #069BDE;
13 margin: 0;
14 }
15
16 core-toolbar paper-icon-button {
17 padding: 0;
18 }
19
20 #list {
21 overflow: auto;
22 }
23
24 .list-item {
25 font-size: 12px;
26 font-family: monospace;
27 padding: 15px 30px;
28 border-bottom: 1px solid rgba(0,0,0,0.12);
29 }
30
31 .item-metadata {
32 font-size: 10px;
33 color: #999;
34 }
35
36 .item-log {
37 overflow: hidden;
38 margin: 0;
39 }
40
41 .list-item:hover .item-log {
42 text-overflow: clip;
43 overflow: auto;
44 }
45 </style>
46
47 <core-toolbar layout horizontal end-justified center
48 on-click='{{clearLogs}}'>
49 <paper-icon-button icon="communication:clear-all"></paper-icon-button>
50 </core-toolbar>
51
52 <div id='list' flex>
53 <template repeat='{{log in logs}}'>
54 <div class='list-item {{ {selected: log.selected} | tokenList }}'
55 on-click={{itemClick}}>
56 <div class='item-metadata' layout horizontal>
57 <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.
58 <div flex></div>
59 <div>proximity_auth_class.cc:123</div>
60 </div>
61 <pre class='item-log' flex>{{log.text}}</pre>
62 </div>
63 </template>
64 </div>
65 </template>
66 <script src="log-panel.js"></script>
67 </polymer-element>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698