thing-it-device-z-wave
Version:
[thing-it-node] Device Plugin for Z-wave Networks.
50 lines (48 loc) • 2.33 kB
HTML
<div style="display: table-row; vertical-align: middle;">
<table style="display: inline-block;">
<tr>
<ti-motion-sensor state="component._state"
options="{showTicksPerMinute: false, showLastMotionTimestamp: false}"></ti-motion-sensor>
</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.temperature | number:1}}</span><span
class="smallFont lightPrimaryColor"><span ng-if="component.configuration.unit == 'Fahrenheit'">°F</span><span
ng-if="component.configuration.unit != 'Fahrenheit'">°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">Temperature</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.luminance | number:1}}</span><span
class="smallFont lightPrimaryColor">Lux</span></td>
</tr>
<tr>
<td style="width: 30%; text-align: center;"></td>
<td style="width: 30%; text-align: center;"><span class="smallFont lightPrimaryColor">Luminecance</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.relativeHumidity | number:1}}</span><span
class="smallFont lightPrimaryColor">%</span></td>
</tr>
<tr>
<td style="width: 30%; text-align: center;"></td>
<td style="width: 30%; text-align: center;"><span
class="smallFont lightPrimaryColor">Relative Humidity</span></td>
</tr>
</table>
</div>