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