1<loader loading="loading"></loader>
2<div class="overview">
3	<div class="row column">
4		<h1 class="inline">{{dataService.hostname}}</h1>
5		<!-- TODO: openbmc/openbmc#3140 Edit the hostname when a new value is entered.
6		<button class="link" ng-click="edit_server_name = !edit_server_name">edit</button>  --><!-- this is default name. Will show custom server name if set -->
7	</div>
8	<section class="row">
9		<div class="column large-8">
10			<!-- Server Metadata -->
11			<div class="row overview__server-metadata">
12				<div class="column large-4">
13					<h3 class="bold h4">Server information</h3>
14				</div>
15				<div class="column large-8">
16					<ul class="overview__metadata-wrapper">
17						<li class="overview__metadata-block">
18							<p class="content-label">Model</p>
19							<p class="courier-bold">{{server_info.Model}}</p>
20						</li>
21						<li class="overview__metadata-block">
22							<p class="content-label">Manufacturer</p>
23							<p class="courier-bold">{{server_info.Manufacturer}}</p>
24						</li>
25						<li class="overview__metadata-block">
26							<p class="content-label">Firmware version</p>
27							<p class="courier-bold">{{server_firmware}}</p>
28						</li>
29						<li class="overview__metadata-block">
30							<p class="content-label">Serial number</p>
31							<p class="courier-bold">{{server_info.SerialNumber}}</p>
32						</li>
33					</ul>
34				</div>
35			</div>
36			<!-- BMC Metadata -->
37			<div class="row overview__server-metadata">
38				<div class="column large-4">
39					<h3 class="bold h4">BMC information</h3>
40				</div>
41				<div class="column large-8">
42					<ul class="overview__metadata-wrapper">
43						<li class="overview__metadata-block">
44							<p class="content-label">Hostname</p>
45							<p class="courier-bold overview__hostname">{{dataService.hostname}}</p>
46						</li>
47						<li class="overview__metadata-block">
48							<p class="content-label">BMC Host/IP address</p>
49							<p class="courier-bold">{{dataService.server_id}}</p>
50						</li>
51						<li class="overview__metadata-block">
52							<p class="content-label">Firmware Version</p>
53							<p class="courier-bold">{{bmc_firmware}}</p>
54						</li>
55						<li class="overview__metadata-block">
56							<p class="content-label">Mac address</p>
57							<p class="courier-bold">{{dataService.mac_address}}</p>
58						</li>
59					</ul>
60				</div>
61			</div>
62			<!-- Power metadata -->
63			<div class="row overview__server-metadata">
64				<div class="column large-4">
65					<h3 class="bold h4">Power information</h3>
66				</div>
67				<div class="column large-8">
68					<ul class="overview__metadata-wrapper">
69						<li class="overview__metadata-block">
70							<p class="content-label">Power Consumption</p>
71							<p class="courier-bold">{{power_consumption}}</p>
72						</li>
73						<li class="overview__metadata-block">
74							<p class="content-label">Power Cap</p>
75							<p class="courier-bold">{{power_cap}}</p>
76						</li>
77					</ul>
78				</div>
79			</div>
80			<!-- Power metadata -->
81		</div>
82		<div class="column large-4 no-padding">
83			<div class="quick-links">
84				<a href="#/server-health/event-log/high" class="quick-links__item quick-links__events event-log__events" ng-show="logs.length">
85					<p class="inline quick-links__event-copy">{{logs.length}} High priority events</p><!-- link to event log filtered to the high priority events -->
86				</a>
87				<div class="quick-links__item no-icon">
88					<p class="inline quick-links__label">BMC time</p>
89					<p class="inline courier-bold float-right">3:20:12 5/22/2017 UTC</p>
90				</div>
91				<div class="quick-links__item no-icon">
92					<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 LED</p>
93					<div class="toggle inline float-right">
94						<input id="toggle__switch-round"
95								class="toggle-switch toggle-switch__round-flat"
96								type="checkbox"
97								tabindex="0"
98								ng-click="toggleLED()"
99								ng-checked="dataService.LED_state == 'on'"
100								ng-disabled="dataService.server_unreachable">
101						<label for="toggle__switch-round" tabindex="0">Server LED is <span class="uid-switch__status">{{dataService.LED_state}}</span></label>
102					</div>
103				</div>
104				<a href="#/server-control/remote-console" class="no-icon quick-links__item">
105					<p class="inline quick-links__label">Serial over LAN</p>
106					<span class="btn-pop-out inline float-right"></span>
107				</a>
108				<a href="#/configuration/network" class="quick-links__item">
109					<p class="inline quick-links__label">Edit network settings</p>
110				</a>
111			</div>
112		</div>
113	</section>
114	<section class="row">
115		<div class="column large-12 overview__event-log event-log__events" ng-show="logs.length">
116			<div class="page-header">
117				<h3 class="bold h4 inline">High priority events ({{logs.length}})</h3>
118				<a href="#/server-health/event-log/" class="inline float-right">View all event logs</a>
119			</div>
120
121			<!-- single event -->
122			<a href="#/server-health/event-log/high" ng-repeat="event in logs|orderBy:'+Id'">
123				<div class="row column event-log__single-event">
124					<div class="row">
125						<div class="column small-1 large-1 event-log__col-check">
126							<label class="control-check">
127								<input type="checkbox" name="events__check" ng-click="event.selected= ! event.selected"
128										ng-checked="event.selected"/>
129								<span class="control__indicator"></span>
130							</label>
131						</div>
132						<div class="column small-9 large-10 event-log__event-info" ng-click=""><!-- click will go to specific event in event log page-->
133							<p class="inline event__id">#{{event.Id}}</p>
134							<p class="inline event__priority high-priority">High</p>
135							<p class="inline event__severity high-priority">{{event.severity_code}}</p>
136							<p class="inline event__timestamp">{{event.Timestamp| date:'MM/dd/yyyy  HH:mm:ss '+tmz: tmz}}</p>
137							<div>
138								<p class="inline event__description">{{event.type}}</p>
139							</div>
140						</div>
141						<div class="column small-1 large-1">
142							<button class="accord-trigger" aria-hidden="true"></button>
143						</div>
144					</div>
145				</div>
146			</a>
147		</div>
148
149		<div class="row column overview__event-log event-log__events" ng-show="!logs.length">
150			<div class="page-header">
151				<h3 class="bold h4">High priority events (0)</h3>
152			</div>
153			<p>There are no high priority events to display at this time.</p>
154		</div>
155	</section>
156</div>
157<!-- edit server name modal -->
158<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': edit_server_name}">
159	<div class="modal__upload" role="document">
160		<div class="screen-reader-offscreen modal-description">Edit server name</div><!-- accessibility only; used for screen readers -->
161		<div class="page-header ">
162			<h1 class="modal-title h4"><span class="icon icon__info"><svg xmlns="http://www.w3.org/2000/svg"
163					viewBox="0 0 32 32"><path
164					d="M18 14h-6v2h1v6h-2v2h8v-2h-2z"/><circle cx="16" cy="10" r="2"/><path
165					d="M16 2C8.269 2 2 8.269 2 16s6.269 14 14 14 14-6.269 14-14S23.731 2 16 2zm0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12z"/></svg></span>
166				Edit server name
167			</h1>
168		</div>
169		<div class="modal__content">
170			<p>The server name is displayed in the header and can contain any characters up to a total of 64</p>
171			<form>
172				<label for="editServerName" class="hide"></label>
173				<input id="editServerName" class="modal__edit-server-name" maxlength="64" type="text" ng-model="char_count" ng-trim="false">
174				<p class="modal__char-count">{{64 - char_count.length}}/64</p>
175			</form>
176		</div>
177		<div class="modal__button-wrapper">
178			<button class="inline btn-secondary" ng-click="edit_server_name= false;">Cancel</button>
179			<button class="inline btn-primary" ng-click="">Save</button>
180		</div>
181	</div>
182</section>
183<div class="modal-overlay" tabindex="-1" ng-class="{'active': edit_server_name}"></div>
184