thing-it-device-kisi
Version:
[thing-it-node] Device Plugin for Kisi products.
52 lines • 2.98 kB
HTML
<div style="display: block;">
<div class="ellipsisTextOverflow" style="text-align: left; display: table-row;vertical-align: top; width: 100%;">
<table style="width: 100%;">
<tr style="vertical-align: middle;">
<td style="width: 50%; text-align: left;">
<div style="display: table-cell; vertical-align: top; width: 50%">Sign In</div>
</td>
<td style="width: 50%; text-align: left;">
<div style="display: table-cell; vertical-align: top; width: 50%">
<ti-switch ti-model="component._state.switch" ti-change="panel.callDeviceService(component, 'toggleSignin')"></ti-switch>
</div>
</td>
</tr>
<tr style="vertical-align: middle;">
<td style="width: 50%; text-align: left;">
<div style="display: table-cell; vertical-align: top; width: 50%">List Places</div>
</td>
<td style="width: 50%; text-align: left;">
<div style="display: table-cell; vertical-align: top; width: 50%">
<ti-switch ti-model="component._state.level" ti-change="panel.callDeviceService(component, 'listPlaces')"></ti-switch>
</div>
</td>
</tr>
<tr style="vertical-align: middle;">
<td style="width: 50%; text-align: left;">
<div style="display: table-cell; vertical-align: top; width: 50%">Get Place</div>
</td>
<td style="width: 50%; text-align: left;">
<div style="display: table-cell; vertical-align: top; width: 50%">
<select ng-model="component._state.place"
ng-change="panel.callDeviceService(component, 'getPlace', {place: component._state.place} )"
ng-options="place.id as place.name for place in component._state.availablePlaces">
</select>
</div>
</td>
</tr>
<tr style="vertical-align: middle;">
<td style="width: 50%; text-align: left;">
<div style="display: table-cell; vertical-align: top; width: 50%">Unlock Door</div>
</td>
<td style="width: 50%; text-align: left;">
<div style="display: table-cell; vertical-align: top; width: 50%">
<select ng-model="component._state.unlock"
ng-change="panel.callDeviceService(component, 'unlockDoor', {place: component._state.unlock} )"
ng-options="unlock.id as unlock.name for unlock in component._state.availablePlaces">
</select>
</div>
</td>
</tr>
</table>
</div>
</div>