Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 994a93b29ddbae647f2cb1aae6ec94e8a26db88c / . / app / server-health / controllers / inventory-controller.html
blob: 2d2856a6b67813b9927ce09e3316edf62c584edf [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-primary" 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 column">
118 <div class="column small-12 large-3 hide-for-medium-only">
119 &nbsp;
120 </div>
121 <div class="column large-9">
122 <p class="content-label">Unit Indicator</p><br />
123 <div class="toggle inline">
124 <input id="toggle__switch-round"
125 class="toggle-switch toggle-switch__round-flat"
126 type="checkbox"
127 tabindex="0"
128 ng-click="toggleLED()"
129 ng-checked="dataService.LED_state == 'on'"
130 ng-disabled="dataService.server_unreachable">
131 <label for="toggle__switch-round" tabindex="0" class="no-margin">Unit ID indicator is <span class="uid-switch__status">{{dataService.LED_state}}</span></label>
132 </div>
133 </div>
134 </div>
135 <div class="row inv-event-log-row">
136 <p class="column small-12 large-3 inventory__critical-label" aria-label="High - Emergency">High - Emergency</p>
137 <p class="column small-12 large-7 event__description">
138 org.open_power.Error.Host.Event.Event.Cras.amet
139 </p>
140 <p class="column small-12 large-2">
141 <a href="#/overviewlog"> View event log</a>
142 </p>
143 </div>
144 </div>
145 </div>
146
147 <!-- Inventory Item -->
148 <div class="row column accord-row"
149 ng-class="{'active': inventory__metadatarow2, 'selected': inventory__selected}">
150 <div class="row column" ng-click="inventory__metadatarow2 = ! inventory__metadatarow2">
151 <div class="column small-12 large-3 inventory__info">
152 <p class="priority-tag-circ high-priority" aria-label="High Priority"></p>
153 <p class="inventory__title">CPU core 6</p>
154 </div>
155 <div class="column small-12 large-3">
156 <p class="content-label">Part Number</p>
157 <p class="courier-bold">12355123ab</p>
158 </div>
159 <div class="column small-12 large-3">
160 <p class="content-label">Serial Number</p>
161 <p class="courier-bold">123014423ab</p>
162 </div>
163 <div class="column small-12 small-4 large-2">
164 <p class="content-label">Model Number</p>
165 <p class="courier-bold">86399-32201</p>
166 </div>
167 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow2}"></button>
168 </div>
169 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow2}">
170 <div class="row column">
171 <div class="column large-3 hide-for-medium-only">
172 &nbsp;
173 </div>
174 <div class="column large-3 small-12">
175 <p class="content-label">Manufacturer</p>
176 <p class="courier-bold">IBM</p>
177 </div>
178 <div class="column large-3 small-12">
179 <p class="content-label">CCIN</p>
180 <p class="courier-bold">2BE3</p>
181 </div>
182 <div class="column small-12 large-2">
183 <p class="content-label">Version</p>
184 <p class="courier-bold">EE86399-2201</p>
185 </div>
186 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
187 </div>
188 <div class="row column">
189 <div class="column small-12 large-3 hide-for-medium-only">
190 &nbsp;
191 </div>
192 <div class="column small-12 large-3">
193 <p class="content-label">Field Replacable</p>
194 <p class="courier-bold">Not Replaceable</p>
195 </div>
196 <div class="column small-12 large-3">
197 <p class="content-label">Build Date</p>
198 <p class="courier-bold">04/01/2004</p>
199 </div>
200 <div class="column small-12 large-2">
201 <p class="content-label">Cooling Type</p>
202 <p class="courier-bold">Air cooled</p>
203 </div>
204 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
205 </div>
206 <div class="row column">
207 <div class="column small-12 large-3 hide-for-medium-only">
208 &nbsp;
209 </div>
210 <div class="column large-9">
211 <p class="content-label">Unit Indicator</p><br />
212 <div class="toggle inline">
213 <input id="toggle__switch-round"
214 class="toggle-switch toggle-switch__round-flat"
215 type="checkbox"
216 tabindex="0"
217 ng-click="toggleLED()"
218 ng-checked="dataService.LED_state == 'on'"
219 ng-disabled="dataService.server_unreachable">
220 <label for="toggle__switch-round" tabindex="0" class="no-margin">Unit ID indicator is <span class="uid-switch__status">{{dataService.LED_state}}</span></label>
221 </div>
222 </div>
223 </div>
224 <div class="row inv-event-log-row">
225 <p class="column small-12 large-3 inventory__critical-label" aria-label="Normal">High - emergency</p>
226 <p class="column small-12 large-7 event__description">
227 org.open_power.Error.Host.Event.Event.Cras.amet
228 </p>
229 <p class="column small-12 large-2">
230 <a href="#/overviewlog"> View event log</a>
231 </p>
232 </div>
233 </div>
234 </div>
235
236 <!-- Inventory Item -->
237 <div class="row column accord-row"
238 ng-class="{'active': inventory__metadatarow9, 'selected': inventory__selected}">
239 <div class="row column" ng-click="inventory__metadatarow9 = ! inventory__metadatarow9">
240 <div class="column small-12 large-3 inventory__info">
241 <p class="priority-tag-circ warn-priority" aria-label="Warning Priority"></p>
242 <p class="inventory__title">CPU core 4</p>
243 </div>
244 <div class="column small-12 large-3">
245 <p class="content-label">Part Number</p>
246 <p class="courier-bold">14530123ab</p>
247 </div>
248 <div class="column small-12 large-3">
249 <p class="content-label">Serial Number</p>
250 <p class="courier-bold">12350123ab</p>
251 </div>
252 <div class="column small-12 small-4 large-2">
253 <p class="content-label">Model Number</p>
254 <p class="courier-bold">86399-2201</p>
255 </div>
256 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow9}"></button>
257 </div>
258 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow9}">
259 <div class="row column">
260 <div class="column large-3 hide-for-medium-only">
261 &nbsp;
262 </div>
263 <div class="column large-3 small-12">
264 <p class="content-label">Manufacturer</p>
265 <p class="courier-bold">IBM</p>
266 </div>
267 <div class="column large-3 small-12">
268 <p class="content-label">CCIN</p>
269 <p class="courier-bold">2BE3</p>
270 </div>
271 <div class="column small-12 large-2">
272 <p class="content-label">Version</p>
273 <p class="courier-bold">EE86399-2201</p>
274 </div>
275 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
276 </div>
277 <div class="row column">
278 <div class="column small-12 large-3 hide-for-medium-only">
279 &nbsp;
280 </div>
281 <div class="column small-12 large-3">
282 <p class="content-label">Field Replacable</p>
283 <p class="courier-bold">Not Replaceable</p>
284 </div>
285 <div class="column small-12 large-3">
286 <p class="content-label">Build Date</p>
287 <p class="courier-bold">04/01/2004</p>
288 </div>
289 <div class="column small-12 large-2">
290 <p class="content-label">Cooling Type</p>
291 <p class="courier-bold">Air cooled</p>
292 </div>
293 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
294 </div>
295 <div class="row column">
296 <div class="column small-12 large-3 hide-for-medium-only">
297 &nbsp;
298 </div>
299 <div class="column large-9">
300 <p class="content-label">Unit Indicator</p><br />
301 <div class="toggle inline">
302 <input id="toggle__switch-round"
303 class="toggle-switch toggle-switch__round-flat"
304 type="checkbox"
305 tabindex="0"
306 ng-click="toggleLED()"
307 ng-checked="dataService.LED_state == 'on'"
308 ng-disabled="dataService.server_unreachable">
309 <label for="toggle__switch-round" tabindex="0" class="no-margin">Unit ID indicator is <span class="uid-switch__status">{{dataService.LED_state}}</span></label>
310 </div>
311 </div>
312 </div>
313 <div class="row inv-event-log-row">
314 <p class="column small-12 large-3 inventory__warning-label" aria-label="Warning Priority">Medium - Warning</p>
315 <p class="column small-12 large-7 event__description">
316 org.open_power.Error.Host.Event.Event.Cras.amet
317 </p>
318 <p class="column small-12 large-2">
319 <a href="#/overviewlog"> View event log</a>
320 </p>
321 </div>
322 </div>
323 </div>
324
325 <!-- Inventory Item -->
326 <div class="row column accord-row"
327 ng-class="{'active': inventory__metadatarow3, 'selected': inventory__selected}">
328 <div class="row column" ng-click="inventory__metadatarow3 = ! inventory__metadatarow3">
329 <div class="column small-12 large-3 inventory__info">
330 <p class="priority-tag-circ normal-priority" aria-label="Normal Priority"></p>
331 <p class="inventory__title">CPU core 1</p>
332 </div>
333 <div class="column small-12 large-3">
334 <p class="content-label">Part Number</p>
335 <p class="courier-bold">123024123ab</p>
336 </div>
337 <div class="column small-12 large-3">
338 <p class="content-label">Serial Number</p>
339 <p class="courier-bold">123043123ab</p>
340 </div>
341 <div class="column small-12 small-4 large-2">
342 <p class="content-label">Model Number</p>
343 <p class="courier-bold">86399-2201</p>
344 </div>
345 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow3}"></button>
346 </div>
347 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow3}">
348 <div class="row column">
349 <div class="column large-3 hide-for-medium-only">
350 &nbsp;
351 </div>
352 <div class="column large-3 small-12">
353 <p class="content-label">Manufacturer</p>
354 <p class="courier-bold">IBM</p>
355 </div>
356 <div class="column large-3 small-12">
357 <p class="content-label">CCIN</p>
358 <p class="courier-bold">2BE3</p>
359 </div>
360 <div class="column small-12 large-2">
361 <p class="content-label">Version</p>
362 <p class="courier-bold">EE86399-2201</p>
363 </div>
364 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
365 </div>
366 <div class="row column">
367 <div class="column small-12 large-3 hide-for-medium-only">
368 &nbsp;
369 </div>
370 <div class="column small-12 large-3">
371 <p class="content-label">Field Replacable</p>
372 <p class="courier-bold">Not Replaceable</p>
373 </div>
374 <div class="column small-12 large-3">
375 <p class="content-label">Build Date</p>
376 <p class="courier-bold">04/01/2004</p>
377 </div>
378 <div class="column small-12 large-2">
379 <p class="content-label">Cooling Type</p>
380 <p class="courier-bold">Air cooled</p>
381 </div>
382 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
383 </div>
384 <div class="row column">
385 <div class="column small-12 large-3 hide-for-medium-only">
386 &nbsp;
387 </div>
388 <div class="column large-9">
389 <p class="content-label">Unit Indicator</p><br />
390 <div class="toggle inline">
391 <input id="toggle__switch-round"
392 class="toggle-switch toggle-switch__round-flat"
393 type="checkbox"
394 tabindex="0"
395 ng-click="toggleLED()"
396 ng-checked="dataService.LED_state == 'on'"
397 ng-disabled="dataService.server_unreachable">
398 <label for="toggle__switch-round" tabindex="0" class="no-margin">Unit ID indicator is <span class="uid-switch__status">{{dataService.LED_state}}</span></label>
399 </div>
400 </div>
401 </div>
402 <div class="row inv-event-log-row">
403 <p class="column small-12 large-3 inventory__low-label" aria-label="Low Priority">Low - informational</p>
404 <p class="column small-12 large-7 event__description">
405 org.open_power.Error.Host.Event.Event.Cras.amet
406 </p>
407 <p class="column small-12 large-2">
408 <a href="#/overviewlog"> View event log</a>
409 </p>
410 </div>
411 </div>
412 </div>
413
414 <!-- Inventory Item -->
415 <div class="row column accord-row"
416 ng-class="{'active': inventory__metadatarow4, 'selected': inventory__selected}">
417 <div class="row column" ng-click="inventory__metadatarow4 = ! inventory__metadatarow4">
418 <div class="column small-12 large-3 inventory__info">
419 <p class="priority-tag-circ normal-priority" aria-label="Normal Priority"></p>
420 <p class="inventory__title">CPU core 2</p>
421 </div>
422 <div class="column small-12 large-3">
423 <p class="content-label">Part Number</p>
424 <p class="courier-bold">123012443ab</p>
425 </div>
426 <div class="column small-12 large-3">
427 <p class="content-label">Serial Number</p>
428 <p class="courier-bold">1230333123ab</p>
429 </div>
430 <div class="column small-12 small-4 large-2">
431 <p class="content-label">Model Number</p>
432 <p class="courier-bold">86399-2201</p>
433 </div>
434 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow4}"></button>
435 </div>
436 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow4}">
437 <div class="row column">
438 <div class="column large-3 hide-for-medium-only">
439 &nbsp;
440 </div>
441 <div class="column large-3 small-12">
442 <p class="content-label">Manufacturer</p>
443 <p class="courier-bold">IBM</p>
444 </div>
445 <div class="column large-3 small-12">
446 <p class="content-label">CCIN</p>
447 <p class="courier-bold">2BE3</p>
448 </div>
449 <div class="column small-12 large-2">
450 <p class="content-label">Version</p>
451 <p class="courier-bold">EE86399-2201</p>
452 </div>
453 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
454 </div>
455 <div class="row column">
456 <div class="column small-12 large-3 hide-for-medium-only">
457 &nbsp;
458 </div>
459 <div class="column small-12 large-3">
460 <p class="content-label">Field Replacable</p>
461 <p class="courier-bold">Not Replaceable</p>
462 </div>
463 <div class="column small-12 large-3">
464 <p class="content-label">Build Date</p>
465 <p class="courier-bold">04/01/2004</p>
466 </div>
467 <div class="column small-12 large-2">
468 <p class="content-label">Cooling Type</p>
469 <p class="courier-bold">Air cooled</p>
470 </div>
471 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
472 </div>
473 <div class="row column">
474 <div class="column small-12 large-3 hide-for-medium-only">
475 &nbsp;
476 </div>
477 <div class="column large-9">
478 <p class="content-label">Unit Indicator</p><br />
479 <div class="toggle inline">
480 <input id="toggle__switch-round"
481 class="toggle-switch toggle-switch__round-flat"
482 type="checkbox"
483 tabindex="0"
484 ng-click="toggleLED()"
485 ng-checked="dataService.LED_state == 'on'"
486 ng-disabled="dataService.server_unreachable">
487 <label for="toggle__switch-round" tabindex="0" class="no-margin">Unit ID indicator is <span class="uid-switch__status">{{dataService.LED_state}}</span></label>
488 </div>
489 </div>
490 </div>
491 <div class="row inv-event-log-row">
492 <p class="column small-12 large-3 inventory__low-label" aria-label="Low Priority">Low - informational</p>
493 <p class="column small-12 large-7 event__description">
494 org.open_power.Error.Host.Event.Event.Cras.amet
495 </p>
496 <p class="column small-12 large-2">
497 <a href="#/overviewlog"> View event log</a>
498 </p>
499 </div>
500 </div>
501 </div>
502
503 <!-- Inventory Item -->
504 <div class="row column accord-row"
505 ng-class="{'active': inventory__metadatarow5, 'selected': inventory__selected}">
506 <div class="row column" ng-click="inventory__metadatarow5 = ! inventory__metadatarow5">
507 <div class="column small-12 large-3 inventory__info">
508 <p class="priority-tag-circ normal-priority" aria-label="Normal Priority"></p>
509 <p class="inventory__title">CPU core 3</p>
510 </div>
511 <div class="column small-12 large-3">
512 <p class="content-label">Part Number</p>
513 <p class="courier-bold">14530123ab</p>
514 </div>
515 <div class="column small-12 large-3">
516 <p class="content-label">Serial Number</p>
517 <p class="courier-bold">12350123ab</p>
518 </div>
519 <div class="column small-12 small-4 large-2">
520 <p class="content-label">Model Number</p>
521 <p class="courier-bold">86399-2201</p>
522 </div>
523 <button class="accord-trigger" ng-class="{'active': inventory__metadatarow5}"></button>
524 </div>
525 <div class="row column inventory__metadata-row" ng-class="{'active': inventory__metadatarow5}">
526 <div class="row column">
527 <div class="column large-3 hide-for-medium-only">
528 &nbsp;
529 </div>
530 <div class="column large-3 small-12">
531 <p class="content-label">Manufacturer</p>
532 <p class="courier-bold">IBM</p>
533 </div>
534 <div class="column large-3 small-12">
535 <p class="content-label">CCIN</p>
536 <p class="courier-bold">2BE3</p>
537 </div>
538 <div class="column small-12 large-2">
539 <p class="content-label">Version</p>
540 <p class="courier-bold">EE86399-2201</p>
541 </div>
542 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
543 </div>
544 <div class="row column">
545 <div class="column small-12 large-3 hide-for-medium-only">
546 &nbsp;
547 </div>
548 <div class="column small-12 large-3">
549 <p class="content-label">Field Replacable</p>
550 <p class="courier-bold">Not Replaceable</p>
551 </div>
552 <div class="column small-12 large-3">
553 <p class="content-label">Build Date</p>
554 <p class="courier-bold">04/01/2004</p>
555 </div>
556 <div class="column small-12 large-2">
557 <p class="content-label">Cooling Type</p>
558 <p class="courier-bold">Air cooled</p>
559 </div>
560 <div class="column large-1 hide-for-medium-only">&nbsp;</div>
561 </div>
562 <div class="row column">
563 <div class="column small-12 large-3 hide-for-medium-only">
564 &nbsp;
565 </div>
566 <div class="column large-9">
567 <p class="content-label">Unit Indicator</p><br />
568 <div class="toggle inline">
569 <input id="toggle__switch-round"
570 class="toggle-switch toggle-switch__round-flat"
571 type="checkbox"
572 tabindex="0"
573 ng-click="toggleLED()"
574 ng-checked="dataService.LED_state == 'on'"
575 ng-disabled="dataService.server_unreachable">
576 <label for="toggle__switch-round" tabindex="0" class="no-margin">Unit ID indicator is <span class="uid-switch__status">{{dataService.LED_state}}</span></label>
577 </div>
578 </div>
579 </div>
580 <div class="row inv-event-log-row">
581 <p class="column small-12 large-3 inventory__low-label" aria-label="Low Priority">Low - informational</p>
582 <p class="column small-12 large-7 event__description">
583 org.open_power.Error.Host.Event.Event.Cras.amet
584 </p>
585 <p class="column small-12 large-2">
586 <a href="#/overviewlog"> View event log</a>
587 </p>
588 </div>
589 </div>
590 </div>
591 </section>
592 <paginate ng-include="paginate"></paginate>
593</div> <!-- end event log -->