blob: e8e2a5bf8e2ab4ecd76fa8059b008a1dfd185516 [file] [log] [blame]
Michael Davis6dc5f182017-06-26 13:07:27 -05001<div class="inventory-overview">
2 <div class="row column no-padding">
3 <h1>Hardware status</h1>
4 <div class="page-header">
Iftekharul Islamee27d752017-07-05 15:54:31 -05005
6 <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>
7
Michael Davis6dc5f182017-06-26 13:07:27 -05008 </div>
9 </div>
10 <section class="row column">
11 <!-- search -->
12 <div class="content__search">
13 <label for="content__search-input">Search</label> <input id="content__search-input" type="text"
Iftekharul Islamee27d752017-07-05 15:54:31 -050014 placeholder="Filter hardware components" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/>
15 <input id="content__search-submit" type="submit" class="btn btn-primary" value="Filter" ng-click="doSearchOnClick()"/>
Michael Davis6dc5f182017-06-26 13:07:27 -050016 </div>
17
18 </section>
19 <!-- end search -->
20 <section id="inventory-categories" class="row column">
21 <div class="row column header-row">
22 <div class="column large-12 header__actions-bar">
23 <div class="inline inventory__heading inventory__device-col">Hardware</div>
24 <div class="inline inventory__heading inventory__function-col">&nbsp;</div>
Iftekharul Islamee27d752017-07-05 15:54:31 -050025 <div class="inline inventory__heading inventory__assoc-event"><!--Associated events--></div>
Michael Davis6dc5f182017-06-26 13:07:27 -050026 </div>
27 </div>
Iftekharul Islamee27d752017-07-05 15:54:31 -050028 <div ng-repeat="inventory in hardwares|filter:filterBySearchTerms" class="inventory__group" ng-class="{'active': inventory.expanded}" ng-click="inventory.expanded = ! inventory.expanded">
29 <p class="inline inventory__device-col">{{inventory.title}}</p>
Michael Davis6dc5f182017-06-26 13:07:27 -050030 <p class="inline inventory__function-col"></p>
Iftekharul Islamee27d752017-07-05 15:54:31 -050031 <p class="inline inventory__assoc-event"><!--<a href="#/server-health/event-log">View 3 events</a>--></p>
32 <button class="accord-trigger float-right" ng-class="{'active': inventory.expanded}"></button>
33 <div class="row inventory__metadata" ng-class="{'active': inventory.expanded}">
Michael Davis6dc5f182017-06-26 13:07:27 -050034 <div class="column large-9 no-padding">
Iftekharul Islamee27d752017-07-05 15:54:31 -050035 <div ng-repeat="item in inventory.items" class="inline inventory__metadata-block">
36 <p class="content-label">{{item.key}}</p>
37 <p class="courier-bold">{{item.value}}</p>
Michael Davis6dc5f182017-06-26 13:07:27 -050038 </div>
39 </div>
Iftekharul Islamee27d752017-07-05 15:54:31 -050040 <div class="column large-3 no-padding" ng-show="inventory.sub_components.length">
Michael Davis6dc5f182017-06-26 13:07:27 -050041 <div class="inventory__metadata-scroll show-scroll"> <!-- If content overflows; add 'show-scroll' class via JS to force visible scrollbar in webkit browsers-->
42 <div class="content-label">Subcomponents</div>
Iftekharul Islamee27d752017-07-05 15:54:31 -050043 <div ng-repeat="sub_component in inventory.sub_components" class="inline inventory__metadata-block">
44 <p class="courier-bold"><span class="icon icon__warning" ng-if="sub_component.Present"></span>{{sub_component.title}}</p>
Michael Davis6dc5f182017-06-26 13:07:27 -050045 </div>
46 </div>
47 </div>
48 </div>
49 </div>
Michael Davis6dc5f182017-06-26 13:07:27 -050050 </section>
Michael Davis994a93b2017-04-18 10:01:04 -050051</div>