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