1<div class="overview"> 2 <div class="row column"> 3 <h1>Server overview</h1> <!-- this is default name. Will show custom server name if set --> 4 </div> 5 <section class="row column"> 6 <div class="page-header"></div> 7 </section> 8 9 <section class="row"> 10 <div class="column large-8"> 11 <!-- Server Metadata --> 12 <div class="row overview__server-metadata"> 13 <div class="column large-4"> 14 <h3 class="bold h4">Server information</h3> 15 </div> 16 <div class="column large-8"> 17 <ul class="overview__metadata-wrapper"> 18 <li class="overview__metadata-block"> 19 <p class="content-label">Model</p> 20 <p class="courier-bold">5150-A0A</p> 21 </li> 22 <li class="overview__metadata-block"> 23 <p class="content-label">Manufacturer</p> 24 <p class="courier-bold">IBM</p> 25 </li> 26 <li class="overview__metadata-block"> 27 <p class="content-label">Firmware version</p> 28 <p class="courier-bold">2.3.104497</p> 29 </li> 30 <li class="overview__metadata-block"> 31 <p class="content-label">Serial number</p> 32 <p class="courier-bold">123456abcd</p> 33 </li> 34 </ul> 35 </div> 36 </div> 37 <!-- BMC Metadata --> 38 <div class="row overview__server-metadata"> 39 <div class="column large-4"> 40 <h3 class="bold h4">BMC information</h3> 41 </div> 42 <div class="column large-8"> 43 <ul class="overview__metadata-wrapper"> 44 <li class="overview__metadata-block"> 45 <p class="content-label">BMC IP address</p> 46 <p class="courier-bold">9.3.111.222</p> 47 </li> 48 <li class="overview__metadata-block"> 49 <p class="content-label">Hostname</p> 50 <p class="courier-bold overview__hostname">bmc401.aus.stg1.global</p> 51 </li> 52 <li class="overview__metadata-block"> 53 <p class="content-label">Mac address</p> 54 <p class="courier-bold"></p> 55 </li> 56 <li class="overview__metadata-block"> 57 <p class="content-label">Firmware</p> 58 <p class="courier-bold">4.3.104497</p> 59 </li> 60 61 </ul> 62 </div> 63 </div> 64 <!-- Power metadata --> 65 <div class="row overview__server-metadata"> 66 <div class="column large-4"> 67 <h3 class="bold h4">Power information</h3> 68 </div> 69 <div class="column large-8"> 70 <ul class="overview__metadata-wrapper"> 71 <li class="overview__metadata-block"> 72 <p class="content-label">Power Consumption</p> 73 <p class="courier-bold">000 W</p> 74 </li> 75 <li class="overview__metadata-block"> 76 <p class="content-label">Power Cap</p> 77 <p class="courier-bold">000 W</p> 78 </li> 79 </ul> 80 </div> 81 </div> 82 83 <!-- Power metadata --> 84 <div class="row column overview__event-log event-log__events" > 85 <h3 class="bold h4">High priority events</h3> 86 87 <!-- TODO: I built event log section so that you could easily just pull in our existing event log template. All display tweaks (such as hiding checkbox) are done via SCSS --> 88 89 <!-- show when there are no critical events from event log --> 90 <!-- <p class="disabled">No high priority events</p> --> 91 92 <!-- single event --> 93 <a href="#/server-health/event-log"> <!-- this should go to specific event in event log page --> 94 <div class="row column event-log__single-event"> 95 <div class="row"> 96 <div class="column small-1 large-1 event-log__col-check"> 97 <label class="control-check"> 98 <input type="checkbox" name="events__check" ng-click="event.selected= ! event.selected" 99 ng-checked="event.selected"/> 100 <span class="control__indicator"></span> 101 </label> 102 </div> 103 <div class="column small-9 large-10 event-log__event-info" ng-click=""><!-- click will go to specific event in event log page--> 104 <p class="inline event__id">#00995</p> 105 <p class="inline event__priority high-priority">High</p> 106 <p class="inline event__severity">emergency</p> 107 <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p> 108 <div> 109 <p class="inline event__description">Vestibulum ac diam sit amet quam vehicula aliquet quam id dui</p> 110 </div> 111 </div> 112 <div class="column small-1 large-1"> 113 <button class="accord-trigger"></button> 114 </div> 115 </div> 116 </div> 117 </a> 118 <!-- single event --> 119 <a href="#/server-health/event-log"><!-- this should go to specific event in event log page --> 120 <div class="row column event-log__single-event"> 121 <div class="row"> 122 <div class="column small-1 large-1 event-log__col-check"> 123 <label class="control-check"> 124 <input type="checkbox" name="events__check" ng-click="event.selected= ! event.selected" 125 ng-checked="event.selected"/> 126 <span class="control__indicator"></span> 127 </label> 128 </div> 129 <div class="column small-9 large-10 event-log__event-info" ng-click=""><!-- click will go to specific event in event log page--> 130 <p class="inline event__id">#00991</p> 131 <p class="inline event__priority high-priority">High</p> 132 <p class="inline event__severity">emergency</p> 133 <p class="inline event__timestamp">02/09/2017 21:00:26 EDT</p> 134 <div> 135 <p class="inline event__description">Vestibulum ac diam sit amet quam vehicula aliquet quam id dui Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.</p> 136 </div> 137 </div> 138 <div class="column small-1 large-1"> 139 <button class="accord-trigger"></button> 140 </div> 141 </div> 142 </div> 143 </a> 144 </div> 145 </div> 146 <div class="column large-4"> 147 <div class="quick-links" > 148 <a href="" class="quick-links__item quick-links__events event-log__events" > 149 <span class="event__priority high-priority">High</span><p class="inline quick-links__event-copy">3 High priority events</p><!-- link to event log filtered to the high priority events --> 150 </a> 151 <div class="quick-links__item no-icon"> 152 <p class="inline quick-links__label">BMC time</p> 153 <p class="inline float-right courier-bold">3:20:12 5/22/2017 UTC</p> 154 </div> 155 <div class="quick-links__item no-icon"> 156 <p class="inline quick-links__label">Turn on server indicator</p> 157 <div class="toggle inline float-right"> 158 <input id="toggle__switch-round" 159 class="toggle-switch toggle-switch__round-flat" 160 type="checkbox" 161 tabindex="0" 162 ng-click="toggleLED()" 163 ng-checked="dataService.LED_state == 'on'" 164 ng-disabled="dataService.server_unreachable"> 165 <label for="toggle__switch-round" tabindex="0">Server indicator is <span class="uid-switch__status">{{dataService.LED_state}}</span></label> 166 </div> 167 </div> 168 <a href="" class="no-icon quick-links__item"> 169 <p class="inline quick-links__label">Launch Serial Over Lan</p> 170 <span class="btn-pop-out inline float-right"></span> 171 </a> 172 <a href="" class="quick-links__item"> 173 <p class="inline quick-links__label">Edit network settings</p> 174 </a> 175 </div> 176 </div> 177 </section> 178</div>