Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / 6dc5f1817b37b913e1aee2d65f419cd2031f185a / . / app / server-health / controllers / inventory-overview-controller.html
blob: 960a2d9433c69e7eebc1be83cd0e7f14d77e3eb8 [file] [log] [blame]
Michael Davis6dc5f182017-06-26 13:07:27 -0500[diff] [blame^]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>
Michael Davis994a93b2017-04-18 10:01:04 -0500[diff] [blame]373</div>