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">
9      <img
10        src="../../assets/images/logo.svg"
11        class="header__logo"
12        alt="company logo"
13      />
14    </div>
15    <div class="inline header__server-name">
16      <p class="header__hostname">{{ dataService.hostname }}</p>
17      <p class="header__server-ip courier-bold">{{ dataService.server_id }}</p>
18    </div>
19    <div class="header__functions" ng-class="{'active' : toggle}">
20      <button
21        type="button"
22        class="header__action header__action--info"
23        ng-click="toggle = !toggle"
24      >
25        <icon aria-hidden="true" file="icon-chevron-right.svg"></icon>
26      </button>
27      <a href="#/server-health/event-log" class="header__action">
28        Server health
29        <icon aria-hidden="true" file="icon-chevron-right.svg"></icon>
30        <span>
31            <status-icon status="{{ dataService.server_health == 'Critical' ? 'error' :
32                                    dataService.server_health == 'Warning' ? 'warn' :
33                                    dataService.server_health == 'Good' ? 'on' : null }}">
34            </status-icon>
35          {{ dataService.server_health }}
36        </span>
37      </a>
38      <a href="#/server-control/power-operations" class="header__action">
39        Server power
40        <icon aria-hidden="true" file="icon-chevron-right.svg"></icon>
41        <span>
42          <status-icon status="{{ dataService.server_state == 'Quiesced' ? 'error' :
43                                  dataService.server_state == 'Running' ? 'on' :
44                                  dataService.server_state == 'Off' ? 'off' :
45                                  dataService.server_state == 'Unreachable' ? 'off' : null }}">
46          </status-icon>
47          {{ dataService.server_state | quiescedToError }}
48        </span>
49      </a>
50      <p class="header__refresh">
51        Data last refreshed<span>{{
52          dataService.last_updated | localeDate
53        }}</span>
54      </p>
55      <button
56        class="header__action header__action--refresh"
57        ng-click="refresh()"
58        aria-label="refresh page data"
59      >
60        <span>Refresh</span>
61        <icon file="icon-restart.svg"></icon>
62      </button>
63    </div>
64  </div>
65</header>
66