Simplificacion a contabilidad clasica
This commit is contained in:
143
ui/public/assets/scripts/cuentas.show.js
Normal file
143
ui/public/assets/scripts/cuentas.show.js
Normal file
@ -0,0 +1,143 @@
|
||||
const transacciones = {
|
||||
id: '#transacciones',
|
||||
cuenta_id: 0,
|
||||
cuenta: null,
|
||||
transacciones: [],
|
||||
cuentas: [],
|
||||
saldo: 0,
|
||||
get: function() {
|
||||
return {
|
||||
transacciones: () => {
|
||||
return $.ajax({
|
||||
url: _urls.api + '/cuenta/' + this.cuenta_id + '/transacciones',
|
||||
method: 'GET',
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
if (data.cuenta === null) {
|
||||
return
|
||||
}
|
||||
this.cuenta = data.cuenta
|
||||
this.saldo = this.cuenta.saldo
|
||||
$('#cuenta').html(this.cuenta.nombre + ' (' + this.cuenta.categoria.nombre + ')')
|
||||
if (data.transacciones === null || data.transacciones.length == 0) {
|
||||
return
|
||||
}
|
||||
this.transacciones = data.transacciones
|
||||
}).then(() => {
|
||||
this.draw()
|
||||
})
|
||||
},
|
||||
cuentas: () => {
|
||||
return $.ajax({
|
||||
url: _urls.api + '/cuentas',
|
||||
method: 'GET',
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
if (data.cuentas === null || data.cuentas.length == 0) {
|
||||
return
|
||||
}
|
||||
this.cuentas = data.cuentas
|
||||
}).then(() => {
|
||||
const select = this.modal.find("[name='cuenta']")
|
||||
$.each(this.cuentas, (i, el) => {
|
||||
select.append(
|
||||
$('<option></option>').attr('value', el.id).html(el.nombre + ' (' + el.categoria.nombre + ')')
|
||||
)
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
draw: function() {
|
||||
const format = Intl.NumberFormat('es-CL', {style: 'currency', currency: 'CLP'})
|
||||
const parent = $(this.id)
|
||||
parent.html('')
|
||||
$.each(this.transacciones, (i, el) => {
|
||||
const fuente = (el.valor < 0) ? el.desde : el.hasta
|
||||
parent.append(
|
||||
$('<tr></tr>').append(
|
||||
$('<td></td>').html(el.fechaFormateada)
|
||||
).append(
|
||||
$('<td></td>').append(
|
||||
$('<a></a>').attr('href', _urls.base + 'cuenta/' + fuente.id).html(fuente.nombre + ' (' + fuente.categoria.nombre + ')')
|
||||
)
|
||||
).append(
|
||||
$('<td></td>').html(el.glosa + '<br />' + el.detalle)
|
||||
).append(
|
||||
$('<td></td>').attr('class', 'right aligned').html((el.valor < 0) ? el.valorFormateado.replace('-', '') : '')
|
||||
).append(
|
||||
$('<td></td>').attr('class', 'right aligned').html((el.valor < 0) ? '' : el.valorFormateado)
|
||||
).append(
|
||||
$('<td></td>').attr('class', 'right aligned').html(format.format(this.saldo))
|
||||
)
|
||||
)
|
||||
this.saldo -= parseInt(el.valor)
|
||||
})
|
||||
},
|
||||
add: function() {
|
||||
return {
|
||||
show: () => {
|
||||
this.modal.find('form').trigger('reset')
|
||||
this.modal.modal('show')
|
||||
},
|
||||
exec: () => {
|
||||
const valor = $("[name='valor']").val()
|
||||
const cuenta = $("[name='cuenta']").val()
|
||||
const data = JSON.stringify({
|
||||
desde_id: (valor < 0) ? this.cuenta_id : cuenta,
|
||||
hasta_id: (valor < 0) ? cuenta : this.cuenta_id,
|
||||
fecha: $("[name='fecha']").val(),
|
||||
glosa: $("[name='glosa']").val(),
|
||||
detalle: $("[name='detalle']").val(),
|
||||
valor: (valor < 0) ? -valor : valor
|
||||
})
|
||||
return $.ajax({
|
||||
url: _urls.api + '/transacciones/add',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
dataType: 'json'
|
||||
}).then(() => {
|
||||
this.modal.modal('hide')
|
||||
this.get().transacciones()
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
build: function() {
|
||||
return {
|
||||
modal: () => {
|
||||
this.modal = $('.ui.modal')
|
||||
this.modal.modal()
|
||||
this.modal.find('.close.icon').click(() => {
|
||||
this.modal.modal('hide')
|
||||
})
|
||||
this.modal.find('form').submit((e) => {
|
||||
e.preventDefault()
|
||||
this.add().exec()
|
||||
return false
|
||||
})
|
||||
this.modal.find('.ui.calendar').calendar({
|
||||
type: 'date',
|
||||
formatter: {
|
||||
date: function(date, settings) {
|
||||
if (!date) return ''
|
||||
let day = ('00' + date.getDate()).slice(-2)
|
||||
let month = ('00' + (date.getMonth() + 1)).slice(-2)
|
||||
let year = date.getFullYear()
|
||||
return year + '/' + month + '/' + day
|
||||
}
|
||||
},
|
||||
maxDate: new Date()
|
||||
})
|
||||
this.get().cuentas()
|
||||
}
|
||||
}
|
||||
},
|
||||
setup: function() {
|
||||
this.build().modal()
|
||||
$(this.id).parent().find('.ui.button').click(() => {
|
||||
this.add().show()
|
||||
})
|
||||
this.get().transacciones()
|
||||
}
|
||||
}
|
||||
@ -1,121 +0,0 @@
|
||||
const entradas = {
|
||||
id: '#entradas',
|
||||
modal: null,
|
||||
fuente: null,
|
||||
entradas: [],
|
||||
getEntradas: function() {
|
||||
return $.ajax({
|
||||
url: _urls.api + '/fuente/' + this.fuente + '/entradas',
|
||||
method: 'GET',
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
if (data.fuente === null) {
|
||||
return
|
||||
}
|
||||
$('#fuente').html(data.fuente.tipo.descripcion + ' - ' + data.fuente.banco.nombre + ' (' + data.fuente.saldoFormateado + ')')
|
||||
if (data.entradas == null || data.entradas.length == 0) {
|
||||
return
|
||||
}
|
||||
this.entradas = data.entradas
|
||||
}).then(() => {
|
||||
this.draw()
|
||||
})
|
||||
},
|
||||
draw: function() {
|
||||
const table = $(this.id)
|
||||
table.html('')
|
||||
$.each(this.entradas, (i, el) => {
|
||||
table.append(
|
||||
$('<tr></tr>').append(
|
||||
$('<td></td>').html(el.fechaFormateada)
|
||||
).append(
|
||||
$('<td></td>').html(el.cuenta.nombre + ' (' + el.cuenta.categoria.nombre + ')')
|
||||
).append(
|
||||
$('<td></td>').html(el.glosa)
|
||||
).append(
|
||||
$('<td></td>').html(el.detalle)
|
||||
).append(
|
||||
$('<td></td>').attr('class', 'right aligned').html(el.valorFormateado)
|
||||
)
|
||||
)
|
||||
})
|
||||
},
|
||||
getCuentas: function() {
|
||||
return $.ajax({
|
||||
url: _urls.api + '/cuentas',
|
||||
method: 'GET',
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
if (data.cuentas === null || data.cuentas.length == 0) {
|
||||
return
|
||||
}
|
||||
this.cuentas = data.cuentas
|
||||
}).then(() => {
|
||||
const select = $("select[name='cuenta']")
|
||||
$.each(this.cuentas, (i, el) => {
|
||||
select.append(
|
||||
$('<option></option>').attr('value', el.id).html(el.nombre + ' (' + el.categoria.nombre + ')')
|
||||
)
|
||||
})
|
||||
})
|
||||
},
|
||||
add: function() {
|
||||
this.modal.find('form').trigger('reset')
|
||||
this.modal.modal('show')
|
||||
},
|
||||
doAdd: function() {
|
||||
const data = JSON.stringify({
|
||||
fecha: $("[name='fecha']").val(),
|
||||
fuente_id: this.fuente,
|
||||
glosa: $("[name='glosa']").val(),
|
||||
detalle: $("[name='detalle']").val(),
|
||||
cuenta_id: $("[name='cuenta']").val(),
|
||||
valor: $("[name='valor']").val()
|
||||
})
|
||||
return $.ajax({
|
||||
url: _urls.api + '/entradas/add',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
this.modal.modal('hide')
|
||||
this.getEntradas()
|
||||
})
|
||||
},
|
||||
setupModal: function() {
|
||||
this.modal = $('.ui.modal')
|
||||
this.modal.modal()
|
||||
this.modal.find('.ui.calendar').calendar({
|
||||
type: 'date',
|
||||
formatter: {
|
||||
date: function(date, settings) {
|
||||
if (!date) return ''
|
||||
let day = date.getDate()
|
||||
let month = ('00' + (date.getMonth() + 1)).slice(-2)
|
||||
let year = date.getFullYear()
|
||||
return year + '/' + month + '/' + day
|
||||
}
|
||||
},
|
||||
maxDate: new Date()
|
||||
})
|
||||
this.modal.find('.close.icon').css('cursor', 'pointer').click(() => {
|
||||
this.modal.modal('hide')
|
||||
})
|
||||
this.modal.find('form').submit((e) => {
|
||||
e.preventDefault()
|
||||
this.doAdd()
|
||||
return false
|
||||
})
|
||||
},
|
||||
setup: function() {
|
||||
this.setupModal()
|
||||
this.getEntradas().then(() => {
|
||||
this.getCuentas()
|
||||
})
|
||||
$(this.id).parent().find('.ui.button').click((e) => {
|
||||
e.preventDefault()
|
||||
this.add()
|
||||
return false
|
||||
})
|
||||
}
|
||||
}
|
||||
@ -1,136 +1,127 @@
|
||||
const fuentes = {
|
||||
id: '#fuentes',
|
||||
fuentes: [],
|
||||
tipos: [],
|
||||
bancos: [],
|
||||
modal: null,
|
||||
getParent: function() {
|
||||
let parent = $(this.id)
|
||||
if (parent.length === 0) {
|
||||
const table = $('<table></table>').attr('class', 'ui table').append(
|
||||
$('<thead></thead>').append(
|
||||
$('<tr></tr>').append(
|
||||
$('<th></th>').html('Fuente')
|
||||
).append(
|
||||
$('<th></th>').html('Saldo')
|
||||
).append(
|
||||
$('<th></th>').attr('class', 'right aligned').append(
|
||||
$('<button></button>').attr('class', 'ui tiny green circular icon button').append(
|
||||
$('<i></i>').attr('class', 'plus icon')
|
||||
).click(() => {
|
||||
this.add()
|
||||
})
|
||||
const cuentas = {
|
||||
id: '#cuentas',
|
||||
categorias: [],
|
||||
get: function() {
|
||||
return {
|
||||
parent: () => {
|
||||
let parent = $(this.id)
|
||||
if (parent.length === 0) {
|
||||
const table = $('<table></table>').attr('class', 'ui table').append(
|
||||
$('<thead></thead>').append(
|
||||
$('<tr></tr>').append(
|
||||
$('<th></th>').html('Cuenta')
|
||||
).append(
|
||||
$('<th></th>').attr('class', 'right aligned').html('Saldo')
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
)
|
||||
parent = $('<tbody></tbody>').attr('id', this.id)
|
||||
table.append(parent)
|
||||
$('h1.header').after(table)
|
||||
parent = $('<tbody></tbody>').attr('id', this.id)
|
||||
table.append(parent)
|
||||
$('h1.header').after(table)
|
||||
}
|
||||
return parent
|
||||
},
|
||||
categorias: () => {
|
||||
return $.ajax({
|
||||
url: _urls.api + '/categorias',
|
||||
method: 'GET',
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
if (data.categorias === null || data.categorias.length == 0) {
|
||||
return
|
||||
}
|
||||
this.categorias = data.categorias
|
||||
}).then(() => {
|
||||
this.draw().categorias()
|
||||
})
|
||||
},
|
||||
cuentas: (categoria_id) => {
|
||||
return $.ajax({
|
||||
url: _urls.api + '/categoria/' + categoria_id + '/cuentas',
|
||||
method: 'GET',
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
if (data.cuentas === null || data.cuentas.length == 0) {
|
||||
return
|
||||
}
|
||||
const idx = this.categorias.findIndex(el => {
|
||||
if (el.id == categoria_id) {
|
||||
return true
|
||||
}
|
||||
})
|
||||
this.categorias[idx].cuentas = data.cuentas
|
||||
}).then(() => {
|
||||
this.draw().cuentas(categoria_id)
|
||||
})
|
||||
}
|
||||
}
|
||||
return parent
|
||||
},
|
||||
setup: async function() {
|
||||
this.modal = $('.ui.modal')
|
||||
this.modal.modal()
|
||||
this.modal.find('.close.icon').css('cursor', 'pointer').click(() => {
|
||||
this.modal.modal('hide')
|
||||
})
|
||||
this.getFuentes().then(() => {
|
||||
this.getTipos().then(() => {
|
||||
this.getBancos()
|
||||
})
|
||||
})
|
||||
},
|
||||
add: function() {
|
||||
this.modal.find('form').trigger('reset')
|
||||
this.modal.find('form').submit((e) => {
|
||||
e.preventDefault()
|
||||
this.doAdd()
|
||||
return false
|
||||
})
|
||||
this.modal.modal('show')
|
||||
},
|
||||
doAdd: function() {
|
||||
const data = JSON.stringify({
|
||||
tipo_id: $("select[name='tipo']").val(),
|
||||
banco_id: $("select[name='banco']").val()
|
||||
})
|
||||
$.ajax({
|
||||
url: _urls.api + '/fuentes/add',
|
||||
method: 'POST',
|
||||
data: data,
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
this.modal.modal('hide')
|
||||
this.getFuentes()
|
||||
})
|
||||
},
|
||||
getFuentes: function() {
|
||||
return $.ajax({
|
||||
url: _urls.api + '/fuentes',
|
||||
method: 'GET',
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
if (data.fuentes === null || data.fuentes.length == 0) {
|
||||
return
|
||||
remove: function() {
|
||||
return {
|
||||
cuentas: (categoria_id) => {
|
||||
const idx = this.categorias.findIndex(el => {
|
||||
if (el.id == categoria_id) {
|
||||
return true
|
||||
}
|
||||
})
|
||||
const parent = $("[data-id='" + categoria_id + "']")
|
||||
for (let i = 0; i < this.categorias[idx].cuentas.length; i ++) {
|
||||
parent.next().remove()
|
||||
}
|
||||
}
|
||||
this.fuentes = data.fuentes
|
||||
}).then(() => {
|
||||
this.draw()
|
||||
})
|
||||
},
|
||||
getTipos: function() {
|
||||
return $.ajax({
|
||||
url: _urls.api + '/tipos_fuentes',
|
||||
method: 'GET',
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
if (data.tipos_fuentes === null || data.tipos_fuentes.length == 0) {
|
||||
return
|
||||
}
|
||||
this.tipos = data.tipos_fuentes
|
||||
}).then(() => {
|
||||
const select = $("select[name='tipo']")
|
||||
select.html('')
|
||||
$.each(this.tipos, (i, el) => {
|
||||
select.append(
|
||||
$('<option></option>').attr('value', el.id).html(el.descripcion)
|
||||
)
|
||||
})
|
||||
select.dropdown()
|
||||
})
|
||||
},
|
||||
getBancos: function() {
|
||||
return $.ajax({
|
||||
url: _urls.api + '/bancos',
|
||||
method: 'GET',
|
||||
dataType: 'json'
|
||||
}).then((data) => {
|
||||
if (data.bancos === null || data.bancos.length == 0) {
|
||||
return
|
||||
}
|
||||
this.bancos = data.bancos
|
||||
}).then(() => {
|
||||
const select = $("select[name='banco']")
|
||||
$.each(this.bancos, (i, el) => {
|
||||
select.append(
|
||||
$('<option></option>').attr('value', el.id).html(el.nombre)
|
||||
)
|
||||
})
|
||||
})
|
||||
}
|
||||
},
|
||||
draw: function() {
|
||||
const parent = this.getParent()
|
||||
$.each(this.fuentes, (i, el) => {
|
||||
const f = $('<tr></tr>').append(
|
||||
$('<td></td>').append(
|
||||
$('<a></a>').attr('href', _urls.base + 'fuente/' + el.id).html(el.tipo.descripcion + ' - ' + el.banco.nombre)
|
||||
)
|
||||
).append(
|
||||
$('<td></td>').html(el.saldoFormateado)
|
||||
)
|
||||
parent.append(f)
|
||||
})
|
||||
return {
|
||||
categorias: () => {
|
||||
const parent = this.get().parent()
|
||||
$.each(this.categorias, (i, el) => {
|
||||
const button = $('<button></button>').attr('class', 'ui mini compact icon button').append(
|
||||
$('<i></i>').attr('class', 'plus icon')
|
||||
).click((e) => {
|
||||
const plus = button.find('.plus')
|
||||
if (plus.length == 0) {
|
||||
console.debug(e.target)
|
||||
this.remove().cuentas(el.id)
|
||||
button.find('i.icon').removeClass('minus').addClass('plus')
|
||||
} else {
|
||||
console.debug(e.target)
|
||||
this.get().cuentas(el.id)
|
||||
button.find('i.icon').removeClass('plus').addClass('minus')
|
||||
}
|
||||
})
|
||||
const f = $('<tr></tr>').attr('data-id', el.id).append(
|
||||
$('<td></td>').append(
|
||||
$('<div></div>').append(button).append(el.nombre)
|
||||
)
|
||||
).append(
|
||||
$('<td></td>').attr('class', 'right aligned').html(el.saldoFormateado)
|
||||
)
|
||||
parent.append(f)
|
||||
})
|
||||
},
|
||||
cuentas: (categoria_id) => {
|
||||
const idx = this.categorias.findIndex(el => {
|
||||
if (el.id == categoria_id) {
|
||||
return true
|
||||
}
|
||||
})
|
||||
const parent = $("[data-id='" + categoria_id + "']")
|
||||
$.each(this.categorias[idx].cuentas, (i, el) => {
|
||||
parent.after(
|
||||
$('<tr></tr>').attr('class', 'item').append(
|
||||
$('<td></td>').append(
|
||||
$('<a></a>').attr('href', _urls.base + 'cuenta/' + el.id).html(el.nombre)
|
||||
)
|
||||
).append(
|
||||
$('<td></td>').attr('class', 'right aligned').html(el.saldoFormateado)
|
||||
)
|
||||
)
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
setup: async function() {
|
||||
this.get().categorias()
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user