1428375e8SMichael Davis<loader loading="loading"></loader> 2cd789508SIftekharul Islam<div id="sensors-overview"> 3cd789508SIftekharul Islam <div class="row column"> 42c16effeSMichael Davis <h1>Sensors</h1> 5cd789508SIftekharul Islam </div> 6cd789508SIftekharul Islam <section class="row column"> 7cd789508SIftekharul Islam <div class="page-header"> 8615a2f89SGunnar Mills <h2 class="inline">All sensors present in the system</h2> 9*c86ce3c9SYoshie 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> 10cd789508SIftekharul Islam </div> 11cd789508SIftekharul Islam </section> 12cd789508SIftekharul Islam <section class="row column"> 13615a2f89SGunnar Mills <!-- search --> 148947e701SIftekharul Islam <p class="content-label" aria-label="sensors filter">Filter sensors</p> 15cd789508SIftekharul Islam <div class="content__search"> 162c16effeSMichael Davis <label for="content__search-input">Sensors Search</label> 178947e701SIftekharul Islam <input id="content__search-input" type="text" ng-model="customSearch" ng-keydown="doSearchOnEnter($event)"/> 188b527990SMichael Davis <div class="search-submit__wrapper"> 19171c6a1eSIftekharul Islam <button class="clear-input" ng-click="clear()">✕</button> 208b527990SMichael Davis <input id="content__search-submit" type="submit" class="btn btn-primary content__search-submit" value="Filter" ng-click="doSearchOnClick()"/> 218b527990SMichael Davis </div> 22615a2f89SGunnar Mills </div> <!-- end search --> 23a547ff42SIftekharul Islam 24cd789508SIftekharul Islam <div class="toggle-filter"> 258947e701SIftekharul Islam <p class="content-label">FILTER BY SEVERITY</p> 26*c86ce3c9SYoshie Muranaka <button class="btn" ng-click="toggleSeverityAll()" 27d2269e22SIftekharul Islam ng-class="selectedSeverity.all ? 'btn-primary' : 'btn-secondary'">All 28cd789508SIftekharul Islam </button> 29*c86ce3c9SYoshie Muranaka <button class="btn" ng-click="toggleSeverity('critical')" 30d2269e22SIftekharul Islam ng-class="selectedSeverity.critical ? 'btn-primary' : 'btn-secondary'">Critical 31cd789508SIftekharul Islam </button> 32*c86ce3c9SYoshie Muranaka <button class="btn" ng-click="toggleSeverity('warning')" 33d2269e22SIftekharul Islam ng-class="selectedSeverity.warning ? 'btn-primary' : 'btn-secondary'">Warning 34cd789508SIftekharul Islam </button> 35*c86ce3c9SYoshie Muranaka <button class="btn" ng-click="toggleSeverity('normal')" 36615a2f89SGunnar Mills ng-class="selectedSeverity.normal ? 'btn-primary' : 'btn-secondary'">Normal 3713ac3af4SIftekharul Islam </button> 38cd789508SIftekharul Islam </div> 39615a2f89SGunnar Mills 4084e114a4SGunnar Mills </section> 41cd789508SIftekharul Islam 42615a2f89SGunnar Mills <section class="row column" ng-show="filteredSensorData.length == 0"> 43615a2f89SGunnar Mills <!-- message --> 4481a49deaSIftekharul Islam <span ng-if="selectedSeverity.all">{{messages.NO_SENSOR_DATA}}</span> 4581a49deaSIftekharul Islam <span ng-if="selectedSeverity.critical">{{messages.CRITICAL_NO_SENSOR_DATA}}</span> 4681a49deaSIftekharul Islam <span ng-if="selectedSeverity.warning">{{messages.WARNING_NO_SENSOR_DATA}}</span> 47615a2f89SGunnar Mills <span ng-if="selectedSeverity.normal">{{messages.NORMAL_NO_SENSOR_DATA}}</span> 48615a2f89SGunnar Mills <!-- end message --> 4981a49deaSIftekharul Islam </section> 50615a2f89SGunnar Mills 51615a2f89SGunnar Mills <section id="sensor-categories" class="row column" ng-show="filteredSensorData.length"> 52615a2f89SGunnar Mills <div class="row column header-row fixed-table-header"> 53615a2f89SGunnar Mills <div class="column large-12 header__actions-bar"> 54615a2f89SGunnar Mills <p class="inline sensor__title">Sensors ({{filteredSensorData.length}})</p> 55615a2f89SGunnar Mills <p class="inline sensor__reading">Low critical</p> 56615a2f89SGunnar Mills <p class="inline sensor__reading">Low warning</p> 57615a2f89SGunnar Mills <p class="inline sensor__reading sensor__heading-current">Current</p> 58615a2f89SGunnar Mills <p class="inline sensor__reading">High warning</p> 59615a2f89SGunnar Mills <p class="inline sensor__reading">High critical</p> 60cd789508SIftekharul Islam </div> 61cd789508SIftekharul Islam </div> 62615a2f89SGunnar Mills <!-- sensor --> 63615a2f89SGunnar Mills <div class="sensor__readings-row" ng-repeat="sensor in data|filter:filterBySeverity|filter:filterBySearchTerms|orderBy:'+custom_order' as filteredSensorData"> 64615a2f89SGunnar Mills <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> 65615a2f89SGunnar Mills <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'">°</span></p> 66615a2f89SGunnar Mills <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'">°</span></p> 67615a2f89SGunnar Mills <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'">°</span></span></p> 68615a2f89SGunnar Mills <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'">°</span></p> 69615a2f89SGunnar Mills <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'">°</span></p> 708947e701SIftekharul Islam </div> 71cd789508SIftekharul Islam </section> 72cd789508SIftekharul Islam</div> 73
