onoffsocket.html

<script type="text/javascript">
    RED.nodes.registerType('matteronoffsocket',{
        category: 'Matter',
        color: '#6699ff',
        icon: "font-awesome/fa-plug",
        inputs:1,
        outputs:1,
        defaults: {
            name: {value:""},
            bridge: { value: "", type: "matterbridge", required: true },
            passthrough: {value: true},
            bat: {value : false},
            topic : {}
        },
        label: function() {
            return this.name||"On-Off Socket";
        },
        paletteLabel: "On-Off Socket"

    });
</script>

<script type="text/x-red" data-template-name="matteronoffsocket">
    <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-config-input-bridge">Bridge</label>
        <input type="text" id="node-input-bridge" style="width:70%;">
    </div>
    <div class="form-row">
        <label for="node-input-passthrough">Passthrough Input msg to Output</label>
        <select type="text" id="node-input-passthrough" style="width:50%;" >
            <option value=true>True</option>
            <option value=false>False</option>
        </select>
    </div>
    <div class="form-row">
        <label for="node-input-bat">Battery</label>
        <select type="text" id="node-input-bat" style="width:50%;" >
            <option value=false>None</option>
            <option value="recharge">Rechargeable</option>
            <option value="replace">Replaceable</option>
        </select>
    </div>
     <div class="form-row">
        <label for="node-input-topic">Topic</label>
        <input type="text" id="node-input-topic" placeholder="Topic for new msgs">
    </div>
</script>

<script type="text/x-red" data-help-name="matteronoffsocket">
    <p>A Bridged on/off Socket</p>

    <h3>Inputs</h3>
        <dl class="message-properties">
             <dt>
                 payload.state         
                 <span class="property-type">
                     string | bool | number
                 </span>
             </dt>
             <dd> 
                 Control the state of the socket, accepts either true/fase, "on/off" or "0/1",<br>
                 You can also toggle the state by setting the value to "toggle"
             </dd>
            
        </dl>
    
     <h3>Outputs</h3>
     <dl class="message-properties">
         <dt>
             payload.state         
             <span class="property-type">
                 bool 
             </span>
         </dt>
         <dd> 
             State of the socket, on is true, off is false
         </dd>
        
    </dl>
    
    <h3>Details</h3>
    Passthrough will control the behaviour of the node in regards to an input, 
    if set to True then the inout msg wil be output with the new state in the payload.
    If set to False then the output will be suppressed.
    Where the devices state is updated by an external matter controller a new msg object will always be output.
</script>