1<loader loading="loading"></loader> 2<div class="overview"> 3 <div class="row column"> 4 <h1 class="inline">{{dataService.hostname}}</h1> 5 <!-- TODO: openbmc/openbmc#3140 Edit the hostname when a new value is entered. 6 <button class="link" ng-click="edit_server_name = !edit_server_name">edit</button> --><!-- this is default name. Will show custom server name if set --> 7 </div> 8 <section class="row"> 9 <div class="column large-8"> 10 <!-- Server Metadata --> 11 <div class="row overview__server-metadata"> 12 <div class="column large-4"> 13 <h3 class="bold h4">Server information</h3> 14 </div> 15 <div class="column large-8"> 16 <ul class="overview__metadata-wrapper"> 17 <li class="overview__metadata-block"> 18 <p class="content-label">Model</p> 19 <p class="courier-bold">{{server_info.Model}}</p> 20 </li> 21 <li class="overview__metadata-block"> 22 <p class="content-label">Manufacturer</p> 23 <p class="courier-bold">{{server_info.Manufacturer}}</p> 24 </li> 25 <li class="overview__metadata-block"> 26 <p class="content-label">Firmware version</p> 27 <p class="courier-bold">{{server_firmware}}</p> 28 </li> 29 <li class="overview__metadata-block"> 30 <p class="content-label">Serial number</p> 31 <p class="courier-bold">{{server_info.SerialNumber}}</p> 32 </li> 33 </ul> 34 </div> 35 </div> 36 <!-- BMC Metadata --> 37 <div class="row overview__server-metadata"> 38 <div class="column large-4"> 39 <h3 class="bold h4">BMC information</h3> 40 </div> 41 <div class="column large-8"> 42 <ul class="overview__metadata-wrapper"> 43 <li class="overview__metadata-block"> 44 <p class="content-label">Hostname</p> 45 <p class="courier-bold overview__hostname">{{dataService.hostname}}</p> 46 </li> 47 <li class="overview__metadata-block"> 48 <p class="content-label">BMC Host/IP address</p> 49 <p class="courier-bold">{{dataService.server_id}}</p> 50 </li> 51 <li class="overview__metadata-block"> 52 <p class="content-label">Firmware Version</p> 53 <p class="courier-bold">{{bmc_firmware}}</p> 54 </li> 55 <li class="overview__metadata-block"> 56 <p class="content-label">Mac address</p> 57 <p class="courier-bold">{{dataService.mac_address}}</p> 58 </li> 59 </ul> 60 </div> 61 </div> 62 <!-- Power metadata --> 63 <div class="row overview__server-metadata"> 64 <div class="column large-4"> 65 <h3 class="bold h4">Power information</h3> 66 </div> 67 <div class="column large-8"> 68 <ul class="overview__metadata-wrapper"> 69 <li class="overview__metadata-block"> 70 <p class="content-label">Power Consumption</p> 71 <p class="courier-bold">{{power_consumption}}</p> 72 </li> 73 <li class="overview__metadata-block"> 74 <p class="content-label">Power Cap</p> 75 <p class="courier-bold">{{power_cap}}</p> 76 </li> 77 </ul> 78 </div> 79 </div> 80 <!-- Power metadata --> 81 </div> 82 <div class="column large-4 no-padding"> 83 <div class="quick-links"> 84 <a href="#/server-health/event-log/high" class="quick-links__item quick-links__events event-log__events" ng-show="logs.length"> 85 <p class="inline quick-links__event-copy">{{logs.length}} High priority events</p><!-- link to event log filtered to the high priority events --> 86 </a> 87 <div class="quick-links__item no-icon"> 88 <p class="inline quick-links__label">BMC time</p> 89 <p class="inline courier-bold float-right">3:20:12 5/22/2017 UTC</p> 90 </div> 91 <div class="quick-links__item no-icon"> 92 <p class="inline quick-links__label">Turn <span ng-if="dataService.LED_state == 'off'">on</span><span ng-if="dataService.LED_state == 'on'">off</span> server indicator</p> 93 <div class="toggle inline float-right"> 94 <input id="toggle__switch-round" 95 class="toggle-switch toggle-switch__round-flat" 96 type="checkbox" 97 tabindex="0" 98 ng-click="toggleLED()" 99 ng-checked="dataService.LED_state == 'on'" 100 ng-disabled="dataService.server_unreachable"> 101 <label for="toggle__switch-round" tabindex="0">Server LED is <span class="uid-switch__status">{{dataService.LED_state}}</span></label> 102 </div> 103 </div> 104 <a href="#/server-control/remote-console" class="no-icon quick-links__item"> 105 <p class="inline quick-links__label">Serial over LAN</p> 106 <span class="btn-pop-out inline float-right"></span> 107 </a> 108 <a href="#/configuration/network" class="quick-links__item"> 109 <p class="inline quick-links__label">Edit network settings</p> 110 </a> 111 </div> 112 </div> 113 </section> 114 <section class="row"> 115 <div class="column large-12 overview__event-log event-log__events" ng-show="logs.length"> 116 <div class="page-header"> 117 <h3 class="bold h4 inline">High priority events ({{logs.length}})</h3> 118 <a href="#/server-health/event-log/" class="inline float-right">View all event logs</a> 119 </div> 120 121 <!-- single event --> 122 <a href="#/server-health/event-log/high" ng-repeat="event in logs|orderBy:'+Id'"> 123 <div class="row column event-log__single-event"> 124 <div class="row"> 125 <div class="column small-1 large-1 event-log__col-check"> 126 <label class="control-check"> 127 <input type="checkbox" name="events__check" ng-click="event.selected= ! event.selected" 128 ng-checked="event.selected"/> 129 <span class="control__indicator"></span> 130 </label> 131 </div> 132 <div class="column small-9 large-10 event-log__event-info" ng-click=""><!-- click will go to specific event in event log page--> 133 <p class="inline event__id">#{{event.Id}}</p> 134 <p class="inline event__priority high-priority">High</p> 135 <p class="inline event__severity high-priority">{{event.severity_code}}</p> 136 <p class="inline event__timestamp">{{event.Timestamp| date:'MM/dd/yyyy HH:mm:ss '+tmz: tmz}}</p> 137 <div> 138 <p class="inline event__description">{{event.type}}</p> 139 </div> 140 </div> 141 <div class="column small-1 large-1"> 142 <button class="accord-trigger" aria-hidden="true"></button> 143 </div> 144 </div> 145 </div> 146 </a> 147 </div> 148 149 <div class="row column overview__event-log event-log__events" ng-show="!logs.length"> 150 <div class="page-header"> 151 <h3 class="bold h4">High priority events (0)</h3> 152 </div> 153 <p>There are no high priority events to display at this time.</p> 154 </div> 155 </section> 156</div> 157<!-- edit server name modal --> 158<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': edit_server_name}"> 159 <div class="modal__upload" role="document"> 160 <div class="screen-reader-offscreen modal-description">Edit server name</div><!-- accessibility only; used for screen readers --> 161 <div class="page-header "> 162 <h1 class="modal-title h4"><span class="icon icon__info"><svg xmlns="http://www.w3.org/2000/svg" 163 viewBox="0 0 32 32"><path 164 d="M18 14h-6v2h1v6h-2v2h8v-2h-2z"/><circle cx="16" cy="10" r="2"/><path 165 d="M16 2C8.269 2 2 8.269 2 16s6.269 14 14 14 14-6.269 14-14S23.731 2 16 2zm0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12z"/></svg></span> 166 Edit server name 167 </h1> 168 </div> 169 <div class="modal__content"> 170 <p>The server name is displayed in the header and can contain any characters up to a total of 64</p> 171 <form> 172 <label for="editServerName" class="hide"></label> 173 <input id="editServerName" class="modal__edit-server-name" maxlength="64" type="text" ng-model="char_count" ng-trim="false"> 174 <p class="modal__char-count">{{64 - char_count.length}}/64</p> 175 </form> 176 </div> 177 <div class="modal__button-wrapper"> 178 <button class="inline btn-secondary" ng-click="edit_server_name= false;">Cancel</button> 179 <button class="inline btn-primary" ng-click="">Save</button> 180 </div> 181 </div> 182</section> 183<div class="modal-overlay" tabindex="-1" ng-class="{'active': edit_server_name}"></div> 184