| OLD | NEW |
|---|
| (Empty) |
| 1 <link rel="import" href="../../../../packages/polymer/polymer.html"> | |
| 2 | |
| 3 <polymer-element name="logging-page"> | |
| 4 <template> | |
| 5 <link rel="stylesheet" href="css/shared.css"> | |
| 6 <style> | |
| 7 .outlined { | |
| 8 -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75); | |
| 9 -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75); | |
| 10 box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75); | |
| 11 margin: 4px; | |
| 12 } | |
| 13 .logItem { | |
| 14 font: normal 14px consolas, courier, monospace; | |
| 15 white-space: pre; | |
| 16 line-height: 125%; | |
| 17 width: 100%; | |
| 18 } | |
| 19 .FINEST { | |
| 20 background-color: #FAFAFA; | |
| 21 } | |
| 22 .FINER { | |
| 23 background-color: #ECEFF1; | |
| 24 } | |
| 25 .FINE { | |
| 26 background-color: #EFEBE9; | |
| 27 } | |
| 28 .CONFIG { | |
| 29 background-color: #FFF3E0; | |
| 30 } | |
| 31 .INFO { | |
| 32 background-color: #F1F8E9; | |
| 33 } | |
| 34 .WARNING { | |
| 35 background-color: #FFE0B2; | |
| 36 } | |
| 37 .SEVERE { | |
| 38 background-color: #FFCCBC; | |
| 39 } | |
| 40 .SHOUT { | |
| 41 background-color: #FFCDD2; | |
| 42 } | |
| 43 #log { | |
| 44 height: 100%; | |
| 45 width: 100%; | |
| 46 overflow-y: auto; | |
| 47 padding: 8px; | |
| 48 } | |
| 49 .fill { | |
| 50 height: 80%; | |
| 51 width: 100%; | |
| 52 } | |
| 53 </style> | |
| 54 <nav-bar> | |
| 55 <top-nav-menu></top-nav-menu> | |
| 56 <vm-nav-menu vm="{{ isolate.vm }}"></vm-nav-menu> | |
| 57 <isolate-nav-menu isolate="{{ isolate }}"></isolate-nav-menu> | |
| 58 <nav-menu link="{{ makeLink('/logging', isolate) }}" anchor="logging" last
="{{ true }}"></nav-menu> | |
| 59 <nav-refresh callback="{{ clear }}" label="Clear"></nav-refresh> | |
| 60 <nav-notify notifications="{{ app.notifications }}"></nav-notify> | |
| 61 </nav-bar> | |
| 62 <div id="page" class="content-centered-big"> | |
| 63 <span>Show messages with severity <select id="severityLevelSelector" value
="{{ severityLevel }}"></select> and higher</span> | |
| 64 <hr> | |
| 65 <div class="flex-row fill"> | |
| 66 <div id="log" class="outlined"></div> | |
| 67 </div> | |
| 68 </div> | |
| 69 </template> | |
| 70 </polymer-element> | |
| 71 | |
| 72 <script type="application/dart" src="logging.dart"></script> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2299893003:
Converted Observatory logging-page element (Closed)
