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"> </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}"></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': invCpu.meta}" ng-click="invCpu.meta = ! invCpu.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': invCpu.meta}"></button> 170 <div class="row inventory__metadata" ng-class="{'active': invCpu.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">YA3933853282</p> 179 </div> 180 <div class="inline inventory__metadata-block"> 181 <p class="content-label">Part Number</p> 182 <p class="courier-bold">01HL982</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">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>