1<div id="inventory-overview"> 2 <div class="row column"> 3 <h1>Hardware inventory</h1> 4 </div> 5 <section class="row column"> 6 <div class="page-header"> 7 <h2 class="inline h4">Inventory items present in the system</h2> 8 <button class="inline btn-export float-right">Export</button> 9 </div> 10 </section> 11 <section class="row column"> 12 <!-- search --> 13 <div class="content__search"> 14 <label for="content__search-input">Search</label> <input id="content__search-input" type="text" 15 placeholder="Filter hardware components"/> <input 16 id="content__search-submit" type="submit" class="btn btn-secondary" 17 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> 34 <!-- end search --> 35 <section id="inventory-categories" class="row column"> 36 <div class="row column header-row"> 37 <div class="column large-12 header__actions-bar"> 38 <p class="inline inventory__heading inventory__device-col">Hardware</p> 39 <p class="inline inventory__heading inventory__function-col">Function</p> 40 <p class="inline inventory__heading inventory__present-col">Present</p> 41 <p class="inline inventory__heading inventory__state-col">State</p> 42 </div> 43 </div> 44 <a class="inventory__group" href=""> 45 <p class="inline inventory__device-col">All devices (30)</p> 46 </a> 47 <a class="inventory__group" href=""> 48 <p class="inline inventory__device-col"><span class="inline priority-tag-circ normal-priority" aria-label="Normal Priority"></span>Motherboard (1)</p> 49 <p class="inline inventory__function-col inv-active">Active</p> 50 <p class="inline inventory__present-col inv-present">Present</p> 51 <p class="inline inventory__state-col"> </p> 52 </a> 53 <a class="inventory__group" href=""> 54 <p class="inline inventory__device-col"><span class="inline priority-tag-circ normal-priority" aria-label="Normal Priority"></span>CPU (1)</p> 55 <p class="inline inventory__function-col inv-active">Active</p> 56 <p class="inline inventory__present-col inv-present">Present</p> 57 <p class="inline inventory__state-col"> </p> 58 </a> 59 <a class="inventory__group" href="#/server-health/inventory"> 60 <p class="inline inventory__device-col"><span class="inline priority-tag-circ high-priority" aria-label="High Priority"></span>CPU cores (6)</p> 61 <p class="inline inventory__function-col inv-active">Active</p> 62 <p class="inline inventory__present-col inv-present">Present</p> 63 <p class="inline inventory__state-col inventory__critical-label">High - Emergency</p> 64 </a> 65 <a class="inventory__group" href=""> 66 <p class="inline inventory__device-col"><span class="inline priority-tag-circ normal-priority" aria-label="Normal Priority"></span>DIMM (4)</p> 67 <p class="inline inventory__function-col inv-active">Active</p> 68 <p class="inline inventory__present-col inv-present">Present</p> 69 <p class="inline inventory__state-col"> </p> 70 </a> 71 <a class="inventory__group" href=""> 72 <p class="inline inventory__device-col"><span class="inline priority-tag-circ warn-priority" aria-label="Warning Priority"></span>Fan (5)</p> 73 <p class="inline inventory__function-col inv-active">Active</p> 74 <p class="inline inventory__present-col inv-present">Present</p> 75 <p class="inline inventory__state-col inventory__warning-label">Medium - Warning</p> 76 </a> 77 <a class="inventory__group" href=""> 78 <p class="inline inventory__device-col"><span class="inline priority-tag-circ normal-priority"></span>Chasis (3)</p> 79 <p class="inline inventory__function-col inv-active">Active</p> 80 <p class="inline inventory__present-col inv-present">Present</p> 81 <p class="inline inventory__state-col"> </p> 82 </a> 83 <a class="inventory__group" href=""> 84 <p class="inline inventory__device-col"><span class="inline priority-tag-circ normal-priority" aria-label="Normal Priority"></span>BMC (5)</p> 85 <p class="inline inventory__function-col inv-active">Active</p> 86 <p class="inline inventory__present-col inv-present">Present</p> 87 <p class="inline inventory__state-col"> </p> 88 </a> 89 <a class="inventory__group" href=""> 90 <p class="inline inventory__device-col"><span class="inline priority-tag-circ medium-priority " aria-label="MediumPriority"></span>MISC (5)</p> 91 <p class="inline inventory__function-col inv-inactive">Inactive</p> 92 <p class="inline inventory__present-col inv-present">Present</p> 93 <p class="inline inventory__state-col inventory__medium-label">Medium - Error</p> 94 </a> 95 <a class="inventory__group inv-disabled"> 96 <p class="inline inventory__device-col"><span class="inline priority-tag-circ disabled" aria-label="Low Priority"></span>PCIE card (0)</p> 97 <p class="inline inventory__function-col inv-inactive">Inactive</p> 98 <p class="inline inventory__present-col inv-not-present">Not Present</p> 99 </a> 100 </section> 101</div>