develop (#45)
Co-authored-by: Juan Pablo Vial <jpvialb@incoviba.cl> Reviewed-on: #45
This commit is contained in:
@ -1,5 +1,14 @@
|
||||
@extends('layout.base')
|
||||
|
||||
@push('page_styles')
|
||||
<style>
|
||||
#data {
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@section('page_content')
|
||||
<div class="ui container">
|
||||
<h2 class="ui header">Matriz Facturación</h2>
|
||||
@ -24,7 +33,7 @@
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
<table class="ui table" id="data"></table>
|
||||
<div id="data"></div>
|
||||
@endsection
|
||||
|
||||
@include('layout.head.styles.datatables')
|
||||
@ -33,53 +42,150 @@
|
||||
@push('page_scripts')
|
||||
<script>
|
||||
const money = {
|
||||
data: {
|
||||
ufs: {},
|
||||
ipcs: {}
|
||||
},
|
||||
ufs: {},
|
||||
ipcs: {},
|
||||
sent: {
|
||||
uf: {},
|
||||
ipc: {}
|
||||
},
|
||||
queue: {
|
||||
size: 0,
|
||||
array: () => {
|
||||
const array = []
|
||||
Object.entries(money.queue).forEach(([type, dates]) => {
|
||||
if (['uf', 'ipc'].includes(type) === false) {
|
||||
return
|
||||
}
|
||||
if (type === 'uf') {
|
||||
Object.entries(dates).forEach(([dateString, ventas]) => {
|
||||
const temp = []
|
||||
ventas.forEach(venta => {
|
||||
temp.push(venta)
|
||||
})
|
||||
array.push({
|
||||
type,
|
||||
date: dateString,
|
||||
ventas: temp
|
||||
})
|
||||
})
|
||||
return
|
||||
}
|
||||
Object.entries(dates).forEach(([dateString, data]) => {
|
||||
const temp = []
|
||||
data.ventas.forEach(venta => {
|
||||
temp.push(venta)
|
||||
})
|
||||
array.push({
|
||||
type,
|
||||
start: data.start,
|
||||
end: data.end,
|
||||
ventas: temp
|
||||
})
|
||||
})
|
||||
})
|
||||
return array
|
||||
}
|
||||
},
|
||||
enqueue() {
|
||||
return {
|
||||
uf: ({date, venta_id}) => {
|
||||
const type = 'uf'
|
||||
const data = {
|
||||
date: [date.getFullYear(), date.getMonth()+1, date.getDate()].join('-'),
|
||||
}
|
||||
if (!(type in this.queue)) {
|
||||
this.queue[type] = {}
|
||||
}
|
||||
if (!(data.date in this.queue[type])) {
|
||||
this.queue[type][data.date] = []
|
||||
}
|
||||
if (this.queue[type][data.date].includes(data)) {
|
||||
return
|
||||
}
|
||||
this.queue[type][data.date].push(venta_id)
|
||||
this.queue['size'] ++
|
||||
},
|
||||
ipc: ({start, end, venta_id}) => {
|
||||
const type = 'ipc'
|
||||
let mult = 1
|
||||
if (start > end) {
|
||||
mult = -1
|
||||
let temp = end
|
||||
end = start
|
||||
start = temp
|
||||
}
|
||||
const data = {
|
||||
start: [start.getFullYear(), start.getMonth()+1, start.getDate()].join('-'),
|
||||
end: [end.getFullYear(), end.getMonth()+1, end.getDate()].join('-'),
|
||||
}
|
||||
if (!(type in this.queue)) {
|
||||
this.queue[type] = {}
|
||||
}
|
||||
if (!([data.start, data.end].join('|') in this.queue[type])) {
|
||||
this.queue[type][[data.start, data.end].join('|')] = {
|
||||
start: data.start,
|
||||
end: data.end,
|
||||
ventas: []
|
||||
}
|
||||
}
|
||||
if (this.queue[type][[data.start, data.end].join('|')].ventas.includes(data)) {
|
||||
return
|
||||
}
|
||||
this.queue[type][[data.start, data.end].join('|')].ventas.push({venta_id, mult})
|
||||
this.queue['size'] ++
|
||||
},
|
||||
}
|
||||
},
|
||||
get() {
|
||||
return {
|
||||
uf: date => {
|
||||
if (typeof this.sent.uf[date.toISOString()] !== 'undefined') {
|
||||
return this.sent.uf[date.toISOString()]
|
||||
}
|
||||
const url = '{{$urls->api}}/money/uf'
|
||||
const data = new FormData()
|
||||
data.set('fecha', date.toISOString())
|
||||
const options = {
|
||||
method: 'post',
|
||||
body: data
|
||||
}
|
||||
return this.sent.uf[date.toISOString()] = fetchAPI(url, options).then(response => {
|
||||
if (response.ok) {
|
||||
return response.json()
|
||||
many: () => {
|
||||
const url = '{{$urls->api}}/money/many'
|
||||
const method = 'post'
|
||||
const chunkSize = 100
|
||||
const promises = []
|
||||
for (let i = 0; i < this.queue.size; i += chunkSize) {
|
||||
const chunk = this.queue.array().slice(i, i + chunkSize)
|
||||
const missing = chunk.filter(data => {
|
||||
if (data.type === 'uf') {
|
||||
return !(data.date in this.data.ufs)
|
||||
}
|
||||
if (data.type === 'ipc') {
|
||||
const dateKey = [data.start, data.end].join('|')
|
||||
return !(dateKey in this.data.ipcs)
|
||||
}
|
||||
})
|
||||
if (missing.length === 0) {
|
||||
continue
|
||||
}
|
||||
}).then(json => {
|
||||
return this.ufs[json.input.fecha] = json.uf
|
||||
})
|
||||
},
|
||||
ipc: (end, start) => {
|
||||
const dateKey = [start.getFullYear(), (start.getMonth()+1), end.getFullYear(), (end.getMonth()+1)].join('-')
|
||||
if (typeof this.sent.ipc[dateKey] !== 'undefined') {
|
||||
return this.sent.ipc[dateKey]
|
||||
}
|
||||
const url = '{{$urls->api}}/money/ipc'
|
||||
const data = new FormData()
|
||||
data.set('start', start.toISOString())
|
||||
data.set('end', end.toISOString())
|
||||
const options = {
|
||||
method: 'post',
|
||||
body: data
|
||||
}
|
||||
return this.sent.ipc[dateKey] = fetchAPI(url, options).then(response => {
|
||||
if (response.ok) {
|
||||
return response.json()
|
||||
const body = new FormData()
|
||||
body.set('dates', JSON.stringify(missing))
|
||||
const options = {
|
||||
method,
|
||||
body
|
||||
}
|
||||
}).then(json => {
|
||||
return this.ipcs[json.date_string] = json.ipc
|
||||
})
|
||||
promises.push(fetchAPI(url, options).then(response => {
|
||||
if (!response) {
|
||||
return
|
||||
}
|
||||
return response.json().then(json => {
|
||||
json.values.forEach(data => {
|
||||
if (data.type === 'uf') {
|
||||
this.data.ufs[data.date] = data.value
|
||||
}
|
||||
if (data.type === 'ipc') {
|
||||
const dateKey = [data.start, data.end].join('|')
|
||||
this.data.ipcs[dateKey] = data.value
|
||||
}
|
||||
})
|
||||
return json.values
|
||||
})
|
||||
}))
|
||||
}
|
||||
return Promise.all(promises)
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -92,8 +198,7 @@
|
||||
prorrateo
|
||||
precio
|
||||
|
||||
constructor({id, tipo, descripcion, prorrateo, precio})
|
||||
{
|
||||
constructor({id, tipo, descripcion, prorrateo, precio}) {
|
||||
this.id = id
|
||||
this.tipo = tipo
|
||||
this.descripcion = descripcion
|
||||
@ -111,44 +216,13 @@
|
||||
unidades
|
||||
principal
|
||||
|
||||
constructor({id, precio, fecha, escritura}) {
|
||||
constructor({id, precio, fecha, escritura, unidades, principal}) {
|
||||
this.id = id
|
||||
this.precio = precio
|
||||
this.fecha = fecha
|
||||
this.escritura = escritura
|
||||
this.uf = 1
|
||||
this.ipc = 1
|
||||
this.unidades = []
|
||||
}
|
||||
|
||||
get() {
|
||||
return {
|
||||
unidades: () => {
|
||||
const url = '{{$urls->api}}/venta/' + this.id + '/unidades'
|
||||
return fetchAPI(url).then(response => {
|
||||
if (response.ok) {
|
||||
return response.json()
|
||||
}
|
||||
}).then(json => {
|
||||
json.unidades.forEach(unidad => {
|
||||
const tipo = unidad.proyecto_tipo_unidad.tipo_unidad.descripcion
|
||||
const data = {
|
||||
id: unidad.id,
|
||||
tipo: tipo.charAt(0).toUpperCase() + tipo.slice(1),
|
||||
descripcion: unidad.descripcion,
|
||||
prorrateo: unidad.prorrateo,
|
||||
precio: 0
|
||||
}
|
||||
if (unidad.current_precio !== null) {
|
||||
data.precio = unidad.current_precio.valor
|
||||
}
|
||||
const u = new Unidad(data)
|
||||
this.unidades.push(u)
|
||||
})
|
||||
this.principal = this.unidades.filter(unidad => unidad.tipo === 'Departamento')[0]
|
||||
})
|
||||
}
|
||||
}
|
||||
this.fecha = new Date(fecha)
|
||||
this.escritura = new Date(escritura)
|
||||
this.unidades = unidades
|
||||
this.principal = principal
|
||||
}
|
||||
|
||||
draw({tbody, valor_terreno}) {
|
||||
@ -173,16 +247,17 @@
|
||||
const dateFormatter = new Intl.DateTimeFormat('es-CL', {year: 'numeric', month: 'numeric', day: 'numeric'})
|
||||
const pesosFormatter = new Intl.NumberFormat('es-CL', {style: 'currency', currency: 'CLP'})
|
||||
const ufFormatter = new Intl.NumberFormat('es-CL', {minimumFractionDigits: 2, maximumFractionDigits: 2})
|
||||
const venta = this.unidades[0].descripcion
|
||||
const venta = this.principal.descripcion
|
||||
const cantidad = this.unidades.length
|
||||
this.unidades.forEach(unidad => {
|
||||
const valor = (unidad.valor > 0) ? unidad.valor : unidad.precio
|
||||
const values = [
|
||||
venta,
|
||||
'<a href="{{$urls->base}}/ventas/factura/' + this.id + '">' + venta + '</a>',
|
||||
cantidad,
|
||||
unidad.tipo,
|
||||
unidad.descripcion,
|
||||
dateFormatter.format(this.fecha),
|
||||
ufFormatter.format(unidad.precio) + ' UF',
|
||||
ufFormatter.format(valor) + ' UF',
|
||||
unidad.prorrateo,
|
||||
'',
|
||||
'',
|
||||
@ -195,22 +270,23 @@
|
||||
''
|
||||
]
|
||||
if (this.escritura !== null) {
|
||||
const descuento = valor_terreno * (1 + this.ipc / 100) * unidad.prorrateo
|
||||
const precio_venta = unidad.precio * this.uf
|
||||
const ipc = (this.ipc >= 0) ? (1 + this.ipc) : 1 / (1 + this.ipc)
|
||||
const descuento = valor_terreno * ipc * unidad.prorrateo
|
||||
const precio_venta = valor * this.uf
|
||||
const precio_bruto = precio_venta - descuento
|
||||
const precio_neto = precio_bruto / 1.19
|
||||
const iva = precio_bruto - precio_neto
|
||||
|
||||
let i = 7
|
||||
values[i++] = pesosFormatter.format(descuento)
|
||||
values[i++] = pesosFormatter.format(precio_venta)
|
||||
values[i++] = pesosFormatter.format(precio_bruto)
|
||||
values[i++] = pesosFormatter.format(iva)
|
||||
values[i++] = pesosFormatter.format(precio_neto)
|
||||
values[i++] = (iva / precio_venta * 100).toFixed(2) + '%'
|
||||
values[i++] = (!isNaN(descuento)) ? pesosFormatter.format(descuento) : '<div class="ui active inline loader"></div>'
|
||||
values[i++] = (!isNaN(precio_venta)) ? pesosFormatter.format(precio_venta) : ''
|
||||
values[i++] = (!isNaN(precio_bruto)) ? pesosFormatter.format(precio_bruto) : ''
|
||||
values[i++] = (!isNaN(iva)) ? pesosFormatter.format(iva) : ''
|
||||
values[i++] = (!isNaN(precio_neto)) ? pesosFormatter.format(precio_neto) : ''
|
||||
values[i++] = (!isNaN(iva) && !isNaN(precio_venta)) ? (iva / precio_venta * 100).toFixed(2) + '%' : ''
|
||||
values[i++] = dateFormatter.format(this.escritura)
|
||||
values[i++] = ufFormatter.format(this.uf)
|
||||
values[i++] = (this.ipc).toFixed(2) + '%'
|
||||
values[i++] = (!isNaN(this.uf)) ? ufFormatter.format(this.uf) : ''
|
||||
values[i++] = (!isNaN(this.ipc)) ? (ufFormatter.format(this.ipc >= 0 ? this.ipc * 100 : -this.ipc * 100) + '%') : ''
|
||||
}
|
||||
const row = $('<tr></tr>')
|
||||
values.forEach(value => {
|
||||
@ -226,74 +302,144 @@
|
||||
ids: {},
|
||||
selected: 0,
|
||||
data: JSON.parse('{!! json_encode($proyectos) !!}'),
|
||||
sent: false,
|
||||
queues: {
|
||||
uf: {},
|
||||
ipc: {}
|
||||
},
|
||||
ufs: {},
|
||||
ipcs: {},
|
||||
table: null,
|
||||
get: function() {
|
||||
return {
|
||||
ventas: () => {
|
||||
if (this.sent) {
|
||||
return
|
||||
}
|
||||
this.sent = true
|
||||
const url = '{{$urls->api}}/ventas/facturacion/proyecto/' + this.selected
|
||||
this.draw().loading()
|
||||
return fetchAPI(url).then(response => {
|
||||
if (response.ok) {
|
||||
return response.json()
|
||||
if (!response) {
|
||||
return
|
||||
}
|
||||
}).then(json => {
|
||||
const idx = this.data.findIndex(proyecto => proyecto.id === json.proyecto_id)
|
||||
const fecha_terreno = new Date(this.data[idx].terreno.date)
|
||||
this.data[idx]['ventas'] = []
|
||||
const ventas = []
|
||||
json.ventas.forEach(venta => {
|
||||
const data = {
|
||||
id: venta.id,
|
||||
precio: venta.valor,
|
||||
fecha: new Date(venta.fecha),
|
||||
escritura: null
|
||||
return response.json().then(json => {
|
||||
const idx = this.data.findIndex(proyecto => proyecto.id === json.proyecto_id)
|
||||
this.data[idx]['ventas'] = []
|
||||
const ventas = []
|
||||
const chunkSize = 100
|
||||
for (let i = 0; i < json.ventas.length; i += chunkSize) {
|
||||
const chunk = json.ventas.slice(i, i + chunkSize).map(venta => venta.id)
|
||||
ventas.push(this.get().chunk({idx, chunk}))
|
||||
}
|
||||
if (['escriturando'].includes(venta.current_estado.tipo_estado_venta.descripcion)) {
|
||||
data.escritura = new Date(venta.current_estado.fecha)
|
||||
}
|
||||
const v = new Venta(data)
|
||||
const promises = []
|
||||
if (v.escritura !== null) {
|
||||
promises.push(money.get().uf(v.escritura).then(uf => {
|
||||
v.uf = uf
|
||||
}))
|
||||
promises.push(money.get().ipc(v.escritura, fecha_terreno).then(ipc => {
|
||||
v.ipc = ipc
|
||||
}))
|
||||
}
|
||||
promises.push(v.get().unidades())
|
||||
const promise = Promise.all(promises).then(() => {
|
||||
this.data[idx].ventas.push(v)
|
||||
Promise.all(ventas).then(() => {
|
||||
this.draw().ventas(idx)
|
||||
this.sent = false
|
||||
money.get().many().then(response => {
|
||||
response.forEach(dates => {
|
||||
dates.forEach(values => {
|
||||
values.ventas.forEach(venta => {
|
||||
let vidx = 0
|
||||
if (values.type === 'uf') {
|
||||
vidx = this.data[idx].ventas.findIndex(v => v.id === venta)
|
||||
this.data[idx].ventas[vidx].uf = values.value
|
||||
return
|
||||
}
|
||||
if (values.type === 'ipc') {
|
||||
vidx = this.data[idx].ventas.findIndex(v => v.id === venta.venta_id)
|
||||
this.data[idx].ventas[vidx].ipc = values.value * venta.mult
|
||||
}
|
||||
})
|
||||
})
|
||||
})
|
||||
this.draw().ventas(idx)
|
||||
})
|
||||
})
|
||||
ventas.push(promise)
|
||||
})
|
||||
Promise.all(ventas).then(() => {
|
||||
this.data[idx].ventas.sort((a, b) => parseInt(a.principal.descripcion) - parseInt(b.principal.descripcion))
|
||||
this.draw().ventas(idx)
|
||||
})
|
||||
})
|
||||
},
|
||||
chunk: ({idx, chunk}) => {
|
||||
const url = '{{$urls->api}}/ventas/facturacion/get'
|
||||
const method = 'post'
|
||||
const body = new FormData()
|
||||
body.set('ventas', chunk)
|
||||
|
||||
return fetchAPI(url, {method, body}).then(response => {
|
||||
if (!response) {
|
||||
return response
|
||||
}
|
||||
return response.json().then(json => {
|
||||
json.ventas.forEach(venta => {
|
||||
this.add().venta({proyecto_idx: idx, venta})
|
||||
})
|
||||
});
|
||||
})
|
||||
},
|
||||
}
|
||||
},
|
||||
add() {
|
||||
return {
|
||||
venta: ({proyecto_idx, venta}) => {
|
||||
const v = new Venta(venta)
|
||||
this.data[proyecto_idx].ventas.push(v)
|
||||
const fecha_terreno = (typeof this.data[proyecto_idx].terreno.fecha === 'undefined') ? new Date() : new Date(this.data[proyecto_idx].terreno.fecha)
|
||||
|
||||
if (v.escritura !== null) {
|
||||
money.enqueue().uf({date: v.escritura, venta_id: v.id})
|
||||
money.enqueue().ipc({start: v.escritura, end: fecha_terreno, venta_id: v.id})
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
register() {
|
||||
return {
|
||||
uf: ({dateString, venta_id}) => {
|
||||
if (!Object.hasOwn(this.queues.uf, dateString)) {
|
||||
this.queues.uf[dateString] = []
|
||||
}
|
||||
this.queues.uf[dateString].push(venta_id)
|
||||
},
|
||||
ipc: ({dateString, venta_id}) => {
|
||||
if (!Object.hasOwn(this.queues.ipc, dateString)) {
|
||||
this.queues.ipc[dateString] = []
|
||||
}
|
||||
this.queues.ipc[dateString].push(venta_id)
|
||||
}
|
||||
}
|
||||
},
|
||||
draw: function() {
|
||||
return {
|
||||
proyectos: () => {
|
||||
$(this.ids.title).html('Proyectos')
|
||||
if (this.table !== null) {
|
||||
this.table.clear()
|
||||
this.table.destroy()
|
||||
$(this.ids.data).html('')
|
||||
}
|
||||
$(this.ids.data).hide()
|
||||
$(this.ids.proyectos).find('.item').css('cursor', 'pointer')
|
||||
$(this.ids.proyectos).show()
|
||||
},
|
||||
ventas: proyecto_idx => {
|
||||
const table = $(this.ids.data)
|
||||
$(this.ids.title).html(this.data[proyecto_idx].descripcion)
|
||||
const parent = $(this.ids.data)
|
||||
if (this.table !== null) {
|
||||
this.table.clear().destroy()
|
||||
this.table.clear()
|
||||
this.table.destroy()
|
||||
this.table = null
|
||||
parent.html('')
|
||||
}
|
||||
const table = $('<table></table>').addClass('ui compact table')
|
||||
table.append(this.draw().thead())
|
||||
table.append(this.draw().tbody(proyecto_idx))
|
||||
table.show()
|
||||
parent.show()
|
||||
parent.html(table)
|
||||
$(this.ids.proyectos).hide()
|
||||
if (this.table === null) {
|
||||
this.table = table.DataTable()
|
||||
const dtD = structuredClone(datatables_defaults)
|
||||
dtD['pageLength'] = 100
|
||||
dtD['order'] = [[0, 'asc']]
|
||||
this.table = table.DataTable(dtD)
|
||||
}
|
||||
},
|
||||
thead: () => {
|
||||
@ -331,6 +477,9 @@
|
||||
venta.draw({tbody, valor_terreno: this.data[proyecto_idx].terreno.valor})
|
||||
})
|
||||
return tbody
|
||||
},
|
||||
loading: () => {
|
||||
$(this.ids.proyectos).find('.item').css('cursor', 'wait')
|
||||
}
|
||||
}
|
||||
},
|
||||
@ -369,6 +518,7 @@
|
||||
}
|
||||
$(document).ready(() => {
|
||||
proyectos.setup({ids: {
|
||||
title: '#list_title',
|
||||
proyectos: '#proyectos',
|
||||
data: '#data',
|
||||
buttons: {
|
||||
|
||||
Reference in New Issue
Block a user