1<header id="header" class="header">
2  <!-- HEADER -->
3  <div class="header__info-section">
4    <span class="header__title">OpenBMC</span>
5    <div class="header__actions" uib-dropdown>
6      <button id="user-actions" type="button" uib-dropdown-toggle>
7        <icon class="icon-user" file="icon-avatar.svg"></icon>
8        {{username}}
9      </button>
10      <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="user-actions">
11        <li role="menuitem"><a href="#/profile-settings" class="btn">Profile settings</a></li>
12        <li role="menuitem"><button ng-click="logout()" type="button" class="btn">Log out</button></li>
13      </ul>
14    </div>
15  </div>
16  <div class="header__functions-section">
17    <div class="logo__wrapper">
18      <img
19        src="../../assets/images/logo.svg"
20        class="header__logo"
21        alt="company logo"
22      />
23    </div>
24    <div class="inline header__server-name">
25      <p class="header__hostname">{{ dataService.hostname }}</p>
26      <p class="header__server-ip courier-bold">{{ dataService.server_id }}</p>
27    </div>
28    <div class="header__functions" ng-class="{'active' : toggle}">
29      <button
30        type="button"
31        class="header__action header__action--info"
32        ng-click="toggle = !toggle"
33      >
34        <icon aria-hidden="true" file="icon-chevron-right.svg"></icon>
35      </button>
36      <a href="#/server-health/event-log" class="header__action">
37        Server health
38        <icon aria-hidden="true" file="icon-chevron-right.svg"></icon>
39        <span>
40            <status-icon status="{{ dataService.server_health == 'Critical' ? 'error' :
41                                    dataService.server_health == 'Warning' ? 'warn' :
42                                    dataService.server_health == 'Good' ? 'on' : null }}">
43            </status-icon>
44          {{ dataService.server_health }}
45        </span>
46      </a>
47      <a href="#/server-control/power-operations" class="header__action">
48        Server power
49        <icon aria-hidden="true" file="icon-chevron-right.svg"></icon>
50        <span>
51          <status-icon status="{{ dataService.server_state == 'Quiesced' ? 'error' :
52                                  dataService.server_state == 'Running' ? 'on' :
53                                  dataService.server_state == 'Off' ? 'off' :
54                                  dataService.server_state == 'Unreachable' ? 'off' : null }}">
55          </status-icon>
56          {{ dataService.server_state | quiescedToError }}
57        </span>
58      </a>
59      <p class="header__refresh">
60        Data last refreshed<span>{{
61          dataService.last_updated | localeDate
62        }}</span>
63      </p>
64      <button
65        class="header__action header__action--refresh"
66        ng-click="refresh()"
67        aria-label="refresh page data"
68      >
69        <span>Refresh</span>
70        <icon file="icon-restart.svg"></icon>
71      </button>
72    </div>
73  </div>
74</header>
75