Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 994a93b29ddbae647f2cb1aae6ec94e8a26db88c / . / app / overview / controllers / inventory-controller.html
blob: 7da39f9a589851e480695250f5d67a5fd74461ab [file] [log] [blame]
Michael Davis994a93b2017-04-18 10:01:04 -0500[diff] [blame^]1<div id="inventory">
2 <div class="row column">
3 <h1>CPU cores inventory</h1>
4 </div>
5 <section class="row column">
6 <div class="page-header">
7 <h2 class="inline h4">CPU cores present in the system</h2>
8 <button class="inline btn-export float-right">Export</button>
9 </div>
10 </section>
11 <!-- Filters -->
12 <section class="row column">
13 <!-- search -->
14 <div class="content__search">
15 <label for="content__search-input">Search</label>
16 <input id="content__search-input" type="text" placeholder="Filter hardware components"/>
17 <input id="content__search-submit" type="submit" class="btn btn-secondary" value="Submit"/>
18 </div>
19 <div class="toggle-filter">
20 <button class="inline first" ng-click="toggleall = !toggleall"
21 ng-class="toggleall ? 'btn-primary' : 'btn-secondary'">All
22 </button>
23 <button class="inline " ng-click="togglehigh = !togglehigh"
24 ng-class="togglehigh ? 'btn-primary' : 'btn-secondary'">High
25 </button>
26 <button class="inline" ng-click="togglemed = !togglemed"
27 ng-class="togglemed ? 'btn-primary' : 'btn-secondary'">Medium
28 </button>
29 <button class="inline last" ng-click="togglelow = !togglelow"
30 ng-class="togglelow ? 'btn-primary' : 'btn-secondary'">Low
31 </button>
32 </div>
33 </section> <!-- end filter -->
34 <section class="row column">
35 <div id="back-link">
36 <a href="#/overview/inventory-overview">Back to Inventory overview</a>
37 </div>
38 </section>
39 <section id="inventory__details" class="row">
40 <div class="row column header-row header__actions-bar">
41 <div class="column small-12 large-3 ">
42 <p class="inline inventory__heading inventory__device-col"><span
43 class="inline priority-tag-circ high-priority" aria-label="High Priority"></span>CPU cores (6)
44 </p>
45 </div>
46 <div class="column hide-for-medium-only large-3 ">
47 <p class="inline inventory__heading inventory__function-col inv-active">Active</p>
48 </div>
49 <div class="column hide-for-medium-only large-3 ">
50 <p class="inline inventory__heading inventory__present-col inv-present">Present</p>
51 </div>
52 <div class="column hide-for-medium-only large-2 ">
53 <p class="inline inventory__heading inventory__state-col inventory__critical-label" aria-label="High - Emergency">High - Emergency</p>
54 </div>
55 <div class="column small-4 large-1 "></div>
56 </div>
57
58 <!-- Inventory Item -->
59 <div class="row column accord-row"
60 ng-class="{'active': inventory__metadatarow, 'selected': inventory__selected}">
61 <div class="row column" ng-click="inventory__metadatarow = ! inventory__metadatarow">
62 <div class="column small-12 large-3 inventory__info">
63 <p class="priority-tag-circ high-priority" aria-label="High Priority"></p>
64 <p class="inventory__title">CPU core 5</p>
65 </div>
66 <div class="column small-12 large-3">
67 <p class="content-label">Part Number</p>
68 <p class="courier-bold">1230123ab</p>
69 </div>
70 <div class="column small-12 large-3">
71 <p class="content-label">Serial Number</p>
72 <p class="courier-bold">1230123ab</p>
73 </div>
74 <div class="column small-12 small-4 large-2">
75 <p class="content-label">Model Number</p>
76 <p class="courier-bold">86399-2201</p>
77 </div>
78 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow}"></button>
79 </div>
80 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow}">
81 <div class="row column">
82 <div class="column large-3 hide-for-medium-only">
83 &nbsp;
84 </div>
85 <div class="column large-3 small-12">
86 <p class="content-label">Manufacturer</p>
87 <p class="courier-bold">IBM</p>
88 </div>
89 <div class="column large-3 small-12">
90 <p class="content-label">CCIN</p>
91 <p class="courier-bold">2BE3</p>
92 </div>
93 <div class="column small-12 large-2">
94 <p class="content-label">Version</p>
95 <p class="courier-bold">EE86399-2201</p>
96 </div>
97 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
98 </div>
99 <div class="row column">
100 <div class="column small-12 large-3 hide-for-medium-only">
101 &nbsp;
102 </div>
103 <div class="column small-12 large-3">
104 <p class="content-label">Field Replacable</p>
105 <p class="courier-bold">Not Replaceable</p>
106 </div>
107 <div class="column small-12 large-3">
108 <p class="content-label">Build Date</p>
109 <p class="courier-bold">04/01/2004</p>
110 </div>
111 <div class="column small-12 large-2">
112 <p class="content-label">Cooling Type</p>
113 <p class="courier-bold">Air cooled</p>
114 </div>
115 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
116 </div>
117 <div class="row inv-event-log-row">
118 <p class="column small-12 large-3 inventory__critical-label" aria-label="High - Emergency">High - Emergency</p>
119 <p class="column small-12 large-7 ">
120 org.open_power.Error.Host.Event.Event.Cras.amet...
121 </p>
122 <p class="column small-12 large-2">
123 <a href="#/overviewlog"> View event log</a>
124 </p>
125 </div>
126 </div>
127 </div>
128
129 <!-- Inventory Item -->
130 <div class="row column accord-row"
131 ng-class="{'active': inventory__metadatarow2, 'selected': inventory__selected}">
132 <div class="row column" ng-click="inventory__metadatarow2 = ! inventory__metadatarow2">
133 <div class="column small-12 large-3 inventory__info">
134 <p class="priority-tag-circ high-priority" aria-label="High Priority"></p>
135 <p class="inventory__title">CPU core 6</p>
136 </div>
137 <div class="column small-12 large-3">
138 <p class="content-label">Part Number</p>
139 <p class="courier-bold">12355123ab</p>
140 </div>
141 <div class="column small-12 large-3">
142 <p class="content-label">Serial Number</p>
143 <p class="courier-bold">123014423ab</p>
144 </div>
145 <div class="column small-12 small-4 large-2">
146 <p class="content-label">Model Number</p>
147 <p class="courier-bold">86399-32201</p>
148 </div>
149 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow2}"></button>
150 </div>
151 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow2}">
152 <div class="row column">
153 <div class="column large-3 hide-for-medium-only">
154 &nbsp;
155 </div>
156 <div class="column large-3 small-12">
157 <p class="content-label">Manufacturer</p>
158 <p class="courier-bold">IBM</p>
159 </div>
160 <div class="column large-3 small-12">
161 <p class="content-label">CCIN</p>
162 <p class="courier-bold">2BE3</p>
163 </div>
164 <div class="column small-12 large-2">
165 <p class="content-label">Version</p>
166 <p class="courier-bold">EE86399-2201</p>
167 </div>
168 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
169 </div>
170 <div class="row column">
171 <div class="column small-12 large-3 hide-for-medium-only">
172 &nbsp;
173 </div>
174 <div class="column small-12 large-3">
175 <p class="content-label">Field Replacable</p>
176 <p class="courier-bold">Not Replaceable</p>
177 </div>
178 <div class="column small-12 large-3">
179 <p class="content-label">Build Date</p>
180 <p class="courier-bold">04/01/2004</p>
181 </div>
182 <div class="column small-12 large-2">
183 <p class="content-label">Cooling Type</p>
184 <p class="courier-bold">Air cooled</p>
185 </div>
186 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
187 </div>
188 <div class="row inv-event-log-row">
189 <p class="column small-12 large-3 inventory__critical-label" aria-label="Normal">High - emergency</p>
190 <p class="column small-12 large-7 ">
191 org.open_power.Error.Host.Event.Event.Cras.amet...
192 </p>
193 <p class="column small-12 large-2">
194 <a href="#/overviewlog"> View event log</a>
195 </p>
196 </div>
197 </div>
198 </div>
199
200 <!-- Inventory Item -->
201 <div class="row column accord-row"
202 ng-class="{'active': inventory__metadatarow5, 'selected': inventory__selected}">
203 <div class="row column" ng-click="inventory__metadatarow5 = ! inventory__metadatarow5">
204 <div class="column small-12 large-3 inventory__info">
205 <p class="priority-tag-circ warn-priority" aria-label="Warning Priority"></p>
206 <p class="inventory__title">CPU core 4</p>
207 </div>
208 <div class="column small-12 large-3">
209 <p class="content-label">Part Number</p>
210 <p class="courier-bold">14530123ab</p>
211 </div>
212 <div class="column small-12 large-3">
213 <p class="content-label">Serial Number</p>
214 <p class="courier-bold">12350123ab</p>
215 </div>
216 <div class="column small-12 small-4 large-2">
217 <p class="content-label">Model Number</p>
218 <p class="courier-bold">86399-2201</p>
219 </div>
220 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow5}"></button>
221 </div>
222 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow5}">
223 <div class="row column">
224 <div class="column large-3 hide-for-medium-only">
225 &nbsp;
226 </div>
227 <div class="column large-3 small-12">
228 <p class="content-label">Manufacturer</p>
229 <p class="courier-bold">IBM</p>
230 </div>
231 <div class="column large-3 small-12">
232 <p class="content-label">CCIN</p>
233 <p class="courier-bold">2BE3</p>
234 </div>
235 <div class="column small-12 large-2">
236 <p class="content-label">Version</p>
237 <p class="courier-bold">EE86399-2201</p>
238 </div>
239 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
240 </div>
241 <div class="row column">
242 <div class="column small-12 large-3 hide-for-medium-only">
243 &nbsp;
244 </div>
245 <div class="column small-12 large-3">
246 <p class="content-label">Field Replacable</p>
247 <p class="courier-bold">Not Replaceable</p>
248 </div>
249 <div class="column small-12 large-3">
250 <p class="content-label">Build Date</p>
251 <p class="courier-bold">04/01/2004</p>
252 </div>
253 <div class="column small-12 large-2">
254 <p class="content-label">Cooling Type</p>
255 <p class="courier-bold">Air cooled</p>
256 </div>
257 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
258 </div>
259 <div class="row inv-event-log-row">
260 <p class="column small-12 large-3 inventory__warning-label" aria-label="Warning Priority">Medium - Warning</p>
261 <p class="column small-12 large-7 ">
262 org.open_power.Error.Host.Event.Event.Cras.amet...
263 </p>
264 <p class="column small-12 large-2">
265 <a href="#/overviewlog"> View event log</a>
266 </p>
267 </div>
268 </div>
269 </div>
270
271 <!-- Inventory Item -->
272 <div class="row column accord-row"
273 ng-class="{'active': inventory__metadatarow3, 'selected': inventory__selected}">
274 <div class="row column" ng-click="inventory__metadatarow3 = ! inventory__metadatarow3">
275 <div class="column small-12 large-3 inventory__info">
276 <p class="priority-tag-circ normal-priority" aria-label="Normal Priority"></p>
277 <p class="inventory__title">CPU core 1</p>
278 </div>
279 <div class="column small-12 large-3">
280 <p class="content-label">Part Number</p>
281 <p class="courier-bold">123024123ab</p>
282 </div>
283 <div class="column small-12 large-3">
284 <p class="content-label">Serial Number</p>
285 <p class="courier-bold">123043123ab</p>
286 </div>
287 <div class="column small-12 small-4 large-2">
288 <p class="content-label">Model Number</p>
289 <p class="courier-bold">86399-2201</p>
290 </div>
291 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow3}"></button>
292 </div>
293 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow3}">
294 <div class="row column">
295 <div class="column large-3 hide-for-medium-only">
296 &nbsp;
297 </div>
298 <div class="column large-3 small-12">
299 <p class="content-label">Manufacturer</p>
300 <p class="courier-bold">IBM</p>
301 </div>
302 <div class="column large-3 small-12">
303 <p class="content-label">CCIN</p>
304 <p class="courier-bold">2BE3</p>
305 </div>
306 <div class="column small-12 large-2">
307 <p class="content-label">Version</p>
308 <p class="courier-bold">EE86399-2201</p>
309 </div>
310 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
311 </div>
312 <div class="row column">
313 <div class="column small-12 large-3 hide-for-medium-only">
314 &nbsp;
315 </div>
316 <div class="column small-12 large-3">
317 <p class="content-label">Field Replacable</p>
318 <p class="courier-bold">Not Replaceable</p>
319 </div>
320 <div class="column small-12 large-3">
321 <p class="content-label">Build Date</p>
322 <p class="courier-bold">04/01/2004</p>
323 </div>
324 <div class="column small-12 large-2">
325 <p class="content-label">Cooling Type</p>
326 <p class="courier-bold">Air cooled</p>
327 </div>
328 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
329 </div>
330 <div class="row inv-event-log-row">
331 <p class="column small-12 large-3 inventory__low-label" aria-label="Low Priority">Low - informational</p>
332 <p class="column small-12 large-7 ">
333 org.open_power.Error.Host.Event.Event.Cras.amet...
334 </p>
335 <p class="column small-12 large-2">
336 <a href="#/overviewlog"> View event log</a>
337 </p>
338 </div>
339 </div>
340 </div>
341
342 <!-- Inventory Item -->
343 <div class="row column accord-row"
344 ng-class="{'active': inventory__metadatarow4, 'selected': inventory__selected}">
345 <div class="row column" ng-click="inventory__metadatarow4 = ! inventory__metadatarow4">
346 <div class="column small-12 large-3 inventory__info">
347 <p class="priority-tag-circ normal-priority" aria-label="Normal Priority"></p>
348 <p class="inventory__title">CPU core 2</p>
349 </div>
350 <div class="column small-12 large-3">
351 <p class="content-label">Part Number</p>
352 <p class="courier-bold">123012443ab</p>
353 </div>
354 <div class="column small-12 large-3">
355 <p class="content-label">Serial Number</p>
356 <p class="courier-bold">1230333123ab</p>
357 </div>
358 <div class="column small-12 small-4 large-2">
359 <p class="content-label">Model Number</p>
360 <p class="courier-bold">86399-2201</p>
361 </div>
362 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow4}"></button>
363 </div>
364 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow4}">
365 <div class="row column">
366 <div class="column large-3 hide-for-medium-only">
367 &nbsp;
368 </div>
369 <div class="column large-3 small-12">
370 <p class="content-label">Manufacturer</p>
371 <p class="courier-bold">IBM</p>
372 </div>
373 <div class="column large-3 small-12">
374 <p class="content-label">CCIN</p>
375 <p class="courier-bold">2BE3</p>
376 </div>
377 <div class="column small-12 large-2">
378 <p class="content-label">Version</p>
379 <p class="courier-bold">EE86399-2201</p>
380 </div>
381 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
382 </div>
383 <div class="row column">
384 <div class="column small-12 large-3 hide-for-medium-only">
385 &nbsp;
386 </div>
387 <div class="column small-12 large-3">
388 <p class="content-label">Field Replacable</p>
389 <p class="courier-bold">Not Replaceable</p>
390 </div>
391 <div class="column small-12 large-3">
392 <p class="content-label">Build Date</p>
393 <p class="courier-bold">04/01/2004</p>
394 </div>
395 <div class="column small-12 large-2">
396 <p class="content-label">Cooling Type</p>
397 <p class="courier-bold">Air cooled</p>
398 </div>
399 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
400 </div>
401 <div class="row inv-event-log-row">
402 <p class="column small-12 large-3 inventory__low-label" aria-label="Low Priority">Low - informational</p>
403 <p class="column small-12 large-7 ">
404 org.open_power.Error.Host.Event.Event.Cras.amet...
405 </p>
406 <p class="column small-12 large-2">
407 <a href="#/overviewlog"> View event log</a>
408 </p>
409 </div>
410 </div>
411 </div>
412
413 <!-- Inventory Item -->
414 <div class="row column accord-row"
415 ng-class="{'active': inventory__metadatarow5, 'selected': inventory__selected}">
416 <div class="row column" ng-click="inventory__metadatarow5 = ! inventory__metadatarow5">
417 <div class="column small-12 large-3 inventory__info">
418 <p class="priority-tag-circ normal-priority" aria-label="Normal Priority"></p>
419 <p class="inventory__title">CPU core 3</p>
420 </div>
421 <div class="column small-12 large-3">
422 <p class="content-label">Part Number</p>
423 <p class="courier-bold">14530123ab</p>
424 </div>
425 <div class="column small-12 large-3">
426 <p class="content-label">Serial Number</p>
427 <p class="courier-bold">12350123ab</p>
428 </div>
429 <div class="column small-12 small-4 large-2">
430 <p class="content-label">Model Number</p>
431 <p class="courier-bold">86399-2201</p>
432 </div>
433 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow5}"></button>
434 </div>
435 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow5}">
436 <div class="row column">
437 <div class="column large-3 hide-for-medium-only">
438 &nbsp;
439 </div>
440 <div class="column large-3 small-12">
441 <p class="content-label">Manufacturer</p>
442 <p class="courier-bold">IBM</p>
443 </div>
444 <div class="column large-3 small-12">
445 <p class="content-label">CCIN</p>
446 <p class="courier-bold">2BE3</p>
447 </div>
448 <div class="column small-12 large-2">
449 <p class="content-label">Version</p>
450 <p class="courier-bold">EE86399-2201</p>
451 </div>
452 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
453 </div>
454 <div class="row column">
455 <div class="column small-12 large-3 hide-for-medium-only">
456 &nbsp;
457 </div>
458 <div class="column small-12 large-3">
459 <p class="content-label">Field Replacable</p>
460 <p class="courier-bold">Not Replaceable</p>
461 </div>
462 <div class="column small-12 large-3">
463 <p class="content-label">Build Date</p>
464 <p class="courier-bold">04/01/2004</p>
465 </div>
466 <div class="column small-12 large-2">
467 <p class="content-label">Cooling Type</p>
468 <p class="courier-bold">Air cooled</p>
469 </div>
470 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
471 </div>
472 <div class="row inv-event-log-row">
473 <p class="column small-12 large-3 inventory__low-label" aria-label="Low Priority">Low - informational</p>
474 <p class="column small-12 large-7 ">
475 org.open_power.Error.Host.Event.Event.Cras.amet...
476 </p>
477 <p class="column small-12 large-2">
478 <a href="#/overviewlog"> View event log</a>
479 </p>
480 </div>
481 </div>
482 </div>
483 </section>
484 <paginate ng-include="paginate"></paginate>
485</div> <!-- end event log -->