node-red-contrib-johnny-five/nodes/j5-led.html

A set of node-red nodes for using johnny-five and IO plugins

<script type="text/javascript">
    RED.nodes.registerType('j5-led', {
        category: 'johnny-five',
        defaults: {
            name: {value: ''},
            mode: {value: 'AlphaNum4', required: true},
            address: {value: '', required: true},
            outputs: {value: 0},
            board: {type: 'j5-platform', required: true}
        },
        color: '#E2D96E',
        inputs: 1,
        outputs: 0,
        icon: 'j5-logo.png',
        align: 'right',
        paletteLabel: 'led',
        label() {
            return this.name || 'led ' + (this.address || '');
        }
    });
</script>

<script type="text/x-red" data-template-name="j5-led">
    <div class="form-row">
        <label for="node-input-board"><i class="fa fa-tasks"></i> Board</label>
        <input type="text" id="node-input-board">
    </div>
    <div class="form-row">
        <label for="node-input-mode"><i class="fa fa-wrench"></i> Type</label>
        <select type="text" id="node-input-mode" style="width: 200px;">
            <option value="AlphaNum4">AlphaNum4</option>
            <option value="SevenSegment">SevenSegment</option>
            <option value="Matrix8x16">Matrix8x16</option>
            <option value="Matrix8x8">Matrix8x8</option>
        </select>
    </div>
    <div class="form-row" id="node-div-addressRow">
        <label for="node-input-address"><i class="fa fa-circle"></i> I2C Address</label>
        <input type="text" id="node-input-address" placeholder="112">
    </div>
    <div class="form-row">
        <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
        <input type="text" id="node-input-name" placeholder="Name">
    </div>
</script>

<script type="text/x-red" data-help-name="j5-led">
  <p>Node-led output node using the excellent <a href="https://github.com/louiemontes/node-led" target="_blank">louiemontes/node-led</a> library for <a href="https://learn.adafruit.com/adafruit-led-backpack/overview" target="_blank">Adafruit LED Backpacks</a>. </p>
</script>