class Params
{
    constructor() {
        this.params = [];
    }

    addParam(param)
    {
        param.execute();
        this.params.push(param);
        this.fill();
    }

    getLength()
    {
        return this.params.length;
    }

    fill()
    {
        var html = '<p>No se encontraron parámetros.</p>';
        if(this.params.length > 0) {
            html = '<div class="row"><div class="col-lg-4"><b>Key</b></div><div class="col-lg-7"><b>Valor</b></div><div class="col-lg-1"><b>Borrar</b></div></div>';
            $.each(this.params, function (key, value) {
                html += '<div class="row"><div class="col-lg-4">' + value.key + '</div><div class="col-lg-7">' + value.param + '</div><div class="col-lg-1"><button type="button" class="btn btn-link delete-button" title="Quitar elemento" onclick="removeItem(\'' + value.key + '\')"><i class="fal fa-trash text-danger"></i></button></div></div>';
            });
        }
        $('#list_params').html(html);
    }
}