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        <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.18 51.91">
24          <path class="cls-1" d="M38,20.77H52v-14H48.3v6.07A26,26,0,1,0,48.7,38H44.32a22.14,22.14,0,1,1,1.8-20.92H38v3.67Z" transform="translate(0.16 0.14)"/>
25        </svg>
26      </button>
27    </div>
28  </div>
29</header>
30