From 87dfb0ae6e6451d3b923d391d994accf87db0c10 Mon Sep 17 00:00:00 2001 From: Juan Pablo Vial Date: Tue, 24 Sep 2024 21:02:28 -0300 Subject: [PATCH] Listar movimientos y exportar TODO: editar --- .../routes/api/contabilidad/movimientos.php | 7 +- .../views/contabilidad/movimientos.blade.php | 981 ++++++------------ .../views/layout/body/scripts.blade.php | 10 +- .../API/Contabilidad/Movimientos.php | 14 +- 4 files changed, 342 insertions(+), 670 deletions(-) diff --git a/app/resources/routes/api/contabilidad/movimientos.php b/app/resources/routes/api/contabilidad/movimientos.php index 0e85222..2500465 100644 --- a/app/resources/routes/api/contabilidad/movimientos.php +++ b/app/resources/routes/api/contabilidad/movimientos.php @@ -2,10 +2,11 @@ use Incoviba\Controller\API\Contabilidad\Movimientos; $app->group('/movimientos', function($app) { - $app->post('/sociedad/mes', [Movimientos::class, 'sociedad']); - $app->post('/segment', [Movimientos::class, 'segment']); + $app->post('/sociedad/mes[/]', [Movimientos::class, 'sociedad']); + $app->post('/edit[/]', [Movimientos::class, 'edit']); + $app->post('/segment[/]', [Movimientos::class, 'segment']); $app->get('[/]', Movimientos::class); }); $app->group('/movimiento/{movimiento_id}', function($app) { - $app->post('/detalles', [Movimientos::class, 'detalles']); + $app->post('/detalles[/]', [Movimientos::class, 'detalles']); }); diff --git a/app/resources/views/contabilidad/movimientos.blade.php b/app/resources/views/contabilidad/movimientos.blade.php index 9ff85f1..5ef017a 100644 --- a/app/resources/views/contabilidad/movimientos.blade.php +++ b/app/resources/views/contabilidad/movimientos.blade.php @@ -62,8 +62,8 @@ Año Valor Valor - Centro de Costo Glosa + Centro de Costo Detalle Editar @@ -76,23 +76,19 @@

Editar Movimiento

