1<header id="header" class="header"> 2 <!-- HEADER --> 3 <div class="header__info-section"> 4 <span class="header__title">OpenBMC</span> 5 <a href="" class="header__logout" ng-click="logout()">Log out</a> 6 </div> 7 <div class="header__functions-section"> 8 <div class="logo__wrapper"><img src="../../assets/images/logo.svg" class="header__logo" alt="company logo"/></div> 9 <div class="inline header__server-name"> 10 <p class="header__hostname">{{dataService.hostname}}</p> 11 <p class="header__server-ip courier-bold">{{dataService.server_id}}</p> 12 </div> 13 <div class="header__functions" ng-class="{'active' : toggle}"> 14 <button type="button" class="header__info" ng-click="toggle = !toggle"><i class="icon icon-angle" aria-hidden="true"></i></button> 15 <a href="#/server-health/event-log" class="header__server-health">Server health 16 <i class="icon icon-angle" aria-hidden="true"></i><span ng-class="{'status-light__error': dataService.server_health == 'Critical', 'status-light__warn': dataService.server_health == 'Warning', 'status-light__good': dataService.server_health == 'Good'}">{{dataService.server_health}}</span></a> 17 <a href="#/server-control/power-operations" class="header__server-power" role="button">Server power 18 <i class="icon icon-angle" aria-hidden="true"></i><span ng-class="{'status-light__off': dataService.server_state == 'Off', 'status-light__disabled': dataService.server_state == 'Unreachable', 'status-light__good': dataService.server_state == 'Running', 'status-light__error': dataService.server_state == 'Quiesced'}">{{dataService.server_state | quiescedToError}}</span></a> 19 <p class="header__refresh">Data last refreshed<span>{{dataService.last_updated | localeDate}}</span> 20 </p> 21 <button class="header__page-refresh" ng-click="refresh()" aria-label="refresh page data"> 22 <span>Refresh</span> 23 <icon file="icon-restart.svg"></icon> 24 </button> 25 </div> 26 </div> 27</header> 28