brewfather-config.html

<script type="text/javascript">
    RED.nodes.registerType("brewfather-config", {
      category: "config",
      defaults: {
        name: { value: "Credentials 1" },
      },
      credentials: {
        userid: { type: "text" },
        apikey: { type: "password" },
      },
      label: function () {
        return this.name;
      },
    });
  </script>
  
  <script type="text/html" data-template-name="brewfather-config">
    <div class="form-row">
        <label for="node-config-input-name"><i class="fa fa-tag"></i> Name</label>
        <input type="text" id="node-config-input-name" placeholder="Name" />
      </div>
      <div class="form-row">
        <label for="node-config-input-userid"><i class="fa fa-user"></i> User ID</label>
        <input type="text" id="node-config-input-userid" />
      </div>
      <div class="form-row">
        <label for="node-config-input-apikey"><i class="fa fa-lock"></i> API-Key</label>
        <input type="password" id="node-config-input-apikey" />
      </div>
  </script>