1<loader loading="loading"></loader>
2<div class="overview">
3	<div class="row column">
4		<h1 class="inline">IBM Power Witherspoon 2</h1>
5		<button class="link" ng-click="edit_server_name = !edit_server_name">edit</button><!-- this is default name. Will show custom server name if set -->
6	</div>
7	<section class="row">
8		<div class="column large-8">
9			<!-- Server Metadata -->
10			<div class="row overview__server-metadata">
11				<div class="column large-4">
12					<h3 class="bold h4">Server information</h3>
13				</div>
14				<div class="column large-8">
15					<ul class="overview__metadata-wrapper">
16						<li class="overview__metadata-block">
17							<p class="content-label">Model</p>
18							<p class="courier-bold">{{bmc_info.Model}}</p>
19						</li>
20						<li class="overview__metadata-block">
21							<p class="content-label">Manufacturer</p>
22							<p class="courier-bold">{{bmc_info.Manufacturer}}</p>
23						</li>
24						<li class="overview__metadata-block">
25							<p class="content-label">Firmware version</p>
26							<p class="courier-bold">{{server_firmware}}</p>
27						</li>
28						<li class="overview__metadata-block">
29							<p class="content-label">Serial number</p>
30							<p class="courier-bold">{{bmc_info.SerialNumber}}</p>
31						</li>
32					</ul>
33				</div>
34			</div>
35			<!-- BMC Metadata -->
36			<div class="row overview__server-metadata">
37				<div class="column large-4">
38					<h3 class="bold h4">BMC information</h3>
39				</div>
40				<div class="column large-8">
41					<ul class="overview__metadata-wrapper">
42						<li class="overview__metadata-block">
43							<p class="content-label">Hostname</p>
44							<p class="courier-bold overview__hostname">{{dataService.hostname}}</p>
45						</li>
46						<li class="overview__metadata-block">
47							<p class="content-label">BMC IP address</p>
48							<p class="courier-bold">{{dataService.server_id}}</p>
49						</li>
50						<li class="overview__metadata-block">
51							<p class="content-label">Firmware Version</p>
52							<p class="courier-bold">{{bmc_firmware}}</p>
53						</li>
54						<li class="overview__metadata-block">
55							<p class="content-label">Mac address</p>
56							<p class="courier-bold">{{dataService.mac_address}}</p>
57						</li>
58					</ul>
59				</div>
60			</div>
61			<!-- Power metadata -->
62			<div class="row overview__server-metadata">
63				<div class="column large-4">
64					<h3 class="bold h4">Power information</h3>
65				</div>
66				<div class="column large-8">
67					<ul class="overview__metadata-wrapper">
68						<li class="overview__metadata-block">
69							<p class="content-label">Power Consumption</p>
70							<p class="courier-bold">000 W</p>
71						</li>
72						<li class="overview__metadata-block">
73							<p class="content-label">Power Cap</p>
74							<p class="courier-bold">000 W</p>
75						</li>
76					</ul>
77				</div>
78			</div>
79			<!-- Power metadata -->
80			<div class="row column overview__event-log event-log__events" ng-show="logs.length">
81				<div class="page-header">
82					<h3 class="bold h4 inline">High priority events ({{logs.length}})</h3>
83					<a href="#/server-health/event-log/high" class="inline float-right">View all event logs</a>
84				</div>
85				<!-- show when there are no critical events from event log -->
86				<!-- <p class="disabled">No high priority events</p> -->
87
88				<!-- single event -->
89				<a href="#/server-health/event-log/high/{{event.Id}}" ng-repeat="event in logs|orderBy:'+Id'">
90					<div class="row column event-log__single-event">
91						<div class="row">
92							<div class="column small-1 large-1 event-log__col-check">
93								<label class="control-check">
94									<input type="checkbox" name="events__check" ng-click="event.selected= ! event.selected"
95											ng-checked="event.selected"/>
96									<span class="control__indicator"></span>
97								</label>
98							</div>
99							<div class="column small-9 large-10 event-log__event-info" ng-click=""><!-- click will go to specific event in event log page-->
100								<p class="inline event__id">#{{event.Id}}</p>
101								<p class="inline event__priority high-priority">High</p>
102								<p class="inline event__severity high-priority">{{event.severity_code}}</p>
103								<p class="inline event__timestamp">{{event.Timestamp| date:'MM/dd/yyyy  HH:mm:ss '+tmz: tmz}}</p>
104								<div>
105									<p class="inline event__description">{{event.Severity}}</p>
106								</div>
107							</div>
108							<div class="column small-1 large-1">
109								<span class="button accord-trigger"></span>
110							</div>
111						</div>
112					</div>
113				</a>
114			</div>
115
116			<div class="row column overview__event-log event-log__events" ng-show="!logs.length">
117				<div class="page-header">
118					<h3 class="bold h4">High priority events (0)</h3>
119				</div>
120				<p>There are no high priority events to display at this time.</p>
121			</div>
122		</div>
123		<div class="column large-4 no-padding">
124			<div class="quick-links">
125				<a href="#/server-health/event-log/high" class="quick-links__item quick-links__events event-log__events" ng-show="logs.length">
126					<p class="inline quick-links__event-copy">{{logs.length}} High priority events</p><!-- link to event log filtered to the high priority events -->
127				</a>
128				<div class="quick-links__item no-icon">
129					<p class="inline quick-links__label">BMC time</p>
130					<p class="inline courier-bold float-right">3:20:12 5/22/2017 UTC</p>
131				</div>
132				<div class="quick-links__item no-icon">
133					<p class="inline quick-links__label">Turn <span ng-if="dataService.LED_state == 'off'">on</span><span ng-if="dataService.LED_state == 'on'">off</span> server indicator</p>
134					<div class="toggle inline float-right">
135						<input id="toggle__switch-round"
136								class="toggle-switch toggle-switch__round-flat"
137								type="checkbox"
138								tabindex="0"
139								ng-click="toggleLED()"
140								ng-checked="dataService.LED_state == 'on'"
141								ng-disabled="dataService.server_unreachable">
142						<label for="toggle__switch-round" tabindex="0">Server indicator is <span class="uid-switch__status">{{dataService.LED_state}}</span></label>
143					</div>
144				</div>
145				<a href="#/server-control/remote-console" class="no-icon quick-links__item">
146					<p class="inline quick-links__label">Launch Serial Over Lan</p>
147					<span class="btn-pop-out inline float-right"></span>
148				</a>
149				<a href="#/configuration/network" class="quick-links__item">
150					<p class="inline quick-links__label">Edit network settings</p>
151				</a>
152			</div>
153		</div>
154	</section>
155</div>
156