1<loader loading="loading"></loader> 2<div class="inventory-overview"> 3 <div class="row column no-padding"> 4 <h1>Hardware status</h1> 5 <div class="page-header"> 6 <h2 class="inline h4">All hardware in the system</h2> 7 <a ng-href="data:text/json;charset=utf-8,{{originalData}}" class="inline btn-export float-right" download="export_inventory.json" ng-show="hardwares.length">Export</a> 8 9 </div> 10 </div> 11 <section class="row column" aria-label="hardware filtering"> 12 <!-- search --> 13 <p class="content-label" aria-label="hardware filter">Filter hardware components</p> 14 <div class="content__search"> 15 <label for="content__search-input">Search</label> <input id="content__search-input" type="text" 16 ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/> 17 <div class="search-submit__wrapper"> 18 <button class="clear-input" ng-click="customSearch = ''">✕</button> 19 <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/> 20 </div> 21 </div> 22 </section> 23 <!-- end search --> 24 <section id="inventory-categories" class="row column" aria-label="hardware list"> 25 <div class="row column header-row"> 26 <div class="column large-12 header__actions-bar"> 27 <div class="inline inventory__heading inventory__device-col">Hardware</div> 28 <div class="inline inventory__heading inventory__function-col"> </div> 29 <div class="inline inventory__heading inventory__assoc-event"><!--Associated events--></div> 30 </div> 31 </div> 32 <div ng-repeat="inventory in hardwares|filter:filterBySearchTerms" class="inventory__group" ng-class="{'active': inventory.expanded}" ng-click="inventory.expanded = ! inventory.expanded"> 33 <p class="inline inventory__device-col">{{inventory.title}}</p> 34 <p class="inline inventory__function-col"></p> 35 <p class="inline inventory__assoc-event"><!--<a href="#/server-health/event-log">View 3 events</a>--></p> 36 <span class="accord-trigger button float-right" ng-class="{'active': inventory.expanded}"></span> 37 <div class="row inventory__metadata" ng-class="{'active': inventory.expanded}" ng-click="$event.stopPropagation()"> 38 <div class="column large-9 no-padding"> 39 <div ng-repeat="item in inventory.items" class="inline inventory__metadata-block"> 40 <p class="content-label">{{item.key}}</p> 41 <p class="courier-bold">{{item.value}}</p> 42 </div> 43 </div> 44 <div class="column large-3 no-padding" ng-show="inventory.sub_components.length"> 45 <div class="inventory__metadata-scroll show-scroll"> <!-- If content overflows; add 'show-scroll' class via JS to force visible scrollbar in webkit browsers--> 46 <div ng-repeat="sub_component in inventory.sub_components" class="inline inventory__metadata-block"> 47 <p class="courier-bold">{{sub_component.title}}<span class="icon icon__warning" ng-if="sub_component.Present"></span></p> 48 </div> 49 </div> 50 </div> 51 </div> 52 </div> 53 </section> 54</div>