1428375e8SMichael Davis<loader loading="loading"></loader> 2129779ddSbeccabroek<div class="inventory__container"> 3129779ddSbeccabroek <div class="row column"> 46dc5f181SMichael Davis <h1>Hardware status</h1> 5129779ddSbeccabroek </div> 6129779ddSbeccabroek <div class="row column"> 7994a93b2SMichael Davis <div class="page-header"> 8edf1ab46Sbeccabroek <h2 class="inline">All hardware in the system</h2> 9c86ce3c9SYoshie Muranaka <a ng-href="data:text/json;charset=utf-8,{{originalData}}" class="btn btn-tertiary float-right" download="export_inventory.json" ng-show="hardwares.length"><icon file="icon-export.svg"></icon>Export</a> 10994a93b2SMichael Davis </div> 116dc5f181SMichael Davis </div> 12129779ddSbeccabroek <div class="row column"> 13eed24531SMichael Davis <p class="content-label" aria-label="hardware filter">Filter hardware components</p> 14994a93b2SMichael Davis <div class="content__search"> 15129779ddSbeccabroek <label for="content__search-input">Search</label> 16129779ddSbeccabroek <input id="content__search-input" type="text" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/> 178b527990SMichael Davis <div class="search-submit__wrapper"> 18db1e89edSDixsie Wolmers <button class="btn" type="button" aria-label="clear filter" ng-click="clear()"> 19db1e89edSDixsie Wolmers <icon file="icon-close.svg" aria-hidden="true"></icon> 20db1e89edSDixsie Wolmers </button> 218b527990SMichael Davis <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/> 228b527990SMichael Davis </div> 23994a93b2SMichael Davis </div> 24994a93b2SMichael Davis </div> 25129779ddSbeccabroek <div class="row column inventory__table"> 26129779ddSbeccabroek <h3 class="small-12 hardware__header"> 27129779ddSbeccabroek Hardware 28129779ddSbeccabroek </h3> 29129779ddSbeccabroek <div class="small-12 harware__details" ng-repeat="inventory in hardwares|filter:filterBySearchTerms"> 30129779ddSbeccabroek <div class="hardware__title row column" ng-class="{'expanded': inventory.expanded}" ng-click="inventory.expanded = ! inventory.expanded"> 31129779ddSbeccabroek <h4>{{inventory.title}}</h4> 321ffa209eSDerick Montague <button class="accord-trigger float-right" ng-class="{'active': inventory.expanded}" aria-expanded="{{inventory.expanded ? 'true' : 'false'}}" aria-expanded="{{inventory.expanded ? 'true' : 'false'}}" aria-label="{{inventory.expanded ? 'collapse' : 'expand'}}"></button> 33129779ddSbeccabroek </div> 34129779ddSbeccabroek <div class="hardware__items" ng-hide="!inventory.expanded" ng-class="{'expanded': inventory.expanded}"> 35129779ddSbeccabroek <div class="row column"> 36129779ddSbeccabroek <div class="items small-12 show-scroll" ng-class="{'large-9': inventory.sub_components.length}"> 37129779ddSbeccabroek <div class="row column"> 38129779ddSbeccabroek <div ng-repeat="item in inventory.items" class="small-4"> 39129779ddSbeccabroek <h5 class="content-label">{{item.key}}</h5> 40ee27d754SIftekharul Islam <p class="courier-bold">{{item.value}}</p> 416dc5f181SMichael Davis </div> 426dc5f181SMichael Davis </div> 43129779ddSbeccabroek </div> 44129779ddSbeccabroek <div class="subcomponents show-scroll small-12 large-3" ng-show="inventory.sub_components.length"> 45129779ddSbeccabroek <div class="row column"> 46129779ddSbeccabroek <h5 class="small-12 content-label">Subcomponents</h5> 47129779ddSbeccabroek <p ng-repeat="sub_component in inventory.sub_components" class="large-6 small-3 courier-bold" ng-if="sub_component.Present"> 48*86c0b94bSDerick Montague <icon file="icon-warning.svg" aria-hidden="true" ng-if="!sub_component.Functional"></icon> 49129779ddSbeccabroek {{sub_component.title}} 50129779ddSbeccabroek </p> 516dc5f181SMichael Davis </div> 526dc5f181SMichael Davis </div> 536dc5f181SMichael Davis </div> 546dc5f181SMichael Davis </div> 556dc5f181SMichael Davis </div> 56129779ddSbeccabroek </div> 57994a93b2SMichael Davis</div> 58
