ola.html

<script type="text/javascript">
    RED.nodes.registerType('ola',{
        category: 'output',
        color: '#a6bbcf',
        defaults: {
            name: {value: ""},
            host: {value: "127.0.0.1"},
            port: {value: 9090},
            universe: {value: 1},
            size: {value: 512}
        },
        inputs: 1,
        outputs: 0,
        align: "right",
        icon: "light.png",
        label: function() {
            return this.name || "ola";
        }
    });
</script>

<script type="text/x-red" data-template-name="ola">
    <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-host"><i class="icon-tag"></i> Host</label>
        <input type="text" id="node-input-host" placeholder="127.0.0.1">
    </div>

    <div class="form-row">
        <label for="node-input-port"><i class="icon-tag"></i> Port</label>
        <input type="text" id="node-input-port" placeholder="9090">
    </div>

    <div class="form-row">
        <label for="node-input-universe"><i class="icon-tag"></i> Universe</label>
        <input type="text" id="node-input-universe" placeholder="1">
    </div>

    <div class="form-row">
        <label for="node-input-size"><i class="icon-tag"></i> Size</label>
        <input type="text" id="node-input-size" placeholder="512">
    </div>
</script>

<script type="text/x-red" data-help-name="ola">
    <p>This node interfaces with OpenLighting to control DMX devices</p>
</script>