1<div class="inventory-overview">
2	<div class="row column no-padding">
3		<h1>Hardware status</h1>
4		<div class="page-header">
5			<button class="inline btn-export float-right">Export</button>
6		</div>
7	</div>
8	<section class="row column">
9		<!-- search -->
10		<div class="content__search">
11			<label for="content__search-input">Search</label> <input id="content__search-input" type="text"
12				placeholder="Filter hardware components"/>
13			<input id="content__search-submit" type="submit" class="btn btn-primary" value="Filter"/>
14		</div>
15
16	</section>
17	<!-- end search -->
18	<section id="inventory-categories" class="row column">
19		<div class="row column header-row">
20			<div class="column large-12 header__actions-bar">
21				<div class="inline inventory__heading inventory__device-col">Hardware</div>
22				<div class="inline inventory__heading inventory__function-col">&nbsp;</div>
23				<div class="inline inventory__heading inventory__assoc-event sort-heading sort-down">Associated events</div>
24			</div>
25		</div>
26		<!-- hardware item -->
27		<div class="inventory__group" ng-class="{'active': inv.meta}" ng-click="inv.meta = ! inv.meta">
28			<p class="inline inventory__device-col">System</p>
29			<p class="inline inventory__function-col"></p>
30			<p class="inline inventory__assoc-event"></p>
31			<button class="accord-trigger float-right" ng-class="{'active': inv.meta}" ng-click="inv.meta = ! inv.meta"></button>
32			<div class="row inventory__metadata" ng-class="{'active': inv.meta}">
33				<div class="column large-9 no-padding">
34					<div class="inline inventory__metadata-block">
35						<p class="content-label">Name</p>
36						<p class="courier-bold">System</p>
37					</div>
38					<div class="inline inventory__metadata-block">
39						<p class="content-label">Serial Number</p>
40						<p class="courier-bold">2230123ab-04</p>
41					</div>
42					<div class="inline inventory__metadata-block">
43						<p class="content-label">Part Number</p>
44						<p class="courier-bold">12355123ab</p>
45					</div>
46					<div class="inline inventory__metadata-block">
47						<p class="content-label">Manufacturer</p>
48						<p class="courier-bold">IBM</p>
49					</div>
50					<div class="inline inventory__metadata-block">
51						<p class="content-label">Version</p>
52						<p class="courier-bold">10</p>
53					</div>
54					<div class="inline inventory__metadata-block">
55						<p class="content-label">Functional</p>
56						<p class="courier-bold">Yes</p>
57					</div>
58					<div class="inline inventory__metadata-block">
59						<p class="content-label">Field replaceable</p>
60						<p class="courier-bold">Not replaceable</p>
61					</div>
62					<div class="inline inventory__metadata-block">
63						<p class="content-label">Higher level FRU</p>
64						<p class="courier-bold">Motherboard</p>
65					</div>
66				</div>
67				<div class="column large-3">
68
69				</div>
70			</div>
71		</div>
72
73		<!-- hardware item -->
74		<div class="inventory__group">
75			<p class="inline inventory__device-col">Chassis</p>
76			<p class="inline inventory__function-col"></p>
77			<p class="inline inventory__assoc-event"></p>
78			<button class="accord-trigger float-right"></button>
79			<div class="row inventory__metadata">
80				<div class="column large-9 no-padding">
81					<div class="inline inventory__metadata-block">
82						<p class="content-label">Name</p>
83						<p class="courier-bold">Processor module</p>
84					</div>
85					<div class="inline inventory__metadata-block">
86						<p class="content-label">Serial Number</p>
87						<p class="courier-bold">2230123ab-04</p>
88					</div>
89					<div class="inline inventory__metadata-block">
90						<p class="content-label">Part Number</p>
91						<p class="courier-bold">12355123ab</p>
92					</div>
93					<div class="inline inventory__metadata-block">
94						<p class="content-label">Manufacturer</p>
95						<p class="courier-bold">IBM</p>
96					</div>
97					<div class="inline inventory__metadata-block">
98						<p class="content-label">Version</p>
99						<p class="courier-bold">10</p>
100					</div>
101					<div class="inline inventory__metadata-block">
102						<p class="content-label">Functional</p>
103						<p class="courier-bold">Yes</p>
104					</div>
105					<div class="inline inventory__metadata-block">
106						<p class="content-label">Field replaceable</p>
107						<p class="courier-bold">Not replaceable</p>
108					</div>
109					<div class="inline inventory__metadata-block">
110						<p class="content-label">Higher level FRU</p>
111						<p class="courier-bold">Motherboard</p>
112					</div>
113				</div>
114				<div class="column large-3 no-padding">
115				</div>
116			</div>
117		</div>
118		<!-- hardware item -->
119		<div class="inventory__group ">
120			<p class="inline inventory__device-col">Motherboard</p>
121			<p class="inline inventory__function-col"></p>
122			<p class="inline inventory__assoc-event"></p>
123			<button class="accord-trigger float-right"></button>
124			<div class="row inventory__metadata ">
125				<div class="column large-9 no-padding">
126					<div class="inline inventory__metadata-block">
127						<p class="content-label">Name</p>
128						<p class="courier-bold">Processor module</p>
129					</div>
130					<div class="inline inventory__metadata-block">
131						<p class="content-label">Serial Number</p>
132						<p class="courier-bold">2230123ab-04</p>
133					</div>
134					<div class="inline inventory__metadata-block">
135						<p class="content-label">Part Number</p>
136						<p class="courier-bold">12355123ab</p>
137					</div>
138					<div class="inline inventory__metadata-block">
139						<p class="content-label">Manufacturer</p>
140						<p class="courier-bold">IBM</p>
141					</div>
142					<div class="inline inventory__metadata-block">
143						<p class="content-label">Version</p>
144						<p class="courier-bold">10</p>
145					</div>
146					<div class="inline inventory__metadata-block">
147						<p class="content-label">Functional</p>
148						<p class="courier-bold">Yes</p>
149					</div>
150					<div class="inline inventory__metadata-block">
151						<p class="content-label">Field replaceable</p>
152						<p class="courier-bold">Not replaceable</p>
153					</div>
154					<div class="inline inventory__metadata-block">
155						<p class="content-label">Higher level FRU</p>
156						<p class="courier-bold">Motherboard</p>
157					</div>
158				</div>
159				<div class="column large-3 no-padding">
160
161				</div>
162			</div>
163		</div>
164		<!-- hardware item w/ sub categories -->
165		<div class="inventory__group"  ng-class="{'active': inv2.meta}" ng-click="inv2.meta = ! inv2.meta">
166			<p class="inline inventory__device-col">CPU 0</p>
167			<p class="inline inventory__function-col"></p>
168			<p class="inline inventory__assoc-event"><a href="#/server-health/event-log">View 3 events</a></p>
169			<button class="accord-trigger float-right" ng-class="{'active': inv2.meta}" ng-click="inv2.meta = ! inv2.meta"></button>
170			<div class="row inventory__metadata" ng-class="{'active': inv2.meta}">
171				<div class="column large-9 no-padding">
172					<div class="inline inventory__metadata-block">
173						<p class="content-label">Name</p>
174						<p class="courier-bold">Processor module</p>
175					</div>
176					<div class="inline inventory__metadata-block">
177						<p class="content-label">Serial Number</p>
178						<p class="courier-bold">2230123ab-04</p>
179					</div>
180					<div class="inline inventory__metadata-block">
181						<p class="content-label">Part Number</p>
182						<p class="courier-bold">12355123ab</p>
183					</div>
184					<div class="inline inventory__metadata-block">
185						<p class="content-label">Manufacturer</p>
186						<p class="courier-bold">IBM</p>
187					</div>
188					<div class="inline inventory__metadata-block">
189						<p class="content-label">Version</p>
190						<p class="courier-bold">10</p>
191					</div>
192					<div class="inline inventory__metadata-block">
193						<p class="content-label">Functional</p>
194						<p class="courier-bold">Yes</p>
195					</div>
196					<div class="inline inventory__metadata-block">
197						<p class="content-label">Field replaceable</p>
198						<p class="courier-bold">Not replaceable</p>
199					</div>
200					<div class="inline inventory__metadata-block">
201						<p class="content-label">Higher level FRU</p>
202						<p class="courier-bold">Motherboard</p>
203					</div>
204				</div>
205				<div class="column large-3 no-padding">
206					<div class="inventory__metadata-scroll show-scroll"> <!-- If content overflows; add 'show-scroll' class via JS to force visible scrollbar in webkit browsers-->
207						<div class="content-label">Subcomponents</div>
208						<div class="inline inventory__metadata-block">
209							<p class="courier-bold">Core 0</p>
210						</div>
211						<div class="inline inventory__metadata-block">
212							<p class="courier-bold"><span class="icon icon__warning"></span>Core 1</p>
213						</div>
214						<div class="inline inventory__metadata-block">
215							<p class="courier-bold">Core 2</p>
216						</div>
217						<div class="inline inventory__metadata-block">
218							<p class="courier-bold">Core 3</p>
219						</div>
220						<div class="inline inventory__metadata-block">
221							<p class="courier-bold">Core 4</p>
222						</div>
223						<div class="inline inventory__metadata-block">
224							<p class="courier-bold">Core 5</p>
225						</div>
226						<div class="inline inventory__metadata-block">
227							<p class="courier-bold">Core 6</p>
228						</div>
229						<div class="inline inventory__metadata-block">
230							<p class="courier-bold">Core 7</p>
231						</div>
232						<div class="inline inventory__metadata-block">
233							<p class="courier-bold">Core 8</p>
234						</div>
235						<div class="inline inventory__metadata-block">
236							<p class="courier-bold">Core 9</p>
237						</div>
238						<div class="inline inventory__metadata-block">
239							<p class="courier-bold">Core 10</p>
240						</div>
241						<div class="inline inventory__metadata-block">
242							<p class="courier-bold">Core 11</p>
243						</div>
244						<div class="inline inventory__metadata-block">
245							<p class="courier-bold">Core 12</p>
246						</div>
247						<div class="inline inventory__metadata-block">
248							<p class="courier-bold">Core 13</p>
249						</div>
250						<div class="inline inventory__metadata-block">
251							<p class="courier-bold">Core 14</p>
252						</div>
253						<div class="inline inventory__metadata-block">
254							<p class="courier-bold">Core 15</p>
255						</div>
256						<div class="inline inventory__metadata-block">
257							<p class="courier-bold">Core 16</p>
258						</div>
259						<div class="inline inventory__metadata-block">
260							<p class="courier-bold">Core 17</p>
261						</div>
262						<div class="inline inventory__metadata-block">
263							<p class="courier-bold">Core 18</p>
264						</div>
265						<div class="inline inventory__metadata-block">
266							<p class="courier-bold">Core 19</p>
267						</div>
268						<div class="inline inventory__metadata-block">
269							<p class="courier-bold">Core 20</p>
270						</div>
271						<div class="inline inventory__metadata-block">
272							<p class="courier-bold">Core 21</p>
273						</div>
274						<div class="inline inventory__metadata-block">
275							<p class="courier-bold">Core 22</p>
276						</div>
277						<div class="inline inventory__metadata-block">
278							<p class="courier-bold">Core 23</p>
279						</div>
280					</div>
281				</div>
282			</div>
283		</div>
284		<!-- hardware item -->
285		<div class="inventory__group ">
286			<p class="inline inventory__device-col">Ethernet</p>
287			<p class="inline inventory__function-col">Inactive</p>
288			<p class="inline inventory__assoc-event"><a href="#/server-health/event-log">View 1 event</a></p>
289			<button class="accord-trigger float-right"></button>
290			<div class="row inventory__metadata ">
291				<div class="column large-9 no-padding">
292					<div class="inline inventory__metadata-block">
293						<p class="content-label">Name</p>
294						<p class="courier-bold">Processor module</p>
295					</div>
296					<div class="inline inventory__metadata-block">
297						<p class="content-label">Serial Number</p>
298						<p class="courier-bold">2230123ab-04</p>
299					</div>
300					<div class="inline inventory__metadata-block">
301						<p class="content-label">Part Number</p>
302						<p class="courier-bold">12355123ab</p>
303					</div>
304					<div class="inline inventory__metadata-block">
305						<p class="content-label">Manufacturer</p>
306						<p class="courier-bold">IBM</p>
307					</div>
308					<div class="inline inventory__metadata-block">
309						<p class="content-label">Version</p>
310						<p class="courier-bold">10</p>
311					</div>
312					<div class="inline inventory__metadata-block">
313						<p class="content-label">Functional</p>
314						<p class="courier-bold">Yes</p>
315					</div>
316					<div class="inline inventory__metadata-block">
317						<p class="content-label">Field replaceable</p>
318						<p class="courier-bold">Not replaceable</p>
319					</div>
320					<div class="inline inventory__metadata-block">
321						<p class="content-label">Higher level FRU</p>
322						<p class="courier-bold">Motherboard</p>
323					</div>
324				</div>
325				<div class="column large-3 no-padding"></div>
326			</div>
327		</div>
328		<!-- hardware item no sub items -->
329		<div class="inventory__group inv-disabled">
330			<p class="inline inventory__device-col">DIMM 0</p>
331			<p class="inline inventory__function-col">Not present</p>
332			<p class="inline inventory__assoc-event"></p>
333			<button class="accord-trigger float-right"></button>
334			<div class="row inventory__metadata ">
335				<div class="column large-9 no-padding">
336					<div class="inline inventory__metadata-block">
337						<p class="content-label">Name</p>
338						<p class="courier-bold">Processor module</p>
339					</div>
340					<div class="inline inventory__metadata-block">
341						<p class="content-label">Serial Number</p>
342						<p class="courier-bold">2230123ab-04</p>
343					</div>
344					<div class="inline inventory__metadata-block">
345						<p class="content-label">Part Number</p>
346						<p class="courier-bold">12355123ab</p>
347					</div>
348					<div class="inline inventory__metadata-block">
349						<p class="content-label">Manufacturer</p>
350						<p class="courier-bold">IBM</p>
351					</div>
352					<div class="inline inventory__metadata-block">
353						<p class="content-label">Version</p>
354						<p class="courier-bold">10</p>
355					</div>
356					<div class="inline inventory__metadata-block">
357						<p class="content-label">Functional</p>
358						<p class="courier-bold">Yes</p>
359					</div>
360					<div class="inline inventory__metadata-block">
361						<p class="content-label">Field replaceable</p>
362						<p class="courier-bold">Not replaceable</p>
363					</div>
364					<div class="inline inventory__metadata-block">
365						<p class="content-label">Higher level FRU</p>
366						<p class="courier-bold">Motherboard</p>
367					</div>
368				</div>
369				<div class="column large-3 no-padding"></div>
370			</div>
371		</div>
372	</section>
373</div>