1*4250f302SMichael Davis<div id="header__wrapper">
299d199f3SIftekharul Islam	<!-- HEADER -->
399d199f3SIftekharul Islam	<header id="header">
4a6a15c21SMichael Davis		<span class="app__version float-left">OpenBMC for IBM Power Systems {{dataService.app_version}}</span>
599d199f3SIftekharul Islam		<a href="" class="header__logout" ng-click="logout()">Log out</a>
699d199f3SIftekharul Islam	</header>
7*4250f302SMichael Davis	<div class="header__functions-wrapper" role="heading">
8a6a15c21SMichael Davis		<div class="logo__wrapper"><img src="assets/images/logo.svg" class="header__logo" alt="company logo"/></div>
9*4250f302SMichael Davis		<button class="inline header__multi-server" aria-label="multi server select" ng-class="{'active': multi_server_recent}" ng-click="multiRecent();">
10*4250f302SMichael Davis			<span class="icon icon-angle" aria-hidden="true"></span><span class="accessible-text">Multi server switcher</span>
11*4250f302SMichael Davis		</button>
12*4250f302SMichael Davis		<div class="inline header__server-name">
13ba556c31SIftekharul Islam			<p class="header__hostname">{{dataService.hostname}}</p>
14a6a15c21SMichael Davis			<p class="header__server-ip courier-bold">BMC IP address {{dataService.server_id}}</p>
15a6a15c21SMichael Davis		</div>
16a1dcfe0cSMichael Davis		<div class="header__functions" ng-class="{'active' : toggle}">
17a1dcfe0cSMichael Davis			<a class="header__info" ng-click="toggle = !toggle"><span>Server Info</span><i class="icon icon-angle" aria-hidden="true"></i></a>
18*4250f302SMichael Davis			<a href="#/server-health/event-log" class="header__server-health">Server health
19*4250f302SMichael Davis				<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>
20*4250f302SMichael Davis			<a href="#/server-control/power-operations" class="header__server-power" role="button">Server power
21*4250f302SMichael Davis				<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__warn': dataService.server_state == 'Quiesced'}">{{dataService.server_state}}</span></a>
22*4250f302SMichael Davis			<p class="header__refresh">Data last refreshed<span>{{dataService.last_updated |date:'h:mm:ss MMM dd yyyy'}}</span>
23*4250f302SMichael Davis			</p>
24*4250f302SMichael Davis			<button class="header__page-refresh" ng-click="refresh()" aria-label="refresh page data">
25*4250f302SMichael Davis				<span>Refresh</span>
26*4250f302SMichael Davis				<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52.18 51.91">
27*4250f302SMichael Davis					<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)"/>
28*4250f302SMichael Davis			</button>
2999d199f3SIftekharul Islam		</div>
3099d199f3SIftekharul Islam	</div>
3199d199f3SIftekharul Islam</div>
32*4250f302SMichael Davis
33*4250f302SMichael Davis<!-- multi-server recent dropdown -->
34*4250f302SMichael Davis<div ng-include="" src="'multi-server/controllers/multi-server-recent-controller.html'"></div>
35