@background404/node-red-contrib-mcu-m5units/node/joystick/joystick.html

Node-RED nodes to use M5Stack Units with Node-RED MCU

<script type="text/javascript" data-help-style="node-red-node-description">
    RED.nodes.registerType('mcu_joystick', {
        category: 'M5Stack Units',
        color: '#a6bbcf',
        defaults: {
            name: {value: ""},
            sdaPin: {value: 21, required: true},
            sclPin: {value: 22, required: true},
            moddable_manifest: {
                value: {
                    include: [
                        {
                            "git": "https://github.com/404background/node-red-contrib-mcu-m5units.git"
                        }
                    ]
                }
            }
        },
        inputs: 1,
        outputs: 3,
        outputLabels: ["X Axis", "Y Axis", "Button"],
        icon: "font-awesome/fa-gamepad",
        label: function() {
            return this.name || "Joystick";
        },
        labelStyle: function() {
            return this.name ? "node_label_italic" : "";
        },
        paletteLabel: function() {
            return this._("mcu_joystick.palette-label");
        }
    });
</script>

<script type="text/html" data-template-name="mcu_joystick">
    <div class="form-row">
        <label for="node-input-name"><i class="fa fa-tag"></i> <span data-i18n="mcu_joystick.name"></span></label>
        <input type="text" id="node-input-name" data-i18n="[placeholder]mcu_joystick.name-placeholder">
    </div>
      <div class="form-row">
        <label for="node-input-sdaPin"><i class="fa fa-microchip"></i> <span data-i18n="mcu_joystick.sda-pin"></span></label>
        <input type="number" id="node-input-sdaPin">
    </div>
    
    <div class="form-row">
        <label for="node-input-sclPin"><i class="fa fa-microchip"></i> <span data-i18n="mcu_joystick.scl-pin"></span></label>
        <input type="number" id="node-input-sclPin">
    </div>
</script>