wnsm-b2b-credentials.html

<script type="text/javascript">
  RED.nodes.registerType('wnsm-b2b-credentials', {
    category: 'config',
    defaults: {
      name: { required: true }
    },
    credentials: {
      username: { type: 'text', required: true },
      password: { type: 'password', required: true }
    },
    oneditprepare: function() {
      $('#node-config-input-username').change(function(e) {
        if (e.originalEvent) {
          $('#node-config-input-name').val($('#node-config-input-username').val())
        }
      })
    },
    label: function() {
      return this.name
    }
  })
</script>

<script type="text/html" data-template-name="wnsm-b2b-credentials">
  <div class="form-row">
    <label for="node-config-input-username"><i class="fa fa-user"></i> Username</label>
    <input type="text" id="node-config-input-username" placeholder="log.wien username (email address)">
  </div>
  <div class="form-row">
    <label for="node-config-input-password"><i class="fa fa-key"></i> Password</label>
    <input type="password" id="node-config-input-password" placeholder="log.wien password">
  </div>
  <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="Symbolic name for credentials">
  </div>
</script>