1cd789508SIftekharul Islam<div id="sensors-overview">
2cd789508SIftekharul Islam	<div class="row column">
32c16effeSMichael Davis		<h1>Sensors</h1>
4cd789508SIftekharul Islam	</div>
5cd789508SIftekharul Islam	<section class="row column">
6cd789508SIftekharul Islam		<div class="page-header">
78947e701SIftekharul Islam			<h2 class="inline h4">All sensors present in the system</h2>
88947e701SIftekharul Islam			<a ng-href="data:text/json;charset=utf-8,{{export_data}}" class="inline btn-export float-right" download="{{export_name}}">Export</a>
9cd789508SIftekharul Islam		</div>
10cd789508SIftekharul Islam	</section>
11cd789508SIftekharul Islam	<section class="row column">
12cd789508SIftekharul Islam		<!-- search -->
138947e701SIftekharul Islam		<p class="content-label" aria-label="sensors filter">Filter sensors</p>
14cd789508SIftekharul Islam		<div class="content__search">
152c16effeSMichael Davis			<label for="content__search-input">Sensors Search</label>
168947e701SIftekharul Islam			<input id="content__search-input" type="text" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/>
17*8b527990SMichael Davis			<div class="search-submit__wrapper">
18*8b527990SMichael Davis				<button class="clear-input" ng-click="customSearch = ''">&#10005;</button>
19*8b527990SMichael Davis				<input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/>
20*8b527990SMichael Davis			</div>
21cd789508SIftekharul Islam		</div>
22cd789508SIftekharul Islam		<div class="toggle-filter">
238947e701SIftekharul Islam			<p class="content-label">FILTER BY SEVERITY</p>
24d2269e22SIftekharul Islam			<button class="inline first btn-primary" ng-click="toggleSeverityAll()"
25d2269e22SIftekharul Islam					ng-class="selectedSeverity.all ? 'btn-primary' : 'btn-secondary'">All
26cd789508SIftekharul Islam			</button>
27d2269e22SIftekharul Islam			<button class="inline " ng-click="toggleSeverity('critical')"
28d2269e22SIftekharul Islam					ng-class="selectedSeverity.critical ? 'btn-primary' : 'btn-secondary'">Critical
29cd789508SIftekharul Islam			</button>
30d2269e22SIftekharul Islam			<button class="inline" ng-click="toggleSeverity('warning')"
31d2269e22SIftekharul Islam					ng-class="selectedSeverity.warning ? 'btn-primary' : 'btn-secondary'">Warning
32cd789508SIftekharul Islam			</button>
33cd789508SIftekharul Islam		</div>
34cd789508SIftekharul Islam
35cd789508SIftekharul Islam	</section> <!-- end search -->
36cd789508SIftekharul Islam
37cd789508SIftekharul Islam	<section id="sensor-categories" class="row column">
38cd789508SIftekharul Islam		<div class="row column header-row">
39cd789508SIftekharul Islam			<div class="column large-12 header__actions-bar">
408947e701SIftekharul Islam				<p class="inline sensor__title">Sensors</p>
418947e701SIftekharul Islam				<p class="inline sensor__reading">Low critical</p>
428947e701SIftekharul Islam				<p class="inline sensor__reading">Low warning</p>
438947e701SIftekharul Islam				<p class="inline sensor__reading sensor__heading-current">Current</p>
448947e701SIftekharul Islam				<p class="inline sensor__reading">High warning</p>
458947e701SIftekharul Islam				<p class="inline sensor__reading">High critical</p>
46cd789508SIftekharul Islam			</div>
47cd789508SIftekharul Islam		</div>
488947e701SIftekharul Islam		<!-- sensor -->
498947e701SIftekharul Islam		<div class="sensor__readings-row" ng-repeat="sensor in (filteredSensorData = data|filter:filterBySeverity|filter:filterBySearchTerms|orderBy:'-order')">
508947e701SIftekharul Islam			<p class="inline sensor__title"><span class="icon" ng-class="{'icon__critical': sensor.status == 'critical', 'icon__warning': sensor.status == 'warning', 'icon__normal': sensor.status == 'normal'}" aria-label="sensor.status" ></span>{{sensor.title}}</p>
518947e701SIftekharul Islam			<p class="inline sensor__reading"><span class="sensor__label">Low critical</span>{{sensor.CriticalLow}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">&deg;</span></p>
528947e701SIftekharul Islam			<p class="inline sensor__reading"><span class="sensor__label">Low warning</span>{{sensor.WarningLow}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">&deg;</span></p>
538947e701SIftekharul Islam			<p class="inline sensor__reading sensor__current" ng-class="{'sensor__critical': sensor.status == 'critical', 'sensor__warn': sensor.status == 'warning', 'sensor__normal': sensor.status == 'normal'}"><span class="sensor__label">Current</span>{{sensor.Value}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">&deg;</span></span></p>
548947e701SIftekharul Islam			<p class="inline sensor__reading"><span class="sensor__label">High warning</span>{{sensor.WarningHigh}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">&deg;</span></p>
558947e701SIftekharul Islam			<p class="inline sensor__reading"><span class="sensor__label">High critical</span>{{sensor.CriticalHigh}}<span class="content-label">{{sensor.unit}}<span ng-if="sensor.unit == 'C'">&deg;</span></p>
568947e701SIftekharul Islam		</div>
57cd789508SIftekharul Islam	</section>
58cd789508SIftekharul Islam</div>
59