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"> 6 <div class="column large-8"> 7 <!-- Server Metadata --> 8 <div class="row overview__server-metadata"> 9 <div class="column large-4"> 10 <h3 class="bold h4">Server information</h3> 11 </div> 12 <div class="column large-8"> 13 <ul class="overview__metadata-wrapper"> 14 <li class="overview__metadata-block"> 15 <p class="content-label">Model</p> 16 <p class="courier-bold">{{bmc_info.Model}}</p> 17 </li> 18 <li class="overview__metadata-block"> 19 <p class="content-label">Manufacturer</p> 20 <p class="courier-bold">{{bmc_info.Manufacturer}}</p> 21 </li> 22 <li class="overview__metadata-block"> 23 <p class="content-label">Firmware version</p> 24 <p class="courier-bold">{{server_firmware}}</p> 25 </li> 26 <li class="overview__metadata-block"> 27 <p class="content-label">Serial number</p> 28 <p class="courier-bold">{{bmc_info.SerialNumber}}</p> 29 </li> 30 </ul> 31 </div> 32 </div> 33 <!-- BMC Metadata --> 34 <div class="row overview__server-metadata"> 35 <div class="column large-4"> 36 <h3 class="bold h4">BMC information</h3> 37 </div> 38 <div class="column large-8"> 39 <ul class="overview__metadata-wrapper"> 40 <li class="overview__metadata-block"> 41 <p class="content-label">Hostname</p> 42 <p class="courier-bold overview__hostname">bmc401.aus.stg1.global</p> 43 </li> 44 <li class="overview__metadata-block"> 45 <p class="content-label">BMC IP address</p> 46 <p class="courier-bold">{{dataService.server_id}}</p> 47 </li> 48 <li class="overview__metadata-block"> 49 <p class="content-label">Firmware Version</p> 50 <p class="courier-bold">{{bmc_firmware}}</p> 51 </li> 52 <li class="overview__metadata-block"> 53 <p class="content-label">Mac address</p> 54 <p class="courier-bold">{{mac_address}}</p> 55 </li> 56 </ul> 57 </div> 58 </div> 59 <!-- Power metadata --> 60 <div class="row overview__server-metadata"> 61 <div class="column large-4"> 62 <h3 class="bold h4">Power information</h3> 63 </div> 64 <div class="column large-8"> 65 <ul class="overview__metadata-wrapper"> 66 <li class="overview__metadata-block"> 67 <p class="content-label">Power Consumption</p> 68 <p class="courier-bold">000 W</p> 69 </li> 70 <li class="overview__metadata-block"> 71 <p class="content-label">Power Cap</p> 72 <p class="courier-bold">000 W</p> 73 </li> 74 </ul> 75 </div> 76 </div> 77 <!-- Power metadata --> 78 <div class="row column overview__event-log event-log__events" ng-show="logs.length"> 79 <div class="page-header"> 80 <h3 class="bold h4 inline">High priority events</h3> 81 <a href="#/server-health/event-log" class="inline float-right">View all event logs</a> 82 </div> 83 <!-- show when there are no critical events from event log --> 84 <!-- <p class="disabled">No high priority events</p> --> 85 86 <!-- single event --> 87 <a href="#/server-health/event-log" ng-repeat="event in logs|orderBy:'+Id'"> 88 <div class="row column event-log__single-event"> 89 <div class="row"> 90 <div class="column small-1 large-1 event-log__col-check"> 91 <label class="control-check"> 92 <input type="checkbox" name="events__check" ng-click="event.selected= ! event.selected" 93 ng-checked="event.selected"/> 94 <span class="control__indicator"></span> 95 </label> 96 </div> 97 <div class="column small-9 large-10 event-log__event-info" ng-click=""><!-- click will go to specific event in event log page--> 98 <p class="inline event__id">#{{event.Id}}</p> 99 <p class="inline event__priority high-priority">High</p> 100 <p class="inline event__severity high-priority">{{event.severity_code}}</p> 101 <p class="inline event__timestamp">{{event.Timestamp| date:'MM/dd/yyyy HH:mm:ss '+tmz: tmz}}</p> 102 <div> 103 <p class="inline event__description">{{event.Severity}}</p> 104 </div> 105 </div> 106 <div class="column small-1 large-1"> 107 <button class="accord-trigger"></button> 108 </div> 109 </div> 110 </div> 111 </a> 112 </div> 113 114 <div class="row column overview__event-log event-log__events" ng-show="!logs.length"> 115 <h3 class="bold h4">High priority events</h3> 116 <p>There are no high priority events to display at this time.</p> 117 </div> 118 </div> 119 <div class="column large-4 no-padding"> 120 <div class="quick-links"> 121 <a href="#/server-health/event-log" class="quick-links__item quick-links__events event-log__events" ng-show="logs.length"> 122 <p class="inline quick-links__event-copy">{{logs.length}} High priority events</p><!-- link to event log filtered to the high priority events --> 123 </a> 124 <div class="quick-links__item no-icon"> 125 <p class="inline quick-links__label">BMC time</p> 126 <p class="inline courier-bold float-right">3:20:12 5/22/2017 UTC</p> 127 </div> 128 <div class="quick-links__item no-icon"> 129 <p class="inline quick-links__label">Turn on server indicator</p> 130 <div class="toggle inline float-right"> 131 <input id="toggle__switch-round" 132 class="toggle-switch toggle-switch__round-flat" 133 type="checkbox" 134 tabindex="0" 135 ng-click="toggleLED()" 136 ng-checked="dataService.LED_state == 'on'" 137 ng-disabled="dataService.server_unreachable"> 138 <label for="toggle__switch-round" tabindex="0">Server indicator is <span class="uid-switch__status">{{dataService.LED_state}}</span></label> 139 </div> 140 </div> 141 <a href="#/server-control/remote-console" class="no-icon quick-links__item"> 142 <p class="inline quick-links__label">Launch Serial Over Lan</p> 143 <span class="btn-pop-out inline float-right"></span> 144 </a> 145 <a href="#/configuration/network" class="quick-links__item"> 146 <p class="inline quick-links__label">Edit network settings</p> 147 </a> 148 </div> 149 </div> 150 </section> 151</div>