1<div id="sensors-overview">
2    <div class="row column">
3        <h1>Sensors data</h1>
4    </div>
5    <section class="row column">
6        <div class="page-header">
7            <h2 class="inline h4">Sensors present in the system</h2>
8            <a ng-href="data:text/json;charset=utf-8,{{export_data}}" class="inline btn-export float-right"  download="{{export_name}}" ng-show="filteredSensorData.length">Export</a>
9        </div>
10    </section>
11
12    <section class="row column">
13        <!-- search -->
14        <div class="content__search">
15            <label for="content__search-input">Event Log Search</label>
16            <input id="content__search-input" type="text" placeholder="Filter issues" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/>
17            <input id="content__search-submit" type="submit" class="btn btn-secondary" value="Submit" ng-click="doSearchOnClick()"/>
18        </div>
19        <div class="toggle-filter">
20            <button class="inline first btn-primary" ng-click="toggleSeverityAll()"
21                    ng-class="selectedSeverity.all ? 'btn-primary' : 'btn-secondary'">All
22            </button>
23            <button class="inline " ng-click="toggleSeverity('critical')"
24                    ng-class="selectedSeverity.critical ? 'btn-primary' : 'btn-secondary'">Critical
25            </button>
26            <button class="inline" ng-click="toggleSeverity('warning')"
27                    ng-class="selectedSeverity.warning ? 'btn-primary' : 'btn-secondary'">Warning
28            </button>
29            <button class="inline last" ng-click="toggleSeverity('normal')"
30                    ng-class="selectedSeverity.normal ? 'btn-primary' : 'btn-secondary'">Normal
31            </button>
32        </div>
33
34    </section> <!-- end search -->
35
36    <section id="sensor-categories" class="row column">
37        <div class="row column header-row">
38            <div class="column large-12 header__actions-bar">
39                <p class="inline sensor__heading sensor__category">Sensors</p>
40                <p class="inline float-right sensor__heading right">State</p>
41            </div>
42        </div>
43
44        <a ng-repeat="sensor in (filteredSensorData = data.sensors|filter:filterBySeverity|filter:filterBySearchTerms)" class="sensor__group" href="#/server-health/sensors/{{sensor.type}}"> <span class="inline priority-tag-circ" ng-class="{'high-priority': sensor.status == 'critical', 'medium-priority': sensor.status == 'warning', 'low-priority': sensor.status == 'normal'}" aria-label="High Priority"></span>{{sensor.title}} ({{sensor.data.length}}) <p class="inline float-right" ng-class="{'sensor__critical-label': sensor.status == 'critical', 'sensor__warning-label': sensor.status == 'warning', 'sensor__normal-label': sensor.status == 'normal'}">{{sensor.status}}</p></a>
45
46    </section>
47</div>