toggle.html

<script type="text/javascript">
    RED.nodes.registerType('toggle',{
        category: 'function',
        color: '#E2D96E',
        defaults: {
            name: {value:""},
            onOffTopic: {value:""},
            onValue: {value:"", validate: RED.validators.typedInput("onType")},
            onType: {value:"str"},
            offValue: {value:"", validate: RED.validators.typedInput("offType")},
            offType: {value:"str"},
            offValue: {value:"", validate: RED.validators.typedInput("offType")},
            offType: {value:"str"},
            toggleTopic: {value:""},
            toggleValue: {value:"", validate: RED.validators.typedInput("toggleType")},
            toggleType: {value:"str"},
            passOnOff: {value: ""},
        },
        inputs:1,
        outputs:1,
        icon: "font-awesome/fa-toggle-on",
        label: function() {
            return this.name || "Toggle";
        },
        oneditprepare: function() {
            $('#node-input-onValue').typedInput({
                default: 'str',
                typeField: $("#node-input-onType"),
                types: ['str', 'num', 'bool']
            });
            $('#node-input-offValue').typedInput({
                default: 'str',
                typeField: $("#node-input-offType"),
                types: ['str', 'num', 'bool']
            });
            $('#node-input-toggleValue').typedInput({
                default: 'str',
                typeField: $("#node-input-toggleType"),
                types: [{value: "any", label: "Any except ON/OFF", hasValue: false}, 'str', 'num', 'bool']
            });
        }
    });
</script>

<script type="text/html" data-template-name="toggle">
    <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>
    <div class="form-row">
        <label for="node-input-onOffTopic"><i class="icon-tag"></i>On/Off topic</label>
        <input type="text" id="node-input-onOffTopic" placeholder="&lt;any&gt;">
    </div>
    <div class="form-row">
        <label for="node-input-onValue">ON value</label>
        <input type="text" id="node-input-onValue" style="width:70%">
        <input type="hidden" id="node-input-onType">
    </div>
    <div class="form-row">
        <label for="node-input-offValue">OFF value</label>
        <input type="text" id="node-input-offValue" style="width:70%">
        <input type="hidden" id="node-input-offType">
    </div>
    <div class="form-row">
        <label for="node-input-toggleTopic"><i class="icon-tag"></i>Toggle topic</label>
        <input type="text" id="node-input-toggleTopic" placeholder="&lt;any&gt;">
    </div>
    <div class="form-row">
        <label for="node-input-toggleValue">Toggle value</label>
        <input type="text" id="node-input-toggleValue" style="width:70%">
        <input type="hidden" id="node-input-toggleType">
    </div>
    <div class="form-row">
        <label for="node-input-passOnOff">Pass through ON/OFF messages</label>
        <select id="node-input-passOnOff">
            <option value="">No</option>
            <option value="ifChanged">If changed</option>
            <option value="always">Always</option>
        </select>
    </div>
</script>

<script type="text/html" data-help-name="toggle">
    <p>Toggle switch node for Node-red</p>

    <p>This node could be a companion for any switch (physical or virtual), storing its state and providing "toggle" operation
    without need of using function nodes or flow/global variables</p>

    <h3>Input</h3>
    <dl class="message-properties">
        <dt class="message-properties">payload
            <span class="property-type">string</span>
        </dt>
        <dd> initiates execution </dd>

        <dt class="message-properties">topic
            <span class="property-type">string</span>
        </dt>
        <dd> <code>msg.topic</code> can be used for control. </dd>
    </dl>


    <h3>Outputs</h3>
     <dl class="message-properties">
         <dt>payload <span class="property-type">string</span></dt>
         <dd>The standard output of the node. <code>msg.payload</code> contains the input <code>msg.payload</code> value which was used.</dd>
     </dl>

    <p>Pass-through</p>
    <p>Node has three pass-through modes:</p>
    <ul>
        <li>"No" - means that node sends a message only when state is toggled. ON/OFF input messages just update internal state of the node.</li>
        <li>"If changed" - sends a message for ON/OFF input message only once it differs from the previous state. And obviously message is always sent for "toggle" message.</li>
        <li>"Always" - output message is always sent as a reaction on an input message</li>
    </ul>

    <h3>References</h3>
    <ul>
        <li><a href="https://github.com/eschava/node-red-contrib-toggle">GitHub</a> - the node github repository</li>
    </ul>
</script>