@energyweb/node-red-contrib-green-proof-worker/nodes/kafka-config/kafka-config.html

## Peer dependencies

<script type="text/javascript">
  RED.nodes.registerType('kafka-config',{
      category: 'config',
      defaults: {
          name: { value: '' },
          clientId: { value: '' },
          brokers: { value: '' }
          
      },
      paletteLabel: 'Source (Kafka)',
      label: function() {
        return this.name || 'Source (Kafka)';
      }
  });
</script>

<script type="text/html" data-template-name="kafka-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-clientId"><i class="fa fa-tag"></i> Client ID (ENV default)</label>
    <input  id="node-config-input-clientId" type="text" >
  </div>
  <div class="form-row">
    <label for="node-config-input-brokers"><i class="fa fa-tag"></i> Brokers (ENV default)</label>
    <input  id="node-config-input-brokers" type="text" placeholder="example1.com:9092,example2.com:9092,..." >
  </div>
</script>

<script type="text/html" data-help-name="kafka-config">
  <p>Source config for Kafka</p>
</script><style>.ggp-label-style {
  /** Text color */
  /* fill: #fff; */
}

.red-ui-flow-node-icon-group:has(~ .ggp-label-style) {
  image {
    width: 15px;
    height: 15px;
    x: 9px;
    y: 7.5px;
  }
}

.red-ui-flow-node:has(~ .ggp-label-style) {
  stroke-width: 0;
}</style>