smart-nodes/forwarder/forwarder.html

Controls light, shutters and more. Includes common used logic and statistic nodes to control your home.

<script type="text/javascript">
    RED.nodes.registerType("smart_forwarder", {
        category: "Smart Nodes",
        paletteLabel: "Forwarder",
        color: "#E2D96E",
        defaults: {
            name: { value: "" },
            enabled: { value: true },
            always_forward_true: { value: false },
            always_forward_false: { value: false },
            forward_last_on_enable: { value: false },
            save_state: { value: false },
            resend_on_start: { value: false }
        },
        inputs: 1,
        outputs: 1,
        icon: "font-awesome/fa-forward",
        label: function ()
        {
            return this.name || "Forwarder";
        },
        oneditprepare: function ()
        {
            let node = this;

            $("#node-input-save_state").on("change", ev =>
            {
                if (ev.target.checked)
                    $("#resend_on_start_row").show();
                else
                    $("#resend_on_start_row").hide();
            });
            $("#node-input-save_state").trigger("change");
        },
    });
</script>

<script type="text/html" data-template-name="smart_forwarder">
    <div class="form-row">
        <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="forwarder.ui.name"></span></label>
        <input type="text" id="node-input-name" data-i18n="[placeholder]forwarder.ui.name" />
    </div>
    <div class="form-row">
        <input type="checkbox" id="node-input-enabled" style="width: 20px;" />
        <label for="node-input-enabled" style="width: 200px;"> <span data-i18n="forwarder.ui.enabled"></span>
    </div>
    <div class="form-row">
        <input type="checkbox" id="node-input-forward_last_on_enable" style="width: 20px;" />
        <label for="node-input-forward_last_on_enable" style="width: calc(100% - 30px);" data-i18n="[html]forwarder.ui.forward_last_on_enable"></label>
    </div>
    <div class="form-row">
        <input type="checkbox" id="node-input-always_forward_true" style="width: 20px;" />
        <label for="node-input-always_forward_true" style="width: calc(100% - 30px);" data-i18n="[html]forwarder.ui.always_forward_true"></label>
    </div>
    <div class="form-row">
        <input type="checkbox" id="node-input-always_forward_false" style="width: 20px;" />
        <label for="node-input-always_forward_false" style="width: calc(100% - 30px);" data-i18n="[html]forwarder.ui.always_forward_false"></label>
    </div>
    <hr/>
    <h4 style="margin: 0.5rem 0;" data-i18n="forwarder.ui.system_start"></h4>
    <div class="form-row">
        <input type="checkbox" id="node-input-save_state" style="width: 20px;" />
        <label for="node-input-save_state" style="width: calc(100% - 30px);" data-i18n="forwarder.ui.save_state"></label>
    </div>
    <div class="form-row" id="resend_on_start_row">
        <input type="checkbox" id="node-input-resend_on_start" style="width: 20px;" />
        <label for="node-input-resend_on_start" style="width: calc(100% - 30px);" data-i18n="forwarder.ui.send_after_start"></label>
    </div>
</script>