
class ErrorPresupuestoView {
    constructor(domItem) {
        this.item = domItem
        this.datatableItem = this.item.find("#tableErrorPresupuesto")
        this.datatableColumns = [
            { data: 'presupuestoId',  searchable: true, sortable: false },
            { data: 'presupuestoUser',searchable: true, sortable: false },
            { data: 'lastUser', searchable: true, sortable: false },
            { data: 'visto', searchable: false, sortable: false ,
                render : (d,t) => {
                    const iconClass = d == "1" ? "ti ti-sm ti-check" : "ti ti-sm ti-x"
                    return `<span class="${iconClass}"</span>`
                }
             },
            { data: 'created_at', searchable: false, sortable: true },
            {
                data: 'action', sortable: false, searchable: false,
                render: (d, t) => {
                    return `
                    <div class="btn-group btn-group-sm">
                        <a href="/configuracion/errores-presupuesto/edit/${d}" data-id="${d}" class="edit-error-presupuesto"><i class="ti ti-eye ti-sm mx-2"></i></a>
                    </div>
                    `
                }
            },
        ]
    }
    init() {
        this.datatable = this.datatableItem.DataTable({
            processing: true,
            layout :{
                topStart: 'pageLength',
                topEnd: 'search',
                bottomStart: 'info',
                bottomEnd: 'paging'
            },
            serverSide: true,
            pageLength : 50,
            language: {
                url: "/themes/vuexy/vendor/libs/datatables-sk/plugins/i18n/es-ES.json"
            },
            columns: this.datatableColumns,
            ajax: '/configuracion/errores-presupuesto/datatable'
        });

    }

}

export default ErrorPresupuestoView;