plejd.html

<script type="text/javascript">
    RED.nodes.registerType('plejd',{
        category: 'config',
        color: '#48c5d6',
        defaults: {
            name: {value:""},
            cryptoKey: {value:"", required:true}
        }
    });
</script>

<script type="text/x-red" data-template-name="plejd">
    <div class="form-row">
        <label for="node-config-input-name"><i class="icon-tag"></i> Name</label>
        <input type="text" id="node-config-input-name" placeholder="Name">
    </div>
    <div class="form-row">
        <label for="node-config-input-cryptoKey"><i class="icon-bookmark"></i> Crypto key</label>
        <input type="text" id="node-config-input-cryptoKey">
    </div>
</script>




<script type="text/javascript">
    RED.nodes.registerType('plejd out',{
        category: 'plejd',
        color: '#48c5d6',
        defaults: {
            name: {value:""},
            plejd: {type:"plejd", required:true}
        },
        inputs:1,
        outputs:0,
        icon: "bridge.png",
        label: function() {
            return this.name||"Plejd out";
        }
    });
</script>

<script type="text/x-red" data-template-name="plejd out">
    <div class="form-row">
        <label for="node-input-plejd"><i class="icon-bookmark"></i> Plejd connection</label>
        <input type="text" id="node-input-plejd">
    </div>
    <div class="form-row">
        <label for="node-input-name"><i class="icon-tag"></i> Name</label>
        <input type="text" id="node-input-name" placeholder="Name">
    </div>
</script>

<script type="text/x-red" data-help-name="plejd out">
    <p>Toggle state of a Plejd device.</p>
</script>


<script type="text/javascript">
    RED.nodes.registerType('plejd in',{
        category: 'plejd',
        color: '#48c5d6',
        defaults: {
            name: {value:""},
            plejd: {type:"plejd", required:true}
        },
        inputs:0,
        outputs:1,
        icon: "bridge.png",
        label: function() {
            return this.name||"Plejd in";
        }
    });
</script>

<script type="text/x-red" data-template-name="plejd in">
    <div class="form-row">
        <label for="node-input-plejd"><i class="icon-bookmark"></i> Plejd connection</label>
        <input type="text" id="node-input-plejd">
    </div>
    <div class="form-row">
        <label for="node-input-name"><i class="icon-tag"></i> Name</label>
        <input type="text" id="node-input-name" placeholder="Name">
    </div>
</script>

<script type="text/x-red" data-help-name="plejd in">
    <p>Get state changes of Plejd devices.</p>
</script>