credentials.html

<script type="text/javascript">
    RED.nodes.registerType('yaas-credentials',{
        category: 'config',
        defaults: {
            name : {value:""},
            client_id: {value:"",required:true},
            application_id: { value:"", required:true}
        },
        credentials: {
            client_secret: {type: "password", required:true}
        },
        label: function() {
            return this.name || this.application_id;
        }
    });
</script>

<script type="text/x-red" data-template-name="yaas-credentials">
    <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 of YaaS Credentials (optional)">
    </div>
    <div class="form-row">
        <label for="node-config-input-client_id"><i class="fa fa-tag"></i> Client ID</label>
        <input type="text" id="node-config-input-client_id" placeholder="Client Credentials of Client ID">
    </div>
    <div class="form-row">
        <label for="node-config-input-client_secret"><i class="fa fa-lock"></i> Client Secret</label>
        <input type="password" id="node-config-input-client_secret" placeholder="Client Credentials of Client Secret">
    </div>    
    <div class="form-row">
        <label for="node-config-input-application_id"><i class="fa fa-user"></i> Application ID</label>
        <input type="text" id="node-config-input-application_id" placeholder="Identifier">
    </div>
</script>

<script type="text/javascript">
    RED.nodes.registerType('yaas-customer-credentials',{
        category: 'config',
        defaults: {
            name : {value:""},
            email: {value:"",required:true}
        },
        credentials: {
            password: {type: "password", required:true}
        },
        label: function() {
            return this.name || this.email;
        }
    });
</script>

<script type="text/x-red" data-template-name="yaas-customer-credentials">
    <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 of Customer Credentials (optional)">
    </div>
    <div class="form-row">
        <label for="node-config-input-email"><i class="fa fa-envelope"></i> E-Mail</label>
        <input type="text" id="node-config-input-email" placeholder="Customer E-Mail Address">
    </div>
    <div class="form-row">
        <label for="node-config-input-password"><i class="fa fa-lock"></i> Password</label>
        <input type="password" id="node-config-input-password" placeholder="Customer Password">
    </div> 
</script>