-
-
-
-
-
-
-
-
-
-
-
+
-
+
+
+ + +
+
+ + +
+
+
@@ -117,36 +123,13 @@
-
- - -
-
- -
- -
+
+
+ +
+
- - - - - - - - - - - - - - -
CargoAbonoCentro CostoRUTNombreCategoríaDetalle - -
@@ -203,18 +186,26 @@ movimiento: clickEvent => { const id = $(clickEvent.currentTarget).data('id') const index = $(clickEvent.currentTarget).data('index') - const type = $(clickEvent.currentTarget).data('type') const movimiento = this.props.movimientosHandler.find().id(id) - clickEvent.data.handler.props.modalHandler.show({movimiento, type}) + clickEvent.data.handler.props.modalHandler.show({movimiento, index}) + }, + modal: submitEvent => { + submitEvent.preventDefault() + const form = submitEvent.currentTarget + const data = new FormData(form) + app.handlers.movimientos.edit().movimiento(data).then(() => { + app.handlers.table.draw().table(app.handlers.results.props.parsed) + }) + return false } } } } class LoadingHandler { props - constructor({ids}) { + constructor(ids) { this.props = { - ids + ...ids } } show() { @@ -230,8 +221,6 @@ this.props = { ids, } - } - setup() { $(this.props.ids.sociedades).dropdown() const cdo = structuredClone(calendar_date_options) @@ -242,12 +231,13 @@ $(this.props.ids.form).on('submit', { sociedades_id: this.props.ids.sociedades, mes_id: this.props.ids.mes, - handler: app.handlers.event - }, app.handlers.event.get().movimientos) + handler: app.handlers.events + }, app.handlers.events.get().movimientos) } } class MovimientosTable { props + columns constructor({ids, eventHandler}) { this.props = { ids, @@ -262,53 +252,75 @@ }), }, } - } - draw() { - return { - table: (movimientos) => { - this.props.table.clear().rows.add(this.draw().movimientos(movimientos)).draw() - $(this.props.ids.buttons.edit).on('click', {handler: this.props.eventHandler}, this.props.eventHandler.edit().movimiento) - }, - movimientos: (movimientos) => { - const output = [] - movimientos.forEach(movimiento => { - this.draw().movimiento({movimiento, output}) - }) - return output - }, - movimiento: ({movimiento, output}) => { - const valor = movimiento.abono - movimiento.cargo - const fecha = movimiento.fecha - output.push([ - movimiento.cuenta.inmobiliaria.sigla,//0 - movimiento.cuenta.banco.nombre,//1 - movimiento.cuenta.cuenta,//2 - this.props.formatters.date.format(fecha),//3 - [fecha.getFullYear(), fecha.getMonth() + 1, fecha.getDate()].join('-'),//4 - fecha.getMonth() + 1,//5 - fecha.getFullYear(),//6 - this.props.formatters.number.format(valor),//7 - valor,//8 - (movimiento.detalles) ? movimiento.detalles.centro_costo.id : '',//9 - movimiento.glosa,//10 - (movimiento.detalles) ? movimiento.detalles.detalle : '',//11 - '',//12 - ]) + + this.columns = [ + {title: 'Sigla', defs: {width: 'short', type: 'string'}, searchable: true, export: true}, //0 + {title: 'Banco', defs: {width: 'long', type: 'string'}, searchable: true, export: true}, + {title: 'Cuenta', defs: {width: 'short', type: 'string'}, searchable: true, export: true}, + {title: 'Fecha', defs: {width: 'long', type: 'string'}, searchable: true, export: true}, + {title: 'ISO Fecha', defs: {visible: false}}, + {title: 'Mes', defs: {width: 'short', type: 'string'}, searchable: true}, //5 + {title: 'Año', defs: {width: 'long', type: 'string'}, searchable: true}, + {title: 'Valor', defs: {className: 'dt-right', width: 'long', type: 'num'}, export: true}, + {title: 'ISO Valor', defs: {visible: false, type: 'num'}}, + {title: 'Glosa', defs: {width: 'short', type: 'string'}, export: true}, + {title: 'Centro de Costo', defs: {width: 'short', type: 'string'}, searchable: true, export: true}, //10 + {title: 'Categoria', defs: {width: 'short', type: 'string'}}, + {title: 'Detalle', defs: {width: 'long', type: 'string'}, export: true}, + {title: 'RUT', defs: {width: 'short', type: 'string'}, export: true}, + {title: 'Nombre', defs: {width: 'short', type: 'string'}, export: true}, + {title: 'Identificador', defs: {width: 'short', type: 'string'}, export: true}, //15 + {title: 'Editar', defs: {width: 'short', type: 'string'}}, + ] + const N = this.columns.filter(column => typeof column.defs.visible === 'undefined' || column.defs.visible).length + const nShort = this.columns.filter(column => column.defs.width === 'short').length + const nLong = this.columns.filter(column => column.defs.width === 'long').length + const short = `${(nShort / N).toFixed(2)}%` + const long = `${(nLong / N).toFixed(2)}%` + + this.columns = this.columns.map(column => { + if (typeof column.defs.width === 'undefined') { + return column } - } - } - setup() { + switch (column.defs.width) { + case 'short': + column.defs.width = short + break + case 'long': + column.defs.width = long + break + } + return column + }) + + const tr = $(this.props.ids.table).find('thead tr') + tr.empty() + this.columns.forEach(column => { + if (column.defs.className === 'dt-right') { + tr.append(`${column.title}`) + return + } + tr.append(`${column.title}`) + }) + let dtD = structuredClone(datatables_defaults) + const groupedColumns = Object.groupBy(this.columns, ({defs}) => Object.entries(defs).map((field, value) => `${field}: ${value}`).join(' - ')) + const columnDefs = Object.values(groupedColumns).map(group => { + return { + targets: group.map(({title}) => title).map(title => this.columns.map(column => column.title).indexOf(title)), + ...group[0].defs + } + }) + const searchBuilderColumns = this.columns.filter(column => column.searchable) + .map(column => column.title).map(title => this.columns.map(column => column.title).indexOf(title)) + const exportColumns = this.columns.filter(column => column.export) + .map(column => column.title).map(title => this.columns.map(column => column.title).indexOf(title)) + const order = ['Sigla', 'Banco', 'ISO Fecha'].map(title => { + return [this.columns.map(column => column.title).indexOf(title), 'asc'] + }) dtD = Object.assign(dtD, { - columnDefs: [ - {targets: [0, 5, 9, 12], width: '5%', type: 'string'}, - {targets: [1, 2, 3, 6, 10], width: '10%', type: 'string'}, - {targets: [11], width: '20%', type: 'string'}, - {targets: 4, visible: false}, - {targets: 7, className: 'dt-right', width: '10%'}, - {targets: 8, visible: false, type: 'num'} - ], - order: [[4, 'asc']], + columnDefs, + order, language: Object.assign(dtD.language, { searchBuilder: { add: 'Filtrar', @@ -334,7 +346,7 @@ layout: { top1: { searchBuilder: { - columns: [0, 1, 2, 4, 6, 7, 8] + columns: searchBuilderColumns, } }, top1End: { @@ -346,15 +358,30 @@ title: 'Movimientos Contables', download: 'open', exportOptions: { - columns: [0, 1, 2, 3, 5, 6, 8, 9, 10, 11], + columns: exportColumns, format: { body: (data, row, column, node) => { - if (column === 3) { + if (column === this.columns.map(({title}) => title).indexOf('Fecha')) { return data.split('-').reverse().join('-') } + if (column === this.columns.map(({title}) => title).indexOf('Valor')) { + return data.replace(/\./g, '') + } return data } } + }, + customize: xlsx => { + const sheet = xlsx.xl.worksheets['sheet1.xml'] + const columns = Object.values($('row[r="2"] t', sheet).map((idx, column) => column.textContent)) + const columnStylesMap = { + Valor: '63', + Fecha: '15' + } + Object.entries(columnStylesMap).forEach((column, style) => { + const columnIndex = String.fromCharCode('A'.charCodeAt(0) + columns.indexOf(column)) + $(`c[r^="${columnIndex}"]`, sheet).attr('s', style) + }) } } ] @@ -364,32 +391,117 @@ }) this.props.table = new DataTable(this.props.ids.table, dtD) } + draw() { + return { + table: (movimientos) => { + this.props.table.clear().rows.add(this.draw().movimientos(movimientos)).draw() + $(this.props.ids.buttons.edit).on('click', {handler: this.props.eventHandler}, this.props.eventHandler.edit().movimiento) + }, + movimientos: (movimientos) => { + const output = [] + movimientos.forEach(movimiento => { + this.draw().movimiento({movimiento, output}) + }) + return output + }, + movimiento: ({movimiento, output}) => { + const valor = movimiento.abono - movimiento.cargo + const fecha = movimiento.fecha + + const data = { + Sigla: movimiento.cuenta.inmobiliaria.sigla, + Banco: movimiento.cuenta.banco.nombre, + Cuenta: movimiento.cuenta.cuenta, + Fecha: this.props.formatters.date.format(fecha), + 'ISO Fecha': [fecha.getFullYear(), fecha.getMonth() + 1, fecha.getDate()].join('-'), + Mes: fecha.getMonth() + 1, + 'Año': fecha.getFullYear(), + Valor: this.props.formatters.number.format(valor), + 'ISO Valor': valor, + Glosa: movimiento.glosa, + 'Centro de Costo': (movimiento.detalles) ? movimiento.detalles.centro_costo.id : '', + Categoria: (movimiento.detalles) ? movimiento.detalles.categoria : '', + Detalle: (movimiento.detalles) ? movimiento.detalles.detalle : '', + RUT: (movimiento.detalles && movimiento.detalles.digito) ? `${this.props.formatters.number.format(movimiento.detalles.rut)}-${movimiento.detalles.digito}` : '', + Nombre: (movimiento.detalles) ? movimiento.detalles.nombres : '', + Identificador: (movimiento.detalles) ? movimiento.detalles.identificador : '', + Editar: ``, + } + const values = [] + this.columns.forEach(column => { + values.push(data[column.title]) + }) + output.push(values) + } + } + } } class EditModal { props + info constructor({ids, editForm}) { this.props = { ids, editForm, movimientos: [] } + this.info = [ + { + className: 'sociedad', + width: 'three wide', + value: movimiento => `Sociedad: ${movimiento.cuenta.inmobiliaria.sigla}` + }, + { + className: 'banco', + width: 'three wide', + value: movimiento => `Banco: ${movimiento.cuenta.banco.nombre}` + }, + { + className: 'cuenta', + width: 'three wide', + value: movimiento => `Cuenta: ${movimiento.cuenta.cuenta}` + }, + { + className: 'fecha', + width: 'three wide', + value: movimiento => `Fecha: ${movimiento.fecha}` + }, + { + className: 'valor', + width: 'three wide', + value: movimiento => `Valor: ${movimiento.abono - movimiento.cargo}` + }, + { + className: 'glosa', + width: 'ten wide', + value: movimiento => `Glosa: ${movimiento.glosa}` + }, + ] + + const $info = $(this.props.ids.modal).find('#modal_info') + $info.empty() + this.info.forEach(field => { + $info.append(`
`) + }) + + $(this.props.ids.modal).modal({ + onApprove: $element => { + $(this.props.editForm.props.ids.form).submit() + } + }) } reset() { - $(this.props.ids.modal).find('.sociedad').text('') - $(this.props.ids.modal).find('.banco').text('') - $(this.props.ids.modal).find('.cuenta').text('') - $(this.props.ids.modal).find('.fecha').text('') - $(this.props.ids.modal).find('.valor').text('') + this.info.forEach(info => { + $(this.props.ids.modal).find(`.${info.className}`).text('') + }) this.props.editForm.reset() } - show({movimiento, type}) { + show({movimiento, index}) { $(this.props.ids.modal).modal('show') - $(this.props.ids.modal).find('.sociedad').text('Sociedad: ' + movimiento.cuenta.inmobiliaria.sigla) - $(this.props.ids.modal).find('.banco').text('Banco: ' + movimiento.cuenta.banco.nombre) - $(this.props.ids.modal).find('.cuenta').text('Cuenta: ' + movimiento.cuenta.cuenta) - $(this.props.ids.modal).find('.fecha').text('Fecha: ' + movimiento.fecha) - $(this.props.ids.modal).find('.valor').text('Valor: ' + (movimiento.abono - movimiento.cargo)) - this.props.editForm.show({modal: $(this.props.ids.modal), movimiento, type}) + this.info.forEach(info => { + $(this.props.ids.modal).find(`.${info.className}`).html(info.value(movimiento)) + }) + this.props.editForm.show({modal: $(this.props.ids.modal), movimiento, index}) } hide() { $(this.props.ids.modal).modal('hide') @@ -398,57 +510,98 @@ } class EditForm { props + fields constructor({ids}) { this.props = { ids, movimientos: [] } + this.fields = [ + { + name: 'index', + value: index => index + }, + { + name: 'id', + value: movimiento => movimiento.id + }, + { + id: 'centro_costo', + name: 'centro_id', + type: 'dropdown', + value: movimiento => movimiento.detalles.centro_costo.id ?? '', + values: CentrosCostos.get().map(centroCosto => { + return { + value: centroCosto.id, + name: `${centroCosto.id} - ${centroCosto.descripcion}`, + text: `${centroCosto.id} - ${centroCosto.descripcion}`, + } + }) + }, + { + name: 'rut', + type: 'text', + value: movimiento => movimiento.detalles.rut ?? '' + }, + { + id: 'digito', + value: movimiento => movimiento.detalles.digito ?? '' + }, + { + name: 'nombre', + type: 'text', + value: movimiento => movimiento.detalles.nombres ?? '' + }, + { + name: 'categoria', + type: 'text', + value: movimiento => movimiento.detalles.categoria ?? '' + }, + { + name: 'detalle', + type: 'text', + value: movimiento => movimiento.detalles.detalle ?? '' + }, + { + name: 'identificador', + type: 'text', + value: movimiento => movimiento.detalles.identificador ?? '' + } + ] + + this.fields.filter(field => typeof field.values !== 'undefined').forEach(field => { + $(this.props.ids.form).find(`#${field.id}`).dropdown('change values', field.values) + }) } reset() { $(this.props.ids.form).form('reset') } - show({modal, movimiento, type}) { - if (movimiento.detalles) { - modal.find('#movimiento_data').show() - modal.find('#auxiliares').hide() - modal.find("[name='centro_id']").dropdown('set selected', movimiento.detalles.centro_costo.id) - modal.find("[name='rut']").val(movimiento.detalles.rut) - modal.find("#digito").text(Rut.digitoVerificador(movimiento.detalles.rut)) - modal.find("[name='nombre']").val(movimiento.detalles.nombre) - modal.find("[name='categoria']").val(movimiento.detalles.categoria) - modal.find("[name='detalle']").val(movimiento.detalles.detalle) - } else { - modal.find('#movimiento_data').hide() - modal.find('#auxiliares').show() - const tbody = modal.find('#auxiliares tbody') - tbody.empty() - movimiento.auxiliares.forEach((auxiliar, i) => { - tbody.append(` - - - -
- - -
Centro de Costo
-
- ${CentrosCostos.get().map(centroCosto => `
${centroCosto.id} - ${centroCosto.descripcion}
`).join('')} -
-
- - -
- -
-${Rut.digitoVerificador(auxiliar.detalles.rut)}
-
- - - - - -`) - }) - } + show({modal, movimiento, index}) { + modal.find(this.props.ids.data).show() + + this.fields.forEach(field => { + if (typeof field.name !== 'undefined') { + switch (field.type) { + case 'dropdown': + modal.find(`#${field.id}`).dropdown('set selected', field.value(movimiento)) + break + default: + if (field.name === 'index') { + modal.find(`[name='${field.name}']`).val(index) + return + } + modal.find(`[name='${field.name}']`).val(field.value(movimiento)) + break + } + return + } + modal.find(`#${field.id}`).text(field.value(movimiento)) + }) + } + setup() { + $(this.props.ids.form).on('submit', { + form_id: this.props.ids.form, + }, app.handlers.events.edit().modal) } } class MovimientosHandler { @@ -490,13 +643,17 @@ } edit() { return { - movimiento: ({id, index, type, data}) => { - /*this.props.resultsHandler.parse().movimientos() - this.props.resultsHandler.props.movimientos.forEach((movimiento, i) => { - if (movimiento.id === id && movimiento.index === index) { - this.props.editModal.show({id, index, type}) + movimiento: (data) => { + const method = 'post' + return APIClient.fetch(this.props.urls.edit, {method, body: data}).then(response => { + if (!response) { + throw new Error('No se pudo editar el movimiento') } - })*/ + return response.json().then(json => { + const movimiento = this.find().id(json.movimiento.id) + movimiento.detalles = json.movimiento.detalles + }) + }) } } } @@ -528,22 +685,6 @@ }, movimiento: ({data, movimiento, index}) => { const fecha = new Date(movimiento.fecha + 'Z' + this.props.timezone) - if (movimiento.auxiliares.length > 0) { - movimiento.auxiliares.forEach((auxiliar, indexAuxiliar) => { - data.push({ - tipo: 'auxiliar', - id: auxiliar.id, - index: index * 100000 + indexAuxiliar, - cuenta: movimiento.cuenta, - fecha, - cargo: auxiliar.cargo, - abono: auxiliar.abono, - detalles: auxiliar.detalles, - glosa: movimiento.glosa, - }) - }) - return - } data.push({ tipo: 'movimiento', id: movimiento.id, @@ -554,507 +695,35 @@ abono: movimiento.abono, glosa: movimiento.glosa, detalles: movimiento.detalles, - auxiliares: movimiento.auxiliares, }) } } } } - /*const editForm = { - id: '', - data: { - index: 0, - id: 0, - sociedad: '', - banco: '', - fecha: '', - valor: 0, - glosa: '', - }, - fields: { - centro_costo: '', - rut: '', - nombre: '', - categoria: '', - detalle: '', - }, - auxiliares: [], - show({type, index, id, sociedad, banco, cuenta, fecha, valor, glosa, centro_costo = '', rut = '', nombre = '', categoria = '', detalle = '', auxiliares = []}) { - this.data = { - index, - id, - sociedad, - banco, - cuenta, - fecha, - valor, - glosa, - } - this.auxiliares = auxiliares - $(this.id).find('.sociedad').text('Sociedad: ' + sociedad) - $(this.id).find('.banco').text('Banco: ' + banco) - $(this.id).find('.cuenta').text('Cuenta: ' + cuenta) - $(this.id).find('.fecha').text('Fecha: ' + fecha) - $(this.id).find('.valor').text('Valor: ' + valor) - $(this.id).find('.glosa').text('Glosa: ' + glosa) - if (auxiliares.length > 0) { - this.auxiliares = auxiliares - $(this.id).find('#movimiento_data').hide() - $(this.id).find('#auxiliares').show() - const tbody = $(this.id).find('#auxiliares tbody') - tbody.empty() - auxiliares.forEach((auxiliar, i) => { - this.draw().auxiliar({auxiliar, i}) - }) - } else { - $(this.id).find('#movimiento_data').show() - if (type === 'auxiliar') { - $(this.id).find('#auxiliares').hide() - } - if (centro_costo !== '') { - $(this.id).find("[name='centro_costo']").dropdown('set selected', centro_costo) - } - $(this.id).find("[name='rut']").val(rut) - $(this.id).find("#digito").text(Rut.digitoVerificador(rut)) - $(this.id).find("[name='nombre']").val(nombre) - $(this.id).find("[name='categoria']").val(categoria) - $(this.id).find("[name='detalle']").val(detalle) - } - $(this.id).modal('show') - }, - draw() { - return { - auxiliar: ({auxiliar, i}) => { - const tbody = $(this.id).find('#auxiliares tbody') - const menu = $('
').addClass('menu') - CentrosCostos.get().forEach(centroCosto => { - menu.append(`
${centroCosto.id} - ${centroCosto.descripcion}
`) - }) - const tr = $('') - if (typeof auxiliar !== 'undefined' && auxiliar.includes('cargo')) { - tr.append(``) - } else { - tr.append(``) - } - if (typeof auxiliar !== 'undefined' && auxiliar.includes('abono')) { - tr.append(``) - } else { - tr.append(``) - } - tr.append( - $('').append($('
').addClass('ui selection search dropdown').attr('data-index', i).append( - `` - ).append( - `
Centro de Costo
` - ).append(menu) - ) - ) - if (typeof auxiliar !== 'undefined' && auxiliar.includes('detalles') && auxiliar.detalles.includes('rut')) { - tr.append(` -
- -
-${Rut.digitoVerificador(auxiliar.detalles.rut)}
-
-`) - } else { - tr.append(` -
- -
-
-
-`) - } - if (typeof auxiliar !== 'undefined' && auxiliar.includes('nombre')) { - tr.append(``) - } else { - tr.append(``) - } - if (typeof auxiliar !== 'undefined' && auxiliar.includes('categoria')) { - tr.append(``) - } else { - tr.append(``) - } - if (typeof auxiliar !== 'undefined' && auxiliar.includes('detalle')) { - tr.append(``) - } else { - tr.append(``) - } - tbody.append(tr) - $(this.id).find(`.dropdown[data-index='${i}']`).dropdown() - if (typeof auxiliar !== 'undefined' && auxiliar.detalles && auxiliar.detalles.centro_costo && auxiliar.detalles.centro_costo.id) { - $(this.id).find(`[name='centro_costo${i}']`).val(auxiliar.detalles.centro_costo.id) - } - $(this.id).find(`[name='rut${i}']`).on('input', inputEvent => { - inputEvent.currentTarget.value = Rut.format(inputEvent.currentTarget.value) - const index = $(inputEvent.currentTarget).data('index') - $(this.id).find(`.digito[data-index='${index}']`).text(Rut.digitoVerificador($(inputEvent.currentTarget).val())) - }) - } - } - }, - submit() { - const url = '' - const method = 'post' - const body = new FormData() - const data = this.data - data.centro_costo = $(this.id).find("[name='centro_costo']").dropdown('get value') - data.rut = $(this.id).find("[name='rut']").val() - data.nombre = $(this.id).find("[name='nombre']").val() - data.categoria = $(this.id).find("[name='categoria']").val() - data.detalle = $(this.id).find("[name='detalle']").val() - console.debug(data) - }, - setup(id) { - this.id = id - $(this.id).modal({ - onApprove: $element => { - this.submit() - } - }) - $(this.id).find('#centro_costo').dropdown() - $(this.id).find("[name='rut']").on('input', inputEvent => { - $(this.id).find('#digito').text(Rut.digitoVerificador($(inputEvent.currentTarget).val())) - }) - $(this.id).find('#digito').text(Rut.digitoVerificador($("[name='rut']").val())) - $(this.id).find('#add_auxiliar').click(clickEvent => { - const i = this.auxiliares.length + 1 - this.draw().auxiliar({i}) - }) - } - }*/ - /*const movimientos = { - ids: { - form: { - id: '', - sociedades: '', - mes: '', - }, - table: '', - }, - movimientos: [], - table: null, - amount: null, - get() { - return { - movimientos: () => { - const sociedades_ruts = $(this.ids.forms.search.sociedades).dropdown('get values') - const mes = $(this.ids.forms.search.mes).calendar('get date') - - const url = '/contabilidad/movimientos/sociedad/mes' - const method = 'post' - const body = new FormData() - sociedades_ruts.forEach(sociedad_rut => { - body.append('sociedades_ruts[]', sociedad_rut) - }) - body.set('mes', [mes.getFullYear(), mes.getMonth() + 1, mes.getDate()].join('-')) - if (this.amount !== null) { - body.set('amount', this.amount) - } - this.movimientos = [] - return fetchAPI(url, {method, body}).then(response => { - $(this.ids.forms.search.id).removeClass('loading') - if (!response) { - return - } - response.json().then(json => { - this.add().movimientos(json.movimientos) - }).then(() => { - this.draw().table() - }) - }) - } - } - }, - add() { - return { - movimientos: data => { - if (data.length === 0) { - return - } - const tz = ((new Date()).getTimezoneOffset()) / -60 - data.forEach((movimiento, index) => { - const fecha = new Date(movimiento.fecha + 'Z' + tz) - if (movimiento.auxiliares.length > 0) { - movimiento.auxiliares.forEach((auxiliar, indexAuxiliar) => { - this.movimientos.push({ - tipo: 'auxiliar', - id: auxiliar.id, - index: index * 100 + indexAuxiliar, - cuenta: movimiento.cuenta, - fecha, - cargo: auxiliar.cargo, - abono: auxiliar.abono, - detalles: auxiliar.detalles, - glosa: movimiento.glosa, - }) - }) - return - } - this.movimientos.push({ - tipo: 'movimiento', - id: movimiento.id, - index, - cuenta: movimiento.cuenta, - fecha, - cargo: movimiento.cargo, - abono: movimiento.abono, - glosa: movimiento.glosa, - detalles: movimiento.detalles, - auxiliares: movimiento.auxiliares, - }) - }) - } - } - }, - update() { - return { - movimiento: ({index, movimiento}) => { - const formatter = new Intl.NumberFormat('es-CL') - const dateFormatter = new Intl.DateTimeFormat('es-CL', { - day: '2-digit', - month: '2-digit', - year: 'numeric' - }) - const tz = ((new Date()).getTimezoneOffset()) / -60 - const fecha = new Date(movimiento.fecha + 'Z' + tz) - const valor = movimiento.abono - movimiento.cargo - this.movimientos[index] = [ - movimiento.cuenta.inmobiliaria.sigla,//0 - movimiento.cuenta.banco.nombre,//1 - movimiento.cuenta.cuenta,//2 - dateFormatter.format(fecha),//3 - [fecha.getFullYear(), fecha.getMonth() + 1, fecha.getDate()].join('-'),//4 - fecha.getMonth() + 1,//5 - fecha.getFullYear(),//6 - formatter.format(valor),//7 - valor,//8 - movimiento.detalles.centro_costo.id,//9 - movimiento.glosa,//10 - movimiento.detalles.detalle,//11 - '',//12 - ] - this.draw().table() - } - } - }, - draw() { - return { - table: () => { - this.table.clear().rows.add(this.draw().movimientos()).draw() - $(this.ids.buttons.edit).click(clickEvent => { - const id = $(clickEvent.currentTarget).data('id') - const index = $(clickEvent.currentTarget).data('index') - this.draw().edit({id, index}) - }) - }, - movimientos: () => { - const output = [] - this.movimientos.forEach(movimiento => { - this.draw().movimiento({movimiento, output}) - }) - return output - }, - movimiento: ({movimiento, output}) => { - const formatter = new Intl.NumberFormat('es-CL') - const dateFormatter = new Intl.DateTimeFormat('es-CL', { - day: '2-digit', - month: '2-digit', - year: 'numeric' - }) - const valor = movimiento.abono - movimiento.cargo - const fecha = movimiento.fecha - output.push([ - movimiento.cuenta.inmobiliaria.sigla,//0 - movimiento.cuenta.banco.nombre,//1 - movimiento.cuenta.cuenta,//2 - dateFormatter.format(fecha),//3 - [fecha.getFullYear(), fecha.getMonth() + 1, fecha.getDate()].join('-'),//4 - fecha.getMonth() + 1,//5 - fecha.getFullYear(),//6 - formatter.format(valor),//7 - valor,//8 - (movimiento.detalles) ? movimiento.detalles.centro_costo.id : '',//9 - movimiento.glosa,//10 - (movimiento.detalles) ? movimiento.detalles.detalle : '',//11 - '',//12 - ]) - }, - edit: ({id, index, type}) => { - const idx = this.movimientos.findIndex(movimiento => movimiento.index === index) - editForm.show({ - type, - id, - index, - sociedad: this.movimientos[idx].cuenta.inmobiliaria.sigla, - banco: this.movimientos[idx].cuenta.banco.nombre, - cuenta: this.movimientos[idx].cuenta.cuenta, - fecha: this.movimientos[idx].fecha, - valor: this.movimientos[idx].abono - this.movimientos[idx].cargo, - glosa: this.movimientos[idx].glosa, - centro_costo: (this.movimientos[idx].detalles !== null && typeof this.movimientos[idx].detalles.centro_costo) ? this.movimientos[idx].detalles.centro_costo.id : '', - rut: (this.movimientos[idx].detalles !== null) ? this.movimientos[idx].detalles.rut : '', - nombre: (this.movimientos[idx].detalles !== null) ? this.movimientos[idx].detalles.nombre : '', - categoria: (this.movimientos[idx].detalles !== null) ? this.movimientos[idx].detalles.categoria : '', - detalle: (this.movimientos[idx].detalles !== null) ? this.movimientos[idx].detalles.detalle : '', - auxiliares: this.movimientos[idx].auxiliares, - }) - } - } - }, - submit(submitEvent) { - submitEvent.preventDefault() - $(submitEvent.currentTarget).addClass('loading') - movimientos.get().movimientos() - return false - }, - edit() { - const body = new FormData(document.getElementById('movimientos_edit')) - const id = body.get('id') - const index = body.get('index') - body.delete('id') - body.delete('index') - const url = '/contabilidad/movimiento/' + id + '/detalles' - const method = 'post' - return fetchAPI(url, {method, body}).then(response => { - if (!response) { - return - } - return response.json().then(json => { - this.update().movimiento({index, movimiento: json.movimiento}) - }) - }) - }, - setup(ids) { - this.ids = ids - - $(this.ids.forms.search.sociedades).dropdown() - - const cdo = structuredClone(calendar_date_options) - cdo['type'] = 'month' - cdo['maxDate'] = new Date() - $(this.ids.forms.search.mes).calendar(cdo) - - $(this.ids.forms.search.id).submit(this.submit) - - let dtD = structuredClone(datatables_defaults) - dtD = Object.assign(dtD, { - columnDefs: [ - {targets: [0, 5, 9, 12], width: '5%', type: 'string'}, - {targets: [1, 2, 3, 6, 10], width: '10%', type: 'string'}, - {targets: [11], width: '20%', type: 'string'}, - {targets: 4, visible: false}, - {targets: 7, className: 'dt-right', width: '10%'}, - {targets: 8, visible: false, type: 'num'} - ], - order: [[4, 'asc']], - language: Object.assign(dtD.language, { - searchBuilder: { - add: 'Filtrar', - condition: 'Comparador', - clearAll: 'Resetear', - delete: 'Eliminar', - deleteTitle: 'Eliminar Titulo', - data: 'Columna', - left: 'Izquierda', - leftTitle: 'Titulo Izquierdo', - logicAnd: 'Y', - logicOr: 'O', - right: 'Derecha', - rightTitle: 'Titulo Derecho', - title: { - 0: 'Filtros', - _: 'Filtros (%d)' - }, - value: 'Opciones', - valueJoiner: 'y' - } - }), - layout: { - top1: { - searchBuilder: { - columns: [0, 1, 2, 4, 6, 7, 8] - } - }, - top1End: { - buttons: [ - { - extend: 'excelHtml5', - className: 'green', - text: 'Exportar a Excel ', - title: 'Movimientos Contables', - download: 'open', - exportOptions: { - columns: [0, 1, 2, 3, 5, 6, 8, 9, 10, 11], - format: { - body: (data, row, column, node) => { - if (column === 3) { - return data.split('-').reverse().join('-') - } - return data - } - } - } - } - ] - } - }, - data: this.movimientos, - }) - this.table = new DataTable(this.ids.table, dtD) - - /!*$(this.ids.modals.edit).modal({ - onApprove: $element => { - this.edit() - } - })*!/ - editForm.setup(this.ids.modals.edit) - //$('#' + this.ids.forms.edit.id).find('#centro_costo').dropdown() - } - }*/ - const app = { handlers: {}, setup() { this.handlers.results = new ResultsHandler() this.handlers.loading = new LoadingHandler({id: '#movimientos_form'}) - this.handlers.movimientos = new MovimientosHandler({urls: {get: '{{$urls->api}}/contabilidad/movimientos/sociedad/mes', edit: '{{$urls->api}}/contabilidad/movimientos/edit'}, loadingHandler: this.handlers.loading, resultsHandler: this.handlers.results}) - this.handlers.forms = {} - this.handlers.forms.edit = new EditForm({ids: {modal: '#movimientos_modal', form: '#movimientos_edit',}}) - this.handlers.modals = {} - this.handlers.modals.edit = new EditModal({ids: {modal: '#movimientos_modal'}, editForm: this.handlers.forms.edit}) + this.handlers.movimientos = new MovimientosHandler({urls: { + get: '{{$urls->api}}/contabilidad/movimientos/sociedad/mes', + edit: '{{$urls->api}}/contabilidad/movimientos/edit'}, loadingHandler: this.handlers.loading, resultsHandler: this.handlers.results}) + this.handlers.forms = { + edit: new EditForm({ids: {modal: '#movimientos_modal', data: '#movimientos_data', form: '#movimientos_edit',}}) + } + this.handlers.modals = { + edit: new EditModal({ids: {modal: '#movimientos_modal'}, editForm: this.handlers.forms.edit}) + } this.handlers.events = new EventHandler({movimientosHandler: this.handlers.movimientos, modalHandler: this.handlers.modals.edit}) this.handlers.table = new MovimientosTable({ids: {table: '#tabla_movimientos', buttons: {edit: '.edit_button'}}, eventHandler: this.handlers.events}) - this.handlers.forms.control = new ControlForm({ - ids: {form: '#movimientos_form', sociedades: '#sociedades', mes: '#mes',}, - }) - this.handlers.table.setup() - this.handlers.forms.control.setup() + this.handlers.forms.control = new ControlForm({ids: {form: '#movimientos_form', sociedades: '#sociedades', mes: '#mes',},}) + + this.handlers.forms.edit.setup() } } $(document).ready(() => { app.setup() - /*movimientos.setup({ - forms: { - search: { - id: '#movimientos_form', - sociedades: '#sociedades', - mes: '#mes', - }, - edit: { - id: 'movimientos_edit', - } - }, - table: '#tabla_movimientos', - modals: { - edit: '#movimientos_modal' - }, - buttons: { - edit: '.edit_button' - } - })*/ }) @endpush diff --git a/app/resources/views/layout/body/scripts.blade.php b/app/resources/views/layout/body/scripts.blade.php index 2e721d9..949e6c7 100644 --- a/app/resources/views/layout/body/scripts.blade.php +++ b/app/resources/views/layout/body/scripts.blade.php @@ -3,11 +3,11 @@