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