xref: /openbmc/phosphor-webui/app/server-health/controllers/inventory-overview-controller.html (revision 428375e827eae425c6e08dcc27ccdc13c035e6f9)
1*428375e8SMichael Davis<loader loading="loading"></loader>
26dc5f181SMichael Davis<div class="inventory-overview">
36dc5f181SMichael Davis	<div class="row column no-padding">
46dc5f181SMichael Davis		<h1>Hardware status</h1>
5994a93b2SMichael Davis		<div class="page-header">
6eed24531SMichael Davis			<h2 class="inline h4">All hardware in the system</h2>
7ee27d754SIftekharul Islam			<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>
8ee27d754SIftekharul Islam
9994a93b2SMichael Davis		</div>
106dc5f181SMichael Davis	</div>
11994a93b2SMichael Davis	<section class="row column">
12994a93b2SMichael Davis		<!-- search -->
13eed24531SMichael Davis		<p class="content-label" aria-label="hardware filter">Filter hardware components</p>
14994a93b2SMichael Davis		<div class="content__search">
15994a93b2SMichael Davis			<label for="content__search-input">Search</label> <input id="content__search-input" type="text"
16eed24531SMichael Davis				ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/>
178b527990SMichael Davis			<div class="search-submit__wrapper">
188b527990SMichael Davis				<button class="clear-input" ng-click="customSearch = ''">&#10005;</button>
198b527990SMichael Davis				<input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/>
208b527990SMichael Davis			</div>
21994a93b2SMichael Davis		</div>
22994a93b2SMichael Davis	</section>
23994a93b2SMichael Davis	<!-- end search -->
24994a93b2SMichael Davis	<section id="inventory-categories" class="row column">
25994a93b2SMichael Davis		<div class="row column header-row">
26994a93b2SMichael Davis			<div class="column large-12 header__actions-bar">
276dc5f181SMichael Davis				<div class="inline inventory__heading inventory__device-col">Hardware</div>
286dc5f181SMichael Davis				<div class="inline inventory__heading inventory__function-col">&nbsp;</div>
29ee27d754SIftekharul Islam				<div class="inline inventory__heading inventory__assoc-event"><!--Associated events--></div>
30994a93b2SMichael Davis			</div>
31994a93b2SMichael Davis		</div>
32ee27d754SIftekharul Islam		<div ng-repeat="inventory in hardwares|filter:filterBySearchTerms" class="inventory__group"  ng-class="{'active': inventory.expanded}" ng-click="inventory.expanded = ! inventory.expanded">
33ee27d754SIftekharul Islam			<p class="inline inventory__device-col">{{inventory.title}}</p>
346dc5f181SMichael Davis			<p class="inline inventory__function-col"></p>
35ee27d754SIftekharul Islam			<p class="inline inventory__assoc-event"><!--<a href="#/server-health/event-log">View 3 events</a>--></p>
36ee27d754SIftekharul Islam			<button class="accord-trigger float-right" ng-class="{'active': inventory.expanded}"></button>
37eed24531SMichael Davis			<div class="row inventory__metadata" ng-class="{'active': inventory.expanded}" ng-click="$event.stopPropagation()">
386dc5f181SMichael Davis				<div class="column large-9 no-padding">
39ee27d754SIftekharul Islam					<div  ng-repeat="item in inventory.items" class="inline inventory__metadata-block">
40ee27d754SIftekharul Islam						<p class="content-label">{{item.key}}</p>
41ee27d754SIftekharul Islam						<p class="courier-bold">{{item.value}}</p>
426dc5f181SMichael Davis					</div>
436dc5f181SMichael Davis				</div>
44ee27d754SIftekharul Islam				<div class="column large-3 no-padding" ng-show="inventory.sub_components.length">
456dc5f181SMichael Davis					<div class="inventory__metadata-scroll show-scroll"> <!-- If content overflows; add 'show-scroll' class via JS to force visible scrollbar in webkit browsers-->
46ee27d754SIftekharul Islam						<div ng-repeat="sub_component in inventory.sub_components" class="inline inventory__metadata-block">
47eed24531SMichael Davis							<p class="courier-bold">{{sub_component.title}}<span class="icon icon__warning" ng-if="sub_component.Present"></span></p>
486dc5f181SMichael Davis						</div>
496dc5f181SMichael Davis					</div>
506dc5f181SMichael Davis				</div>
516dc5f181SMichael Davis			</div>
526dc5f181SMichael Davis		</div>
53994a93b2SMichael Davis	</section>
54994a93b2SMichael Davis</div>