blackmagic-atem-nodered/network.html

Provides control of a BlackMagic ATEM

<script type="text/x-red" data-template-name="atem-network">
    <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-ipAddress"><i class="icon-bookmark"></i>IP Address</label>
        <input type="text" id="node-config-input-ipAddress">
    </div>
</script>

<script type="text/javascript">
    RED.nodes.registerType('atem-network', {
        category: 'config',
        defaults: {
            name: {value: ""},
            ipAddress: {required: true, validate: RED.validators.regex(/^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/)},
        },
        label: function() {
            return (this.name || 'ATEM Network' );
        }
    });
</script>