1428375e8SMichael Davis<loader loading="loading"></loader> 2*1f690f3eSDerick Montague<div id="sensors" class="sensors"> 32c16effeSMichael Davis <h1>Sensors</h1> 4cd789508SIftekharul Islam <div class="page-header"> 5615a2f89SGunnar Mills <h2 class="inline">All sensors present in the system</h2> 6c86ce3c9SYoshie Muranaka <a ng-href="data:text/json;charset=utf-8,{{export_data}}" class="btn btn-tertiary float-right" download="{{export_name}}"><icon file="icon-export.svg"></icon>Export</a> 7cd789508SIftekharul Islam </div> 8*1f690f3eSDerick Montague 9*1f690f3eSDerick Montague <div> 108947e701SIftekharul Islam <p class="content-label" aria-label="sensors filter">Filter sensors</p> 11cd789508SIftekharul Islam <div class="content__search"> 122c16effeSMichael Davis <label for="content__search-input">Sensors Search</label> 138947e701SIftekharul Islam <input id="content__search-input" type="text" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/> 148b527990SMichael Davis <div class="search-submit__wrapper"> 15171c6a1eSIftekharul Islam <button class="clear-input" ng-click="clear()">✕</button> 168b527990SMichael Davis <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/> 178b527990SMichael Davis </div> 18*1f690f3eSDerick Montague </div> 19a547ff42SIftekharul Islam 20cd789508SIftekharul Islam <div class="toggle-filter"> 218947e701SIftekharul Islam <p class="content-label">FILTER BY SEVERITY</p> 22c86ce3c9SYoshie Muranaka <button class="btn" ng-click="toggleSeverityAll()" 23d2269e22SIftekharul Islam ng-class="selectedSeverity.all ? 'btn-primary' : 'btn-secondary'">All 24cd789508SIftekharul Islam </button> 25c86ce3c9SYoshie Muranaka <button class="btn" ng-click="toggleSeverity('critical')" 26d2269e22SIftekharul Islam ng-class="selectedSeverity.critical ? 'btn-primary' : 'btn-secondary'">Critical 27cd789508SIftekharul Islam </button> 28c86ce3c9SYoshie Muranaka <button class="btn" ng-click="toggleSeverity('warning')" 29d2269e22SIftekharul Islam ng-class="selectedSeverity.warning ? 'btn-primary' : 'btn-secondary'">Warning 30cd789508SIftekharul Islam </button> 31c86ce3c9SYoshie Muranaka <button class="btn" ng-click="toggleSeverity('normal')" 32615a2f89SGunnar Mills ng-class="selectedSeverity.normal ? 'btn-primary' : 'btn-secondary'">Normal 3313ac3af4SIftekharul Islam </button> 34cd789508SIftekharul Islam </div> 35*1f690f3eSDerick Montague </div> 36615a2f89SGunnar Mills 37*1f690f3eSDerick Montague <div ng-show="filteredSensorData.length == 0"> 3881a49deaSIftekharul Islam <span ng-if="selectedSeverity.all">{{messages.NO_SENSOR_DATA}}</span> 3981a49deaSIftekharul Islam <span ng-if="selectedSeverity.critical">{{messages.CRITICAL_NO_SENSOR_DATA}}</span> 4081a49deaSIftekharul Islam <span ng-if="selectedSeverity.warning">{{messages.WARNING_NO_SENSOR_DATA}}</span> 41615a2f89SGunnar Mills <span ng-if="selectedSeverity.normal">{{messages.NORMAL_NO_SENSOR_DATA}}</span> 42*1f690f3eSDerick Montague </div> 43615a2f89SGunnar Mills 44*1f690f3eSDerick Montague <table id="sensor-categories" class="sensors__table" cellpadding="0" cellspacing="0" ng-show="filteredSensorData.length"> 45*1f690f3eSDerick Montague <thead class="sensors__thead fixed-table-header"> 46*1f690f3eSDerick Montague <tr class="sensors__thead-row"> 47*1f690f3eSDerick Montague <th class="sensors__thead-cell">Sensors ({{filteredSensorData.length}})<th> 48*1f690f3eSDerick Montague <th class="sensors__thead-cell">Low critical<th> 49*1f690f3eSDerick Montague <th class="sensors__thead-cell">Low warning<th> 50*1f690f3eSDerick Montague <th class="sensors__thead-cell sensor__heading-current">Current<th> 51*1f690f3eSDerick Montague <th class="sensors__thead-cell">High warning<th> 52*1f690f3eSDerick Montague <th class="sensors__thead-cell">High critical<th> 53*1f690f3eSDerick Montague </tr> 54*1f690f3eSDerick Montague </thead> 55*1f690f3eSDerick Montague <tbody class="sensors__tbody"> 56*1f690f3eSDerick Montague <tr class="sensors__tbody-row" ng-repeat="sensor in data|filter:filterBySeverity|filter:filterBySearchTerms|orderBy:'+custom_order' as filteredSensorData"> 57*1f690f3eSDerick Montague <th class="sensors__tbody-header"> 58*1f690f3eSDerick Montague <span class="icon" ng-class="{'icon__critical': sensor.status == 'critical', 'icon__warning': sensor.status == 'warning', 'icon__normal': sensor.status == 'normal'}" aria-label="Sensor status: {{sensor.status}}" ></span> 59*1f690f3eSDerick Montague <span>{{sensor.title}}</span> 60*1f690f3eSDerick Montague </th> 61*1f690f3eSDerick Montague <td class="sensors__tbody-cell"> 62*1f690f3eSDerick Montague <span class="sensors__tbody-cell__title">Low critical</span> 63*1f690f3eSDerick Montague <span class="sensors__tbody-cell__content"> 64*1f690f3eSDerick Montague <span class="sensors__tbody-info">{{sensor.CriticalLow}}</span> 65*1f690f3eSDerick Montague <span class="sensors__tbody-degree" ng-if="sensor.unit == 'C'">°</span> 66*1f690f3eSDerick Montague <span class="sensors__tbody-unit">{{sensor.unit}}</span> 67*1f690f3eSDerick Montague </span> 68*1f690f3eSDerick Montague </td> 69*1f690f3eSDerick Montague <td class="sensors__tbody-cell"> 70*1f690f3eSDerick Montague <span class="sensors__tbody-cell__title">Low warning</span> 71*1f690f3eSDerick Montague <span class="sensors__tbody-cell__content"> 72*1f690f3eSDerick Montague <span class="sensors__tbody-info">{{sensor.WarningLow}}</span> 73*1f690f3eSDerick Montague <span class="sensors__tbody-degree" ng-if="sensor.unit == 'C'">°</span> 74*1f690f3eSDerick Montague <span class="sensors__tbody-unit">{{sensor.unit}}</span> 75*1f690f3eSDerick Montague </span> 76*1f690f3eSDerick Montague </td> 77*1f690f3eSDerick Montague <td class="sensors__tbody-cell sensors__tbody-current" ng-class="{'sensors__tbody-current--critical': sensor.status == 'critical', 'sensors__tbody-current--warn': sensor.status == 'warning', 'sensors__tbody-current--normal': sensor.status == 'normal'}"> 78*1f690f3eSDerick Montague <span class="sensors__tbody-cell__title">Current</span> 79*1f690f3eSDerick Montague <span class="sensors__tbody-cell__content"> 80*1f690f3eSDerick Montague <span class="sensors__tbody-info">{{sensor.Value}}</span> 81*1f690f3eSDerick Montague <span class="sensors__tbody-degree" ng-if="sensor.unit == 'C'">°</span> 82*1f690f3eSDerick Montague <span class="sensors__tbody-unit">{{sensor.unit}}</span> 83*1f690f3eSDerick Montague </span> 84*1f690f3eSDerick Montague </td> 85*1f690f3eSDerick Montague <td class="sensors__tbody-cell"> 86*1f690f3eSDerick Montague <span class="sensors__tbody-cell__title">High warning</span> 87*1f690f3eSDerick Montague <span class="sensors__tbody-cell__content"> 88*1f690f3eSDerick Montague <span class="sensors__tbody-info">{{sensor.WarningHigh}}</span> 89*1f690f3eSDerick Montague <span class="sensors__tbody-degree" ng-if="sensor.unit == 'C'">°</span> 90*1f690f3eSDerick Montague <span class="sensors__tbody-unit">{{sensor.unit}}</span> 91*1f690f3eSDerick Montague </span> 92*1f690f3eSDerick Montague </td> 93*1f690f3eSDerick Montague <td class="sensors__tbody-cell"> 94*1f690f3eSDerick Montague <span class="sensors__tbody-cell__title">High critical</span> 95*1f690f3eSDerick Montague <span class="sensors__tbody-cell__content"> 96*1f690f3eSDerick Montague <span class="sensors__tbody-info">{{sensor.CriticalHigh}}</span> 97*1f690f3eSDerick Montague <span class="sensors__tbody-degree" ng-if="sensor.unit == 'C'">°</span> 98*1f690f3eSDerick Montague <span class="sensors__tbody-unit">{{sensor.unit}}</span> 99*1f690f3eSDerick Montague </span> 100*1f690f3eSDerick Montague </td> 101*1f690f3eSDerick Montague </tr> 102*1f690f3eSDerick Montague </tbody> 103*1f690f3eSDerick Montague </table> 104cd789508SIftekharul Islam</div> 105