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">{{bmc_info.Model}}</p> 21 </li> 22 <li class="overview__metadata-block"> 23 <p class="content-label">Manufacturer</p> 24 <p class="courier-bold">{{bmc_info.Manufacturer}}</p> 25 </li> 26 <li class="overview__metadata-block"> 27 <p class="content-label">Firmware version</p> 28 <p class="courier-bold">{{server_firmware}}</p> 29 </li> 30 <li class="overview__metadata-block"> 31 <p class="content-label">Serial number</p> 32 <p class="courier-bold">{{bmc_info.SerialNumber}}</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">{{dataService.server_id}}</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">{{mac_address}}</p> 55 </li> 56 <li class="overview__metadata-block"> 57 <p class="content-label">Firmware</p> 58 <p class="courier-bold">{{bmc_firmware}}</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" ng-show="logs.length"> 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" ng-repeat="event in logs|orderBy:'+Id'"> <!-- 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">#{{event.Id}}</p> 105 <p class="inline event__priority high-priority">High</p> 106 <p class="inline event__severity">{{event.severity_code}}</p> 107 <p class="inline event__timestamp">{{event.Timestamp| date:'MM/dd/yyyy HH:mm:ss '+tmz: tmz}}</p> 108 <div> 109 <p class="inline event__description">{{event.Severity}}</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 </div> 119 120 <div class="row column overview__event-log event-log__events" ng-show="!logs.length"> 121 <h3 class="bold h4">High priority events</h3> 122 <p>There are no high priority events to display at this time.</p> 123 </div> 124 </div> 125 <div class="column large-4"> 126 <div class="quick-links" > 127 <a href="#/server-health/event-log" class="quick-links__item quick-links__events event-log__events" ng-show="logs.length"> 128 <span class="event__priority high-priority">High</span><p class="inline quick-links__event-copy">{{logs.length}} High priority events</p><!-- link to event log filtered to the high priority events --> 129 </a> 130 <div class="quick-links__item no-icon"> 131 <p class="inline quick-links__label">BMC time</p> 132 <p class="inline float-right courier-bold">3:20:12 5/22/2017 UTC</p> 133 </div> 134 <div class="quick-links__item no-icon"> 135 <p class="inline quick-links__label">Turn on server indicator</p> 136 <div class="toggle inline float-right"> 137 <input id="toggle__switch-round" 138 class="toggle-switch toggle-switch__round-flat" 139 type="checkbox" 140 tabindex="0" 141 ng-click="toggleLED()" 142 ng-checked="dataService.LED_state == 'on'" 143 ng-disabled="dataService.server_unreachable"> 144 <label for="toggle__switch-round" tabindex="0">Server indicator is <span class="uid-switch__status">{{dataService.LED_state}}</span></label> 145 </div> 146 </div> 147 <a href="#/server-control/remote-console" class="no-icon quick-links__item"> 148 <p class="inline quick-links__label">Launch Serial Over Lan</p> 149 <span class="btn-pop-out inline float-right"></span> 150 </a> 151 <a href="#/configuration/network" class="quick-links__item"> 152 <p class="inline quick-links__label">Edit network settings</p> 153 </a> 154 </div> 155 </div> 156 </section> 157</div>