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

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: use hidden?= Created 5 years, 7 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 background-color: #069BDE;
11 box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
12 height: 48px;
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 border-bottom: 1px solid rgba(0, 0, 0, 0.12);
26 font-family: monospace;
27 font-size: 12px;
28 padding: 15px 30px;
29 }
30
31 .item-metadata {
32 color: rgb(153, 153, 153);
33 font-size: 10px;
34 }
35
36 .item-log {
37 margin: 0;
38 overflow: hidden;
39 }
40
41 .list-item:hover .item-log {
42 overflow: auto;
43 text-overflow: clip;
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>
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
« no previous file with comments | « components/proximity_auth/webui/resources/local-state.js ('k') | components/proximity_auth/webui/resources/log-panel.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698