node-red-contrib-deconz/nodes/event.html

deCONZ connectivity nodes for node-red

<script type="text/html" data-template-name="deconz-event">
    <link rel="stylesheet" href="resources/node-red-contrib-deconz/css/common.css" type="text/css"/>
    <div class="deconz-editor">
        <!-- --- Tip Box --- -->
        <div class="form-row" id="node-input-tip-box"></div>
        <!--#region --- Main settings --- -->
        <!-- --- Name --- -->
        <div class="form-row">
            <label for="node-input-name" class="l-width">
                <i class="fa fa-tag"></i>
                <span data-i18n="node-red:common.label.name"></span>
            </label>
            <input type="text" id="node-input-name" data-i18n="[placeholder]node-red:common.label.name">
        </div>

        <!-- --- Server --- -->
        <div class="form-row">
            <label for="node-input-server" class="l-width">
                <i class="fa fa-globe"></i>
                <span data-i18n="node-red-contrib-deconz/server:editor.inputs.server.label"></span>
            </label>
            <input type="text" id="node-input-server">
        </div>
        <!--#endregion -->
    </div>
</script>

<script type='text/javascript'>
    RED.nodes.registerType('deconz-event', {
        category: 'deCONZ',
        color: '#f7aa3f',
        defaults: {
            name: {
                value: ""
            },
            server: {
                type: "deconz-server",
                required: true
            }
        },
        inputs: 0,
        outputs: 1,
        outputLabels: ["event"],
        paletteLabel: 'event',
        icon: "deconz.png",
        label: function () {
            let label = 'deconz-event';
            if (this.name) {
                label = this.name;
            }

            return label;
        }
    });
</script>