xref: /openbmc/phosphor-webui/app/server-health/controllers/sensors-overview-controller.html (revision 84e114a43065e2c20e87bd8a1a0dfb3ced896147)
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">
88947e701SIftekharul Islam      <h2 class="inline h4">All sensors present in the system</h2>
98947e701SIftekharul Islam      <a ng-href="data:text/json;charset=utf-8,{{export_data}}" class="inline btn-export float-right" download="{{export_name}}">Export</a>
10cd789508SIftekharul Islam    </div>
11cd789508SIftekharul Islam  </section>
12cd789508SIftekharul Islam  <section class="row column">
13cd789508SIftekharul Islam    <!-- 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()">&#10005;</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>
22*84e114a4SGunnar Mills    </div>  <!-- end search -->
23a547ff42SIftekharul Islam
24cd789508SIftekharul Islam    <div class="toggle-filter">
258947e701SIftekharul Islam      <p class="content-label">FILTER BY SEVERITY</p>
26d2269e22SIftekharul Islam      <button class="inline first btn-primary" ng-click="toggleSeverityAll()"
27d2269e22SIftekharul Islam          ng-class="selectedSeverity.all ? 'btn-primary' : 'btn-secondary'">All
28cd789508SIftekharul Islam      </button>
29d2269e22SIftekharul Islam      <button class="inline " ng-click="toggleSeverity('critical')"
30d2269e22SIftekharul Islam          ng-class="selectedSeverity.critical ? 'btn-primary' : 'btn-secondary'">Critical
31cd789508SIftekharul Islam      </button>
32d2269e22SIftekharul Islam      <button class="inline" ng-click="toggleSeverity('warning')"
33d2269e22SIftekharul Islam          ng-class="selectedSeverity.warning ? 'btn-primary' : 'btn-secondary'">Warning
34cd789508SIftekharul Islam      </button>
3513ac3af4SIftekharul Islam      <button class="inline" ng-click="toggleSeverity('normal')"
3613ac3af4SIftekharul Islam          ng-class="selectedSeverity.normal ? 'btn-primary' : 'btn-secondary'">Normal
3713ac3af4SIftekharul Islam      </button>
38cd789508SIftekharul Islam    </div>
39cd789508SIftekharul Islam
40*84e114a4SGunnar Mills  </section>
41cd789508SIftekharul Islam
4281a49deaSIftekharul Islam  <section class="row column" ng-show="filteredSensorData.length == 0">
4381a49deaSIftekharul Islam    <!-- 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>
4713ac3af4SIftekharul Islam    <span ng-if="selectedSeverity.normal">{{messages.NORMAL_NO_SENSOR_DATA}}</span>
4881a49deaSIftekharul Islam    <!-- end message -->
4981a49deaSIftekharul Islam  </section>
5081a49deaSIftekharul Islam
5181a49deaSIftekharul Islam  <section id="sensor-categories" class="row column" ng-show="filteredSensorData.length">
52cd789508SIftekharul Islam    <div class="row column header-row">
53cd789508SIftekharul Islam      <div class="column large-12 header__actions-bar">
548947e701SIftekharul Islam        <p class="inline sensor__title">Sensors</p>
558947e701SIftekharul Islam        <p class="inline sensor__reading">Low critical</p>
568947e701SIftekharul Islam        <p class="inline sensor__reading">Low warning</p>
578947e701SIftekharul Islam        <p class="inline sensor__reading sensor__heading-current">Current</p>
588947e701SIftekharul Islam        <p class="inline sensor__reading">High warning</p>
598947e701SIftekharul Islam        <p class="inline sensor__reading">High critical</p>
60cd789508SIftekharul Islam      </div>
61cd789508SIftekharul Islam    </div>
628947e701SIftekharul Islam    <!-- sensor -->
6381a49deaSIftekharul Islam    <div class="sensor__readings-row" ng-repeat="sensor in data|filter:filterBySeverity|filter:filterBySearchTerms|orderBy:'+custom_order' as filteredSensorData">
648947e701SIftekharul 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>
658947e701SIftekharul 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>
668947e701SIftekharul 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>
678947e701SIftekharul 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>
688947e701SIftekharul 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>
698947e701SIftekharul 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>
708947e701SIftekharul Islam    </div>
71cd789508SIftekharul Islam  </section>
72cd789508SIftekharul Islam</div>
73