thing-it-device-blueid/web/blueIdDoor.html

[thing-it-node] Device Plugin for BlueID products.

<style>
    .tiDoor input.tiToggleRoundFlat + label {
        background-color: red;
    }

    .tiDoor input.tiToggleRoundFlat + label:after {
        background-color: red;
    }

    .tiDoor input.tiToggleRoundFlat:checked + label {
        background-color: lawngreen;
    }

    .tiDoor input.tiToggleRoundFlat:checked + label:after {
        background-color: lawngreen;
    }
</style>
<div class="tiDoor" style="width: 100%;" class="flexLayout flexJustifyCenter"
     ng-click="panel.plugins['blueId'].unlockDoor(component.configuration.doorId);unlock=!unlock" ng-init="unlock=false">
    <div style="width: 100%;" class="flexLayout flexDirectionColumn flexAlignCenter">
        <div ng-if="!unlock"
             class="marginBottom1 flexLayout flexAlignCenter flexJustifyCenter growAnimation"
             style="border-radius: 50%; background-color: red; width: 6em; height: 6em;">
            <i class="icon sl-lock-2 semiBold fontSize4" style="color: white;"></i>
        </div>
        <div ng-if="unlock"
             class="marginBottom1 flexLayout flexAlignCenter flexJustifyCenter growAnimation"
             style="border-radius: 50%; background-color: lawngreen; width: 6em; height: 6em;">
            <i class="icon sl-lock-unlock-2 semiBold fontSize4" style="color: white;"></i>
        </div>
    </div>
</div>
<!--
<script type="text/javascript">
    $scope.do =
        function() {
            $scope.a = true;
            $timeout(function() {
                $scope.a = false;
            }, 5000);
        };
</script>
-->