BetterFrame/nodered/src/bf-fan.html

<script type="text/javascript">
  RED.nodes.registerType("bf-fan", {
    category: "BetterFrame",
    color: "#a6d4ff",
    defaults: {
      name: { value: "" },
      config: { value: "", type: "bf-config", required: true },
      kiosk_id: { value: "" },
      mode: { value: "auto" },
      pwm: { value: 128 },
    },
    inputs: 1,
    outputs: 1,
    icon: "betterframe.svg",
    label: function () {
      return this.name || "bf fan";
    },
    paletteLabel: "bf fan",
  });
</script>

<script type="text/html" data-template-name="bf-fan">
  <div class="form-row">
    <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
    <input type="text" id="node-input-name" />
  </div>
  <div class="form-row">
    <label for="node-input-config"><i class="fa fa-cog"></i> BF</label>
    <input type="text" id="node-input-config" />
  </div>
  <div class="form-row">
    <label for="node-input-kiosk_id"><i class="fa fa-tv"></i> Kiosk ID</label>
    <input type="number" id="node-input-kiosk_id" />
  </div>
  <div class="form-row">
    <label for="node-input-mode"><i class="fa fa-thermometer-half"></i> Mode</label>
    <select id="node-input-mode">
      <option value="auto">auto</option>
      <option value="pwm">pwm</option>
    </select>
  </div>
  <div class="form-row">
    <label for="node-input-pwm"><i class="fa fa-sliders"></i> PWM</label>
    <input type="number" id="node-input-pwm" min="0" max="255" />
  </div>
  <div class="form-tips">
    <code>msg.mode</code>, <code>msg.pwm</code> override defaults.
  </div>
</script>