node-red-contrib-dashbored/nodes/dashboredNode.html

A customizable dashboard for NodeRed

<script type="text/x-red" data-template-name="dashbored-node">
    <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-dashbored"><i class="icon-bookmark"></i> Dashbored</label>
        <input type="text" id="node-input-dashbored">
    </div>
</script>

<script type="text/javascript">
    RED.nodes.registerType("dashbored-node", {
        category: "Dashbored",
        color: "#F5F5DC",
        defaults: {
            name: {value: ""},
            dashbored: {value: "", required: true, type: "dashbored-dashbored"},
        },
        inputs: 1,
        outputs: 1,
        align: "right",
        paletteLabel: "Dashbored",
        icon: "debug.svg",
        label: function() {
            return (this.name || "Dashbored" );
        }
    });
</script>