thing-it-device-temperature-alert
Version:
[thing-it-node] Device Plugin listening to SNMP traps.
53 lines (52 loc) • 2.98 kB
HTML
<div style="display: table-row; vertical-align: middle;">
<table style="display: inline-block;">
<tr>
<td colspan="3" style="text-align: center;"><span class="lightPrimaryColor" style="font-size: 4em;">{{component._state.temperature1 | number:1}}</span><span
class="smallFont lightPrimaryColor"><span ng-if="component.configuration.unit != 'Celsius'">F</span><span
ng-if="component.configuration.unit === 'Celsius'">°C</span></span></td>
</tr>
<tr>
<td style="width: 30%; text-align: center;"></td>
<td style="width: 30%; text-align: center;"><span class="smallFont lightPrimaryColor">Port 1</span></td>
</tr>
</table>
</div>
<div style="display: table-row; vertical-align: middle;">
<table style="display: inline-block;">
<tr>
<td colspan="3" style="text-align: center;"><span class="lightPrimaryColor" style="font-size: 4em;">{{component._state.temperature2 | number:1}}</span><span
class="smallFont lightPrimaryColor"><span ng-if="component.configuration.unit != 'Celsius'">F</span><span
ng-if="component.configuration.unit === 'Celsius'">°C</span></span></td>
</tr>
<tr>
<td style="width: 30%; text-align: center;"></td>
<td style="width: 30%; text-align: center;"><span class="smallFont lightPrimaryColor">Port 2</span></td>
</tr>
</table>
</div>
<div style="display: table-row; vertical-align: middle;">
<table style="display: inline-block;">
<tr>
<td colspan="3" style="text-align: center;"><span class="lightPrimaryColor" style="font-size: 4em;">{{component._state.temperature3 | number:1}}</span><span
class="smallFont lightPrimaryColor"><span ng-if="component.configuration.unit != 'Celsius'">F</span><span
ng-if="component.configuration.unit === 'Celsius'">°C</span></span></td>
</tr>
<tr>
<td style="width: 30%; text-align: center;"></td>
<td style="width: 30%; text-align: center;"><span class="smallFont lightPrimaryColor">Port 3</span></td>
</tr>
</table>
</div>
<div style="display: table-row; vertical-align: middle;">
<table style="display: inline-block;">
<tr>
<td colspan="3" style="text-align: center;"><span class="lightPrimaryColor" style="font-size: 4em;">{{component._state.temperature4 | number:1}}</span><span
class="smallFont lightPrimaryColor"><span ng-if="component.configuration.unit != 'Celsius'">F</span><span
ng-if="component.configuration.unit === 'Celsius'">°C</span></span></td>
</tr>
<tr>
<td style="width: 30%; text-align: center;"></td>
<td style="width: 30%; text-align: center;"><span class="smallFont lightPrimaryColor">Port 4</span></td>
</tr>
</table>
</div>