1<div id="header__wrapper">
2<!-- HEADER -->
3<!-- Class of status-light__good has 3 states: status-light__good, status-light__error, status-light__disabled -->
4<header id="header">
5    <span class="app__version float-left">{{dataService.app_version}}</span>
6    <a href="" class="header__logout" ng-click="logout()">Log out</a>
7</header>
8<div class="header__functions-wrapper" role="heading">
9    <div class="logo__wrapper"><img src="assets/images/logo.svg" id="header__logo"  alt="company logo"/></div>
10    <button id="header__server-name">Server {{dataService.server_id}}</button>
11    <div class="header__functions">
12        <a href="#/server-health/event-log" id="header__server-health">Server health<span class="status-light__error">{{dataService.server_health}}</span></a>
13        <a href="#/server-control/power-operations" class="header__server-power" role="button">Server power<span ng-class="{'status-light__error': dataService.server_state == 'Off', 'status-light__disabled': dataService.server_state == 'Unreachable', 'status-light__good': dataService.server_state == 'Running', 'status-light__warn': dataService.server_state == 'Quiesced'}">{{dataService.server_state}}</span></a>
14        <p class="header__refresh">Page last refreshed <span>{{dataService.last_updated |date:'h:mm:ss MMM dd yyyy'}}</span></p>
15        <button class="header__page-refresh" ng-click="refresh()"><img src="assets/images/icon-refresh-white.svg" alt="refresh page" role="button"/></button>
16    </div>
17</div>
18</div>
19