input.js

class Input {
    constructor(params) {
        this.id = params.id ? params.id : 'input-' + Math.floor(Math.random() * 101);
        this.holder = params.holder ? params.holder : '';
        this.title = params.title ? params.title : '';
        this.type = params.type ? params.type : undefined;
        this.placeholder = params.placeholder ? params.placeholder : '';
        this.hint = params.hint ? params.hint : '';
        this.disable = params.disable ? 'readonly' : '';
        this.col = params.col ? params.col : undefined;


        if (this.holder) {
            $('#' + this.holder).html(this.render());
        }
    }

    render() {
        let col = '';
        if (this.col) {
            col = `col-md-${this.col}`;
        }
        if(this.type === 'hidden'){
            return `<input type="${this.type}" class="form-control" id="${this.id}" name="${this.id}" aria-describedby="${this.id}Help" placeholder="${this.placeholder}" ${this.disable}>`;
        }
        return `<div class="form-group ${col}">
                    <label for="${this.id}">${this.title}</label>
                    <input type="${this.type}" class="form-control" id="${this.id}" name="${this.id}" aria-describedby="${this.id}Help" placeholder="${this.placeholder}" ${this.disable}>
                    <small id="${this.id}Help" class="form-text text-muted">${this.hint}</small>
                </div>`;

    }

}