| <div id="sensors-overview"> |
| <div class="row column"> |
| <h1>Sensors data</h1> |
| </div> |
| <section class="row column"> |
| <div class="page-header"> |
| <h2 class="inline h4">Sensors present in the system</h2> |
| <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> |
| </div> |
| </section> |
| |
| <section class="row column"> |
| <!-- search --> |
| <div class="content__search"> |
| <label for="content__search-input">Event Log Search</label> |
| <input id="content__search-input" type="text" placeholder="Filter issues" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/> |
| <input id="content__search-submit" type="submit" class="btn btn-secondary" value="Submit" ng-click="doSearchOnClick()"/> |
| </div> |
| <div class="toggle-filter"> |
| <button class="inline first btn-primary" ng-click="toggleSeverityAll()" |
| ng-class="selectedSeverity.all ? 'btn-primary' : 'btn-secondary'">All |
| </button> |
| <button class="inline " ng-click="toggleSeverity('critical')" |
| ng-class="selectedSeverity.critical ? 'btn-primary' : 'btn-secondary'">Critical |
| </button> |
| <button class="inline" ng-click="toggleSeverity('warning')" |
| ng-class="selectedSeverity.warning ? 'btn-primary' : 'btn-secondary'">Warning |
| </button> |
| <button class="inline last" ng-click="toggleSeverity('normal')" |
| ng-class="selectedSeverity.normal ? 'btn-primary' : 'btn-secondary'">Normal |
| </button> |
| </div> |
| |
| </section> <!-- end search --> |
| |
| <section id="sensor-categories" class="row column"> |
| <div class="row column header-row"> |
| <div class="column large-12 header__actions-bar"> |
| <p class="inline sensor__heading sensor__category">Sensors</p> |
| <p class="inline float-right sensor__heading right">State</p> |
| </div> |
| </div> |
| |
| <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> |
| |
| </section> |
| </div> |