OLD | NEW |
---|---|
(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> | |
OLD | NEW |