develop (#45)
Co-authored-by: Juan Pablo Vial <jpvialb@incoviba.cl> Reviewed-on: #45
This commit is contained in:
@ -13,439 +13,214 @@
|
||||
{{$venta->propiedad()->summary()}}
|
||||
</a>
|
||||
</h2>
|
||||
<div class="ui very basic segment">
|
||||
Valor Venta: {{$format->ufs($venta->valor)}}
|
||||
</div>
|
||||
<form id="venta_form" class="ui form">
|
||||
<div class="two wide field">
|
||||
<label for="proporcion">Proporción Factura</label>
|
||||
<div class="ui right labeled input">
|
||||
<input type="number" name="proporcion" id="proporcion" value="100" max="100" min="0"/>
|
||||
<div class="ui basic icon label">
|
||||
<i class="percent icon"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fields">
|
||||
@foreach ($venta->propiedad()->unidades as $unidad)
|
||||
<div class="three wide field">
|
||||
<label for="precio{{$unidad->pu_id}}">Precio {{ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}} {{$unidad->descripcion}}</label>
|
||||
<div class="ui right labeled input" id="input{{$unidad->pu_id}}">
|
||||
<input class="price" type="text" name="precio{{$unidad->pu_id}}" id="precio{{$unidad->pu_id}}" data-id="{{$unidad->pu_id}}" value="{{($unidad->valor > 0) ? $unidad->valor : $unidad->precio($venta->currentEstado()->fecha)->valor}}" />
|
||||
<div class="ui basic label">UF</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="fields">
|
||||
@foreach($venta->propiedad()->unidades as $unidad)
|
||||
<div class="three wide field">
|
||||
@if ($unidad->prorrateo === 0.0)
|
||||
<label for="prorrateo{{$unidad->id}}">Prorrateo {{ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}} {{$unidad->descripcion}}</label>
|
||||
<div class="ui right labeled input" id="prorrateo{{$unidad->id}}">
|
||||
<input class="prorrateo" type="text" data-id="{{$unidad->id}}" value="{{$unidad->prorrateo}}" />
|
||||
<div class="ui basic label">%</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="ui very basic segment" id="total_unidades"></div>
|
||||
@php $lastDic = new DateTimeImmutable((new DateTimeImmutable())->sub(new DateInterval('P1Y'))->format('31-12-Y')); @endphp
|
||||
@if (!isset($venta->proyecto()->terreno->fecha) or $venta->proyecto()->terreno->fecha < $lastDic)
|
||||
<div class="four wide field">
|
||||
<label for="terreno">Valor Terreno al {{$lastDic->format('d-m-Y')}}</label>
|
||||
<div class="ui left labeled input">
|
||||
<div class="ui basic label">$</div>
|
||||
<input type="number" id="terreno" />
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</form>
|
||||
@if ($venta->currentEstado()->fecha->sub(new DateInterval('P1M')) > $venta->proyecto()->terreno->fecha
|
||||
and $IPC->get($venta->proyecto()->terreno->fecha, $venta->currentEstado()->fecha->sub(new DateInterval('P1M'))) === 0.0)
|
||||
<div class="ui compact icon error message">
|
||||
<i class="exclamation triangle icon"></i>
|
||||
<div class="content">
|
||||
IPC no disponible para este mes.
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
<div class="ui divider"></div>
|
||||
<div id="factura">
|
||||
<div class="ui compact grid">
|
||||
<div class="two columns row">
|
||||
<div class="twelve wide column">
|
||||
<strong>
|
||||
{{mb_strtoupper($venta->proyecto()->inmobiliaria()->nombreCompleto())}}
|
||||
</strong><br/>
|
||||
GIRO: <br/>
|
||||
Dirección: {{$venta->proyecto()->direccion()->simple()}}
|
||||
</div>
|
||||
<div class="four wide column">
|
||||
<div class="ui center aligned red segment">
|
||||
<strong>
|
||||
RUT: {{$venta->proyecto()->inmobiliaria()->rut()}}<br/>
|
||||
FACTURA ELECTRÓNICA<br/>
|
||||
N° #
|
||||
</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<table class="ui table">
|
||||
<tr>
|
||||
<td class="grey"><strong>Señor(es)</strong></td>
|
||||
<td>{{$venta->propietario()->nombreCompleto()}}</td>
|
||||
<td class="grey"><strong>RUT</strong></td>
|
||||
<td>{{$venta->propietario()->rut()}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="grey"><strong>Giro</strong></td>
|
||||
<td>Otras Actividades Profesionales</td>
|
||||
<td class="grey"><strong>Fecha Emisión</strong></td>
|
||||
<td>{{(new IntlDateFormatter('es-CL', IntlDateFormatter::LONG, IntlDateFormatter::NONE))->format($venta->currentEstado()->fecha)}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="grey"><strong>Dirección</strong></td>
|
||||
<td>{{$venta->propietario()->datos->direccion->simple()}}</td>
|
||||
<td class="grey"><strong>Comuna</strong></td>
|
||||
<td>{{mb_strtoupper($venta->propietario()->datos->direccion->comuna->descripcion)}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="row">
|
||||
<table class="ui celled table">
|
||||
<thead>
|
||||
<tr class="grey">
|
||||
<th class="center aligned" colspan="6">DETALLES</th>
|
||||
</tr>
|
||||
<tr class="grey">
|
||||
<th>N°</th>
|
||||
<th class="center aligned">Descripción</th>
|
||||
<th class="center aligned">Cant/Unidad</th>
|
||||
<th class="center aligned">Prec. Unit.</th>
|
||||
<th class="center aligned">Ind</th>
|
||||
<th class="center aligned">Total</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="unidades"></tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="6">
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="ten wide column"></div>
|
||||
<div class="six wide column">
|
||||
<table class="ui celled very compact table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="center aligned grey" colspan="2">TOTALES</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="grey">Monto Neto</td>
|
||||
<td class="right aligned" id="neto"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="grey">Monto Exento</td>
|
||||
<td class="right aligned" id="exento"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="grey">19% IVA</td>
|
||||
<td class="right aligned" id="iva"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="grey">Monto Total</td>
|
||||
<td class="right aligned"><strong id="total"></strong></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span id="venta"></span>
|
||||
<div id="facturas"></div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@include('layout.body.scripts.rut')
|
||||
|
||||
@push('page_scripts')
|
||||
@include('ventas.facturacion.show.factura')
|
||||
@include('ventas.facturacion.show.propietario')
|
||||
@include('ventas.facturacion.show.unidad')
|
||||
@include('ventas.facturacion.show.venta')
|
||||
<script>
|
||||
const factura = {
|
||||
id: '#unidades',
|
||||
totales: {},
|
||||
proporcion: 1,
|
||||
precio: {{$UF->transform($venta->currentEstado()->fecha, $venta->valor)}},
|
||||
terreno: {{(isset($venta->proyecto()->terreno->fecha) and $venta->proyecto()->terreno->fecha >= $lastDic) ?
|
||||
$IPC->readjust($venta->proyecto()->terreno->valor, $venta->proyecto()->terreno->fecha, $venta->currentEstado()->fecha) : 0}},
|
||||
uf: {{$UF->get($venta->currentEstado()->fecha)}},
|
||||
unidades: JSON.parse('{!! json_encode(array_map(function(Incoviba\Model\Venta\PropiedadUnidad $unidad) use ($venta, $UF, $format) {
|
||||
$precio = ($unidad->valor > 0) ? $unidad->valor : ($unidad->precio($venta->currentEstado()->fecha) ? $unidad->precio($venta->currentEstado()->fecha)->valor : 0);
|
||||
return [
|
||||
'id' => $unidad->id,
|
||||
'pid' => $unidad->pu_id,
|
||||
'descripcion' => ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion) . ' ' . $unidad->descripcion,
|
||||
'precio' => $precio,
|
||||
'base' => $UF->transform($venta->currentEstado()->fecha, $precio),
|
||||
'prorrateo' => $unidad->prorrateo,
|
||||
];
|
||||
}, $venta->propiedad()->unidades)) !!}'),
|
||||
build: function() {
|
||||
const tbody = $(this.id)
|
||||
tbody.html('')
|
||||
const pesoFormatter = new Intl.NumberFormat('es-CL', {maximumFractionDigits: 0, minimumFractionDigits: 0})
|
||||
const ufFormatter = new Intl.NumberFormat('es-CL', {maximumFractionDigits: 2, minimumFractionDigits: 2})
|
||||
const percentFormatter = new Intl.NumberFormat('es-CL', {maximumFractionDigits: 5, minimumFractionDigits: 5})
|
||||
let terreno = 0
|
||||
let prorrateo = 0
|
||||
let totalUnidades = 0
|
||||
let precioUnidades = 0
|
||||
let c = 1
|
||||
const classes = [
|
||||
'',
|
||||
'',
|
||||
'center aligned',
|
||||
'right aligned',
|
||||
'center aligned',
|
||||
'right aligned'
|
||||
]
|
||||
this.unidades.forEach(unidad => {
|
||||
totalUnidades += unidad.base
|
||||
precioUnidades += unidad.precio
|
||||
const descuento = this.terreno * unidad.prorrateo
|
||||
terreno += descuento
|
||||
prorrateo += unidad.prorrateo
|
||||
const bruto = unidad.base - descuento
|
||||
const neto = bruto / 1.19
|
||||
const data = [
|
||||
c ++,
|
||||
unidad.descripcion + ' (UF ' + ufFormatter.format(unidad.precio * this.proporcion) + ')',
|
||||
'1 UNID',
|
||||
pesoFormatter.format(neto * this.proporcion),
|
||||
'AF',
|
||||
pesoFormatter.format(neto * this.proporcion)
|
||||
]
|
||||
const facturas = {
|
||||
ids: {},
|
||||
venta: null,
|
||||
formatters: {
|
||||
date: new Intl.DateTimeFormat('es-CL', {year: 'numeric', month: '2-digit', day: '2-digit'}),
|
||||
pesos: new Intl.NumberFormat('es-CL', {minimumFractionDigits: 0, maximumFractionDigits: 0}),
|
||||
ufs: new Intl.NumberFormat('es-CL', {minimumFractionDigits: 2, maximumFractionDigits: 2}),
|
||||
percent: new Intl.NumberFormat('es-CL', {minimumFractionDigits: 4, maximumFractionDigits: 4})
|
||||
},
|
||||
draw() {
|
||||
return {
|
||||
venta: () => {
|
||||
document.getElementById(this.ids.venta).innerHTML = this.venta.draw().venta(this.formatters.ufs)
|
||||
this.venta.watch().venta()
|
||||
},
|
||||
facturas: () => {
|
||||
document.getElementById(this.ids.facturas).innerHTML = this.venta.draw().facturas(this.formatters)
|
||||
this.venta.watch().facturas()
|
||||
}
|
||||
}
|
||||
},
|
||||
proporcion() {
|
||||
if (this.venta.props.facturas.facturas.length === 0) {
|
||||
return 1
|
||||
}
|
||||
return this.venta.props.facturas.facturas.reduce((sum, factura) => {
|
||||
return sum + factura.props.proporcion
|
||||
}, 0)
|
||||
},
|
||||
setup({ids}) {
|
||||
this.ids = ids
|
||||
this.venta = new Venta({
|
||||
id: {{$venta->id}},
|
||||
inmobiliaria: {
|
||||
rut: '{{$venta->proyecto()->inmobiliaria()->rut()}}',
|
||||
nombre: '{{$venta->proyecto()->inmobiliaria()->nombreCompleto()}}',
|
||||
direccion: '{{$venta->proyecto()->direccion()->simple()}}',
|
||||
comuna: '{{$venta->proyecto()->direccion()->comuna->descripcion}}'
|
||||
},
|
||||
proyecto: {
|
||||
id: {{$venta->proyecto()->id}},
|
||||
},
|
||||
valor: {{$venta->valor}},
|
||||
uf: {
|
||||
fecha: new Date('{{$venta->currentEstado()->fecha->add(new DateInterval('P1D'))->format('Y-m-d')}}'),
|
||||
valor: {{$uf}}
|
||||
},
|
||||
estado: {
|
||||
fecha: new Date('{{$venta->currentEstado()->fecha->add(new DateInterval('P1D'))->format('Y-m-d')}}')
|
||||
},
|
||||
last: {
|
||||
november: new Date('{{(new DateTimeImmutable())->sub(new DateInterval('P1Y'))->format('Y-11-30')}}')
|
||||
},
|
||||
unidades: [
|
||||
@foreach ($venta->propiedad()->unidades as $unidad)
|
||||
new Unidad({
|
||||
id: {{$unidad->id}},
|
||||
tipo: '{{ucwords($unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}}',
|
||||
descripcion: '{{ $unidad->descripcion }}',
|
||||
prorrateo: {{$unidad->prorrateo}},
|
||||
propiedad_unidad_id: {{$unidad->pu_id}},
|
||||
valor: {{($unidad->valor > 0) ? $unidad->valor : $unidad->precio($venta->currentEstado()->fecha)->valor}}
|
||||
}),
|
||||
@endforeach
|
||||
],
|
||||
propietarios: [],
|
||||
facturas: {
|
||||
fecha: new Date('{{$venta->currentEstado()->fecha->add(new DateInterval('P1D'))->format('Y-m-d')}}'),
|
||||
terreno: {
|
||||
@if ($terreno->fecha != null) fecha: new Date('{{$terreno->fecha->add(new DateInterval('P1D'))->format('Y-m-d')}}'),
|
||||
@else fecha: null,
|
||||
@endif
|
||||
valor: {{($terreno->valor ?? 0) * (1 + $ipc)}}
|
||||
},
|
||||
facturas: []
|
||||
}
|
||||
})
|
||||
@if (count($facturas) > 0)
|
||||
this.venta.props.uf = {
|
||||
fecha: new Date('{{$facturas[0]->uf->fecha->format('Y-m-d')}}'),
|
||||
valor: {{$facturas[0]->uf->valor}}
|
||||
}
|
||||
@foreach ($facturas as $factura)
|
||||
this.venta.props.facturas.facturas[{{$factura->index - 1}}] = new Factura({
|
||||
id: {{ $factura->id }},
|
||||
venta: this.venta.props,
|
||||
proporcion: {{ $factura->proporcion }},
|
||||
index: {{$factura->index}},
|
||||
fecha: new Date('{{$factura->fecha->format('Y-m-d')}}'),
|
||||
emisor: {
|
||||
rut: '{{$factura->venta->proyecto()->inmobiliaria()->rut}}',
|
||||
nombre: '{{$factura->venta->proyecto()->inmobiliaria()->razon}}',
|
||||
direccion: '{{$factura->venta->proyecto()->direccion()->simple()}}',
|
||||
comuna: '{{$factura->venta->proyecto()->direccion()->comuna->id}}',
|
||||
},
|
||||
receptor: {
|
||||
rut: '{{$factura->cliente->rutCompleto()}}',
|
||||
nombre: '{{$factura->cliente->nombreCompleto()}}',
|
||||
direccion: '{{$factura->cliente->datos()->direccion->simple()}}',
|
||||
comuna: '{{$factura->cliente->datos()->direccion->comuna->id}}',
|
||||
},
|
||||
terreno: {
|
||||
@if ($terreno->fecha != null) fecha: new Date('{{$terreno->fecha->add(new DateInterval('P1D'))->format('Y-m-d')}}'),
|
||||
@else fecha: null,
|
||||
@endif
|
||||
valor: {{ $factura->terreno}}
|
||||
},
|
||||
unidades: [
|
||||
@foreach ($factura->unidades as $unidad)
|
||||
{
|
||||
unidad: new Unidad({
|
||||
id: {{$unidad->unidad->id}},
|
||||
tipo: '{{ucwords($unidad->unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}}',
|
||||
descripcion: '{{ $unidad->unidad->descripcion }}',
|
||||
prorrateo: {{$unidad->prorrateo}},
|
||||
propiedad_unidad_id: {{ array_values(array_filter($venta->propiedad()->unidades, function($uni) use ($unidad) {return $uni->id === $unidad->unidad->id;}))[0]->pu_id }},
|
||||
valor: {{$unidad->precio}}
|
||||
}),
|
||||
descripcion: '{{ucwords($unidad->unidad->proyectoTipoUnidad->tipoUnidad->descripcion)}} {{ $unidad->unidad->descripcion }} (UF {{ number_format(array_values(array_filter($venta->propiedad()->unidades, function($uni) use ($unidad, $factura) {return $uni->id === $unidad->unidad->id;}))[0]->precio($venta->currentEstado()->fecha)->valor * $factura->proporcion, 2) }})',
|
||||
precio: {{ $unidad->precio }},
|
||||
prorrateo: {{ $unidad->prorrateo }},
|
||||
},
|
||||
@endforeach
|
||||
],
|
||||
detalle: {
|
||||
base: {{ $factura->base() }},
|
||||
terreno: {{ $factura->terreno * $factura->proporcion * $factura->prorrateo }},
|
||||
neto: {{ $factura->neto() }},
|
||||
iva: {{ $factura->iva() }},
|
||||
bruto: {{ $factura->bruto() }},
|
||||
total: {{ $factura->total() }},
|
||||
descuento: {{ array_reduce($factura->unidades, function($sum, $unidad) use ($factura) { return $sum + $unidad->prorrateo * $factura->proporcion; }, 0) }}
|
||||
},
|
||||
total: {
|
||||
neto: {{ array_reduce($factura->unidades, function($sum, $unidad) {return $sum + $unidad->precio * $factura->proporcion;}, 0) }},
|
||||
exento: {{ $factura->terreno * $factura->proporcion }},
|
||||
iva: {{ $factura->iva() }},
|
||||
total: {{ $factura->total() }}
|
||||
},
|
||||
saved: true,
|
||||
uf: {
|
||||
fecha: new Date('{{$factura->uf->fecha->format('Y-m-d')}}'),
|
||||
valor: {{$factura->uf->valor}}
|
||||
}
|
||||
})
|
||||
this.venta.props.facturas.facturas[{{$factura->index - 1}}].props.saved = true
|
||||
this.venta.props.propietarios[{{$factura->index - 1}}] = new Propietario({
|
||||
index: {{$factura->index}},
|
||||
proporcion: {{$factura->proporcion}},
|
||||
rut: '{{$factura->cliente->rutCompleto()}}',
|
||||
nombre: '{{$factura->cliente->nombreCompleto()}}',
|
||||
direccion: '{{$factura->cliente->datos()->direccion->simple()}}',
|
||||
comuna: '{{$factura->cliente->datos()->direccion->comuna->id}}',
|
||||
fecha: new Date('{{$factura->fecha->format('Y-m-d')}}'),
|
||||
})
|
||||
@endforeach
|
||||
this.draw().venta()
|
||||
if (this.proporcion() < 1) {
|
||||
const p = 1 - this.proporcion()
|
||||
const propietario = this.venta.add().propietario({
|
||||
rut: '',
|
||||
nombre: '',
|
||||
proporcion: (p*100).toFixed(0)/100,
|
||||
direccion: '',
|
||||
comuna: '0'
|
||||
})
|
||||
document.getElementById('propietarios').innerHTML = this.venta.draw().propietarios()
|
||||
document.getElementById('cantidad_propietarios').value = this.venta.props.propietarios.length
|
||||
this.venta.add().factura(propietario)
|
||||
|
||||
const row = $('<tr></tr')
|
||||
data.forEach((value, i) => {
|
||||
const cell = $('<td></td>')
|
||||
if (classes[i] !== '') {
|
||||
cell.addClass(classes[i])
|
||||
}
|
||||
cell.html(value)
|
||||
row.append(cell)
|
||||
this.draw().facturas()
|
||||
}
|
||||
@else
|
||||
const propietario = this.venta.add().propietario({
|
||||
proporcion: 1,
|
||||
rut: '{{$venta->propietario()->rut()}}',
|
||||
nombre: '{{$venta->propietario()->nombreCompleto()}}',
|
||||
direccion: '{{$venta->propietario()->datos->direccion->simple()}}',
|
||||
comuna: '{{$venta->propietario()->datos->direccion->comuna->id}}'
|
||||
})
|
||||
tbody.append(row)
|
||||
})
|
||||
$('#total_unidades')
|
||||
.attr('class', 'ui compact segment ' + ((totalUnidades.toFixed(2) !== this.precio.toFixed(2)) ? 'inverted red' : 'inverted green'))
|
||||
.html('Total Unidades: ' + ufFormatter.format(precioUnidades) + ' UF' +
|
||||
((totalUnidades.toFixed(2) !== this.precio.toFixed(2)) ? '; Diferencia: ' + ufFormatter.format({{$venta->valor}} - precioUnidades) + ' UF' : ''))
|
||||
if (totalUnidades.toFixed(2) !== this.precio.toFixed(2)) {
|
||||
this.highlight()
|
||||
}
|
||||
const bruto = this.precio - terreno
|
||||
const base = bruto / 1.19
|
||||
const iva = base * .19
|
||||
const subtotal = base + iva
|
||||
const total = subtotal + terreno
|
||||
const totalUF = total / this.uf
|
||||
|
||||
const emptyTerreno = '<div class="ui tiny red horizontal circular label">0</div>'
|
||||
const data = [
|
||||
c,
|
||||
'Valor con Terreno ' + pesoFormatter.format((base + terreno) * this.proporcion) + ' - Menos valor terreno ' + ((terreno > 0) ? pesoFormatter.format(-terreno * this.proporcion) : emptyTerreno) + '<br />' +
|
||||
'Base imponible ' + pesoFormatter.format(base * this.proporcion) + '<br />' +
|
||||
'IVA ' + pesoFormatter.format(iva * this.proporcion) + '<br />' +
|
||||
'SUBTOTAL ' + pesoFormatter.format(subtotal * this.proporcion) + '<br />' +
|
||||
'Mas valor terreno ' + ((terreno > 0) ? pesoFormatter.format(terreno * this.proporcion) : emptyTerreno) + '<br />' +
|
||||
'TOTAL ' + pesoFormatter.format(total * this.proporcion) + ';' + ufFormatter.format(totalUF * this.proporcion) + ' UF<br /><br />' +
|
||||
'Descuento Terreno: ' + ((terreno > 0) ? percentFormatter.format(prorrateo * 100) : emptyTerreno) + '%<br /><br />' +
|
||||
'UF: ' + ufFormatter.format(this.uf),
|
||||
'1 UNID',
|
||||
pesoFormatter.format(terreno * this.proporcion),
|
||||
'EX',
|
||||
pesoFormatter.format(terreno * this.proporcion)
|
||||
]
|
||||
const row = $('<tr></tr>').addClass('top aligned')
|
||||
data.forEach((value, i) => {
|
||||
const cell = $('<td></td>')
|
||||
if (classes[i] !== '') {
|
||||
cell.addClass(classes[i])
|
||||
this.draw().venta()
|
||||
if (typeof propietario !== 'undefined') {
|
||||
this.venta.add().factura(propietario)
|
||||
}
|
||||
cell.html(value)
|
||||
row.append(cell)
|
||||
})
|
||||
tbody.append(row)
|
||||
|
||||
$(this.totales.afecto).html(pesoFormatter.format(base * this.proporcion))
|
||||
$(this.totales.exento).html(pesoFormatter.format(terreno * this.proporcion))
|
||||
$(this.totales.iva).html(pesoFormatter.format(iva * this.proporcion))
|
||||
$(this.totales.total).html(pesoFormatter.format(total * this.proporcion))
|
||||
},
|
||||
update: function() {
|
||||
return {
|
||||
price: (id, value) => {
|
||||
this.unhighlight()
|
||||
const idx = this.unidades.findIndex(unidad => unidad.pid === id)
|
||||
if (idx === -1) {
|
||||
return
|
||||
}
|
||||
const old_value = this.unidades[idx].precio
|
||||
if (old_value === parseFloat(value)) {
|
||||
return
|
||||
}
|
||||
const url = '{{$urls->api}}/ventas/propiedades/unidad/' + id + '/edit'
|
||||
const data = new FormData()
|
||||
data.set('valor', value)
|
||||
return fetchAPI(url, {method: 'post', body: data}).then(response => {
|
||||
if (response.ok) {
|
||||
return response.json()
|
||||
}
|
||||
}).then(json => {
|
||||
if (!json.edited) {
|
||||
return
|
||||
}
|
||||
const idx = this.unidades.findIndex(unidad => unidad.pid === json.propiedad_unidad_id)
|
||||
this.unidades[idx].precio = parseFloat(json.input.valor)
|
||||
this.unidades[idx].base = parseFloat(json.input.valor * this.unidades[idx].base / old_value)
|
||||
this.build()
|
||||
})
|
||||
},
|
||||
terreno: value => {
|
||||
const url = '{{$urls->api}}/proyecto/{{$venta->proyecto()->id}}/terreno/edit'
|
||||
const data = new FormData()
|
||||
data.set('valor', value)
|
||||
data.set('fecha', '{{$lastDic->format('Y-m-d')}}')
|
||||
return fetchAPI(url, {method: 'post', body: data}).then(response => {
|
||||
if (response.ok) {
|
||||
return response.json()
|
||||
}
|
||||
}).then(json => {
|
||||
if (!json.edited) {
|
||||
return
|
||||
}
|
||||
this.terreno = parseInt(json.input.valor)
|
||||
const data = new FormData()
|
||||
data.set('start', '{{$lastDic->format('Y-m-d')}}')
|
||||
data.set('end', '{{$venta->currentEstado()->fecha->sub(new DateInterval('P1M'))->format('Y-m-d')}}')
|
||||
const url = '{{$urls->api}}/money/ipc'
|
||||
return fetchAPI(url, {method: 'post', body: data}).then(response => {
|
||||
if (response.ok) {
|
||||
return response.json()
|
||||
}
|
||||
}).then(json => {
|
||||
this.terreno *= (1 + parseFloat(json.ipc))
|
||||
this.build()
|
||||
})
|
||||
})
|
||||
},
|
||||
prorrateo: (id, value) => {
|
||||
if (parseFloat(value) === 0) {
|
||||
return
|
||||
}
|
||||
const url = '{{$urls->api}}/ventas/unidad/' + id + '/prorrateo'
|
||||
const data = new FormData()
|
||||
data.set('prorrateo', value)
|
||||
return fetchAPI(url, {method: 'post', body: data}).then(response => {
|
||||
if (response.ok) {
|
||||
return response.json()
|
||||
}
|
||||
}).then(json => {
|
||||
if (!json.edited) {
|
||||
return
|
||||
}
|
||||
const idx = this.unidades.findIndex(unidad => unidad.id === json.unidad_id)
|
||||
this.unidades[idx].prorrateo = parseFloat(json.input.prorrateo)
|
||||
this.build()
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
watch: function() {
|
||||
return {
|
||||
proporcion: id => {
|
||||
$(id).change(event => {
|
||||
const val = $(event.currentTarget).val()
|
||||
if (val / 100 === this.proporcion) {
|
||||
return
|
||||
}
|
||||
this.proporcion = val / 100
|
||||
this.build()
|
||||
})
|
||||
},
|
||||
prices: class_name => {
|
||||
$(class_name).change(event => {
|
||||
const val = $(event.currentTarget).val()
|
||||
const id = $(event.currentTarget).data('id')
|
||||
this.update().price(id, val)
|
||||
})
|
||||
},
|
||||
prorrateo: class_name => {
|
||||
$(class_name).change(event => {
|
||||
const val = $(event.currentTarget).val()
|
||||
const id = $(event.currentTarget).data('id')
|
||||
this.update().prorrateo(id, val)
|
||||
})
|
||||
},
|
||||
terreno: id => {
|
||||
$(id).change(event => {
|
||||
const val = $(event.currentTarget).val()
|
||||
this.update().terreno(val).then(() => {
|
||||
$(id).parent().parent().hide()
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
highlight: function() {
|
||||
const pid = this.unidades[0].pid
|
||||
const input = $('#input' + pid)
|
||||
input.addClass('error')
|
||||
input.find('.label').addClass('red')
|
||||
input.attr('data-content', 'Valor total no es igual a valor de venta')
|
||||
input.popup()
|
||||
},
|
||||
unhighlight: function() {
|
||||
const pid = this.unidades[0].pid
|
||||
const input = $('#input' + pid)
|
||||
input.removeClass('error')
|
||||
input.find('.label').removeClass('red')
|
||||
input.removeAttr('data-content')
|
||||
},
|
||||
setup: function({form_id, tbody_id, input_id, prices_class, prorrateo_class, terreno_id, totales_ids}) {
|
||||
$(form_id).submit(event => {
|
||||
event.preventDefault()
|
||||
return false
|
||||
})
|
||||
this.id = tbody_id
|
||||
this.totales = totales_ids
|
||||
this.proporcion = $(input_id).val() / 100
|
||||
this.watch().proporcion(input_id)
|
||||
this.watch().prices(prices_class)
|
||||
this.watch().prorrateo(prorrateo_class)
|
||||
@if (!isset($venta->proyecto()->terreno->fecha) or $venta->proyecto()->terreno->fecha <= $lastDic)
|
||||
this.watch().terreno(terreno_id)
|
||||
@endif
|
||||
this.build()
|
||||
this.draw().facturas()
|
||||
}
|
||||
}
|
||||
$(document).ready(() => {
|
||||
factura.setup({form_id: '#venta_form', tbody_id: '#unidades', input_id: '#proporcion',
|
||||
prices_class: '.price', prorrateo_class: '.prorrateo', terreno_id: '#terreno', totales_ids: {
|
||||
afecto: '#neto',
|
||||
exento: '#exento',
|
||||
iva: '#iva',
|
||||
total: '#total'
|
||||
}})
|
||||
facturas.setup({
|
||||
ids: {
|
||||
venta: 'venta',
|
||||
facturas: 'facturas'
|
||||
}
|
||||
})
|
||||
})
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
431
app/resources/views/ventas/facturacion/show/factura.blade.php
Normal file
431
app/resources/views/ventas/facturacion/show/factura.blade.php
Normal file
@ -0,0 +1,431 @@
|
||||
<script>
|
||||
class Factura {
|
||||
props = {
|
||||
id: 0,
|
||||
venta: null,
|
||||
index: 0,
|
||||
proporcion: 0,
|
||||
terreno: {
|
||||
fecha: null,
|
||||
valor: 0
|
||||
},
|
||||
emisor: {
|
||||
rut: '',
|
||||
nombre: '',
|
||||
direccion: '',
|
||||
comuna: ''
|
||||
},
|
||||
receptor: {
|
||||
rut: '',
|
||||
nombre: '',
|
||||
direccion: '',
|
||||
comuna: ''
|
||||
},
|
||||
fecha: null,
|
||||
unidades: {
|
||||
unidad: null,
|
||||
descripcion: '',
|
||||
precio: 0,
|
||||
prorrateo: 0
|
||||
},
|
||||
detalle: {
|
||||
base: 0,
|
||||
terreno: 0,
|
||||
neto: 0,
|
||||
iva: 0,
|
||||
bruto: 0,
|
||||
descuento: 0,
|
||||
total: 0
|
||||
},
|
||||
total: {
|
||||
neto: 0,
|
||||
exento: 0,
|
||||
iva: 0,
|
||||
total: 0
|
||||
},
|
||||
uf: {
|
||||
fecha: null,
|
||||
valor: 0
|
||||
}
|
||||
}
|
||||
constructor(props) {
|
||||
this.props = props
|
||||
}
|
||||
get saved() {
|
||||
return this.props.id > 0
|
||||
}
|
||||
get prorrateo() {
|
||||
return this.props.unidades.reduce((sum, unidad) => sum + unidad.prorrateo, 0)
|
||||
}
|
||||
draw() {
|
||||
return {
|
||||
divider: () => {
|
||||
return '<div class="ui divider" data-index="'+this.props.index+'"></div>'
|
||||
},
|
||||
factura: ({formatters = {date, pesos, ufs, percent}}) => {
|
||||
return [
|
||||
this.draw().divider(this.props.index),
|
||||
`<div class="factura" data-index="${this.props.index}">`,
|
||||
'<div class="ui compact grid">',
|
||||
this.draw().cabecera(),
|
||||
this.draw().propietario({formatters}),
|
||||
this.draw().table({formatters}),
|
||||
this.draw().totales({formatters}),
|
||||
this.draw().guardar(),
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join("\n")
|
||||
},
|
||||
cabecera: () => {
|
||||
return [
|
||||
'<div class="two columns row">',
|
||||
this.draw().inmobiliaria(),
|
||||
this.draw().rut(),
|
||||
'</div>'
|
||||
].join("\n")
|
||||
},
|
||||
inmobiliaria: () => {
|
||||
return [
|
||||
'<div class="twelve wide column">',
|
||||
'<strong>'+this.props.emisor.nombre.toUpperCase()+'</strong><br/>',
|
||||
'GIRO: <br/>',
|
||||
`Dirección: ${this.props.emisor.direccion}, ${this.props.emisor.comuna}`,
|
||||
'</div>',
|
||||
].join("\n")
|
||||
},
|
||||
rut: () => {
|
||||
return [
|
||||
'<div class="four wide column">',
|
||||
'<div class="ui center aligned orange segment">',
|
||||
'<strong>',
|
||||
`RUT:${this.props.emisor.rut.toUpperCase()}<br/>`,
|
||||
'FACTURA ELECTRÓNICA<br/>',
|
||||
`<span class="ui red text">N° ${this.props.venta.id}${this.props.index}</span>`,
|
||||
'</strong>',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join("\n")
|
||||
},
|
||||
propietario: ({formatters}) => {
|
||||
return [
|
||||
'<div class="row">',
|
||||
'<table class="ui table">',
|
||||
'<tr>'+
|
||||
'<td class="grey"><strong>Señor(es)</strong></td>',
|
||||
'<td>'+this.props.receptor.nombre+'</td>',
|
||||
'<td class="grey"><strong>RUT</strong></td>',
|
||||
'<td>'+this.props.receptor.rut.toUpperCase()+'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td class="grey"><strong>Giro</strong></td>',
|
||||
'<td>Otras Actividades Profesionales</td>',
|
||||
'<td class="grey"><strong>Fecha Emisión</strong></td>',
|
||||
'<td>'+formatters.date.format(this.props.fecha)+'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td class="grey"><strong>Dirección</strong></td>',
|
||||
'<td>'+this.props.receptor.direccion+'</td>',
|
||||
'<td class="grey"><strong>Comuna</strong></td>',
|
||||
'<td>'+this.props.receptor.comuna.toUpperCase()+'</td>',
|
||||
'</tr>',
|
||||
'</table>',
|
||||
'</div>'
|
||||
].join("\n")
|
||||
},
|
||||
table: ({formatters}) => {
|
||||
return [
|
||||
'<div class="row">',
|
||||
'<table class="ui celled table">',
|
||||
'<thead>',
|
||||
'<tr class="grey">',
|
||||
'<th class="center aligned" colspan="6">DETALLES</th>',
|
||||
'</tr>',
|
||||
'<tr class="grey">',
|
||||
'<th>N°</th>',
|
||||
'<th class="center aligned">Descripción</th>',
|
||||
'<th class="center aligned">Cant/Unidad</th>',
|
||||
'<th class="center aligned">Prec. Unit.</th>',
|
||||
'<th class="center aligned">Ind</th>',
|
||||
'<th class="center aligned">Total</th>',
|
||||
'</tr>',
|
||||
'</thead>',
|
||||
'<tbody>',
|
||||
this.draw().unidades({formatters}),
|
||||
'</tbody>',
|
||||
'<tfoot>',
|
||||
'<tr>',
|
||||
'<td colspan="6">',
|
||||
'<br />',
|
||||
'<br />',
|
||||
'<br />',
|
||||
'<br />',
|
||||
'</td>',
|
||||
'</tr>',
|
||||
'</tfoot>',
|
||||
'</table>',
|
||||
'</div>'
|
||||
].join("\n")
|
||||
},
|
||||
unidades: ({formatters}) => {
|
||||
const unidadesData = []
|
||||
let no = 1
|
||||
const classes = [
|
||||
'',
|
||||
'',
|
||||
'center aligned',
|
||||
'right aligned',
|
||||
'center aligned',
|
||||
'right aligned'
|
||||
]
|
||||
this.props.unidades.forEach(unidad => {
|
||||
unidadesData.push(this.draw().unidad({
|
||||
unidad,
|
||||
no: no++,
|
||||
classes,
|
||||
formatters
|
||||
}))
|
||||
})
|
||||
unidadesData.push(this.draw().resumen({
|
||||
no,
|
||||
classes,
|
||||
formatters
|
||||
}))
|
||||
return unidadesData.join("\n")
|
||||
},
|
||||
unidad: ({unidad, no, classes, formatters}) => {
|
||||
const descuento = this.props.terreno.valor * unidad.prorrateo * this.props.proporcion
|
||||
const precio = unidad.precio * this.props.proporcion
|
||||
const bruto = precio - descuento
|
||||
const neto = bruto / 1.19
|
||||
const data = [
|
||||
no,
|
||||
unidad.descripcion,
|
||||
'1 UNID',
|
||||
formatters.pesos.format(neto),
|
||||
'AF',
|
||||
formatters.pesos.format(neto)
|
||||
]
|
||||
|
||||
const row = ['<tr>']
|
||||
data.forEach((value, i) => {
|
||||
const cell = ['<td']
|
||||
if (classes[i] !== '') {
|
||||
cell.push(' class="' + classes[i] + '"')
|
||||
}
|
||||
cell.push('>'+value+'</td>')
|
||||
row.push(cell.join(''))
|
||||
})
|
||||
row.push('</tr>')
|
||||
return row.join('')
|
||||
},
|
||||
resumen: ({no, classes, formatters}) => {
|
||||
const emptyTerreno = '<div class="ui tiny red horizontal circular label">0</div>'
|
||||
const data = [
|
||||
no,
|
||||
'Valor con Terreno: $' + formatters.pesos.format(this.props.detalle.base) + ' - Menos valor terreno: $' + ((this.props.detalle.terreno > 0) ? formatters.pesos.format(-this.props.detalle.terreno) : emptyTerreno) + '<br />' +
|
||||
'Base imponible (Neto): $' + formatters.pesos.format(this.props.detalle.neto) + '<br />' +
|
||||
'IVA: $' + formatters.pesos.format(this.props.detalle.iva) + '<br />' +
|
||||
'SUBTOTAL (Bruto): $' + formatters.pesos.format(this.props.detalle.bruto) + '<br />' +
|
||||
'Mas valor terreno: $' + ((this.props.detalle.terreno > 0) ? formatters.pesos.format(this.props.detalle.terreno) : emptyTerreno) + '<br />' +
|
||||
'TOTAL (Escritura): $' + formatters.pesos.format(this.props.detalle.total) + '; ' + formatters.ufs.format(this.props.venta.valor * this.props.proporcion) + ' UF<br /><br />' +
|
||||
'Descuento Terreno: ' + ((this.props.detalle.terreno > 0) ? formatters.percent.format(this.props.detalle.descuento * 100) : emptyTerreno) + '%<br /><br />' +
|
||||
'UF (' + formatters.date.format(this.props.uf.fecha) + '): $' + formatters.ufs.format(this.props.uf.valor),
|
||||
'1 UNID',
|
||||
formatters.pesos.format(this.props.detalle.terreno),
|
||||
'EX',
|
||||
formatters.pesos.format(this.props.detalle.terreno),
|
||||
]
|
||||
|
||||
const row = ['<tr class="top aligned">']
|
||||
data.forEach((value, i) => {
|
||||
const cell = ['<td']
|
||||
if (classes[i] !== '') {
|
||||
cell.push(' class="'+classes[i]+'"')
|
||||
}
|
||||
cell.push('>'+value+'</td>')
|
||||
row.push(cell.join(''))
|
||||
})
|
||||
return row.join('')
|
||||
},
|
||||
totales: ({formatters}) => {
|
||||
let tooltips = {
|
||||
neto: null,
|
||||
iva: null,
|
||||
total: null
|
||||
}
|
||||
if (this.props.total.neto !== this.props.detalle.neto) {
|
||||
tooltips.neto = ` data-tooltip="No coinciden netos! Promesa: ${formatters.pesos.format(this.props.detalle.neto)} - Unidades: ${formatters.pesos.format(this.props.total.neto)}"`
|
||||
}
|
||||
if (this.props.total.iva !== this.props.detalle.iva) {
|
||||
tooltips.iva = ` data-tooltip="No coinciden IVAs! Promesa: ${formatters.pesos.format(this.props.detalle.iva)} - Unidades: ${formatters.pesos.format(this.props.total.iva)}"`
|
||||
}
|
||||
if (this.props.total.total !== this.props.detalle.total) {
|
||||
tooltips.total = ` data-tooltip="No coinciden totales! Promesa: ${formatters.pesos.format(this.props.detalle.total)} - Unidades: ${formatters.pesos.format(this.props.total.total)}"`
|
||||
}
|
||||
return [
|
||||
'<div class="row">',
|
||||
'<div class="ten wide column"></div>',
|
||||
'<div class="six wide column">',
|
||||
'<table class="ui celled very compact table">',
|
||||
'<thead>',
|
||||
'<tr>',
|
||||
'<th class="center aligned grey" colspan="2">TOTALES</th>',
|
||||
'</tr>',
|
||||
'</thead>',
|
||||
'<tbody>',
|
||||
'<tr>',
|
||||
'<td class="grey">Monto Neto</td>',
|
||||
`<td class="right aligned${this.props.total.neto !== this.props.detalle.neto ? ' red' : ''}"${this.props.total.neto !== this.props.detalle.neto ? tooltips.neto : ''} id="neto">${formatters.pesos.format(this.props.total.neto)}</td>`,
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td class="grey">Monto Exento</td>',
|
||||
'<td class="right aligned" id="exento">'+formatters.pesos.format(this.props.total.exento)+'</td>',
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td class="grey">19% IVA</td>',
|
||||
`<td class="right aligned${this.props.total.iva !== this.props.detalle.iva ? ' red' : ''}"${this.props.total.iva !== this.props.detalle.iva ? tooltips.iva : ''} id="iva">${formatters.pesos.format(this.props.total.iva)}</td>`,
|
||||
'</tr>',
|
||||
'<tr>',
|
||||
'<td class="grey">Monto Total</td>',
|
||||
`<td class="right aligned${(this.props.total.total !== this.props.detalle.total) ? ' red' : ''}"${(this.props.total.total !== this.props.detalle.total) ? tooltips.total : ''}><strong id="total">${formatters.pesos.format(this.props.total.total)}</strong></td>`,
|
||||
'</tr>',
|
||||
'</tbody>',
|
||||
'</table>',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join("\n")
|
||||
},
|
||||
guardar: () => {
|
||||
if (this.props.saved) {
|
||||
return [
|
||||
'<div class="row">',
|
||||
'<div class="fourteen wide column"></div>',
|
||||
'<div class="two wide center aligned column">',
|
||||
`<div class="ui green message guardar" data-index="${this.props.index}">`,
|
||||
'<i class="check icon"></i>',
|
||||
'Guardada',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join("\n")
|
||||
}
|
||||
return [
|
||||
'<div class="row">',
|
||||
'<div class="right aligned sixteen wide column">',
|
||||
`<button class="ui primary button guardar" data-index="${this.props.index}">Guardar</button>`,
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join("\n")
|
||||
}
|
||||
}
|
||||
}
|
||||
watch() {
|
||||
return {
|
||||
save: () => {
|
||||
document.querySelector(`.guardar[data-index="${this.props.index}"]`).addEventListener('click', clickEvent => {
|
||||
const index = clickEvent.currentTarget.getAttribute('data-index')
|
||||
facturas.venta.save().factura({index: index - 1})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
validate() {
|
||||
if (this.props.venta.id === null || typeof this.props.venta.id === 'undefined') {
|
||||
return false
|
||||
}
|
||||
if (this.props.index === null || typeof this.props.index === 'undefined') {
|
||||
return false
|
||||
}
|
||||
if (this.props.proporcion === null || typeof this.props.proporcion === 'undefined') {
|
||||
return false
|
||||
}
|
||||
return !(this.props.receptor.rut === '' || this.props.receptor.nombre === '' || this.props.receptor.direccion === '' || this.props.receptor.comuna === '');
|
||||
|
||||
}
|
||||
save() {
|
||||
if (!this.validate()) {
|
||||
return
|
||||
}
|
||||
let url = '{{$urls->api}}/ventas/facturas/add'
|
||||
if (this.saved) {
|
||||
url = `{{$urls->api}}/ventas/facturas/${this.props.id}/edit`
|
||||
}
|
||||
const method = 'post'
|
||||
const body = new FormData()
|
||||
body.set('venta_id', this.props.venta.id)
|
||||
body.set('index', this.props.index)
|
||||
body.set('proporcion', this.props.proporcion)
|
||||
body.set('cliente', JSON.stringify(this.props.receptor))
|
||||
body.set('terreno', this.props.detalle.terreno)
|
||||
body.set('unidades', JSON.stringify(this.props.unidades.map(unidad => {
|
||||
return {unidad_id: unidad.unidad.props.id, precio: unidad.precio, prorrateo: unidad.prorrateo}
|
||||
})))
|
||||
body.set('fecha', [this.props.fecha.getFullYear(), this.props.fecha.getMonth()+1, this.props.fecha.getDate()].join('-'))
|
||||
body.set('detalle', JSON.stringify(this.props.detalle))
|
||||
body.set('total', JSON.stringify(this.props.total))
|
||||
body.set('uf', JSON.stringify({fecha: [this.props.uf.fecha.getFullYear(), this.props.uf.fecha.getMonth()+1, this.props.uf.fecha.getDate()].join('-'), valor: this.props.uf.valor}))
|
||||
|
||||
return APIClient.fetch(url, {method, body}).then(response => {
|
||||
if (!response) {
|
||||
return
|
||||
}
|
||||
return response.json().then(json => {
|
||||
if (json.success) {
|
||||
this.props.id = json.factura.id
|
||||
facturas.draw().facturas()
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
update() {
|
||||
return {
|
||||
venta: venta => {
|
||||
this.props.venta = venta.props
|
||||
this.props.fecha = venta.props.facturas.fecha
|
||||
this.props.uf.fecha = venta.props.uf.fecha
|
||||
this.props.uf.valor = venta.props.uf.valor
|
||||
this.update().propietario(venta.props.propietarios.find(propietario => propietario.props.index === this.props.index))
|
||||
this.update().unidades(venta.props.unidades)
|
||||
this.props.detalle.total = venta.props.valor * this.props.proporcion * venta.props.uf.valor
|
||||
this.update().detalle(venta.props.facturas.terreno.valor * this.prorrateo)
|
||||
this.props.detalle.descuento = venta.prorrateo * this.props.proporcion
|
||||
this.update().total()
|
||||
},
|
||||
detalle: terreno => {
|
||||
this.props.detalle.terreno = terreno * this.props.proporcion
|
||||
this.props.detalle.bruto = this.props.detalle.total - this.props.detalle.terreno
|
||||
this.props.detalle.neto = this.props.detalle.bruto / 1.19
|
||||
this.props.detalle.iva = this.props.detalle.neto * 0.19
|
||||
this.props.detalle.base = this.props.detalle.neto + this.props.detalle.terreno
|
||||
},
|
||||
total: () => {
|
||||
this.props.total.exento = this.props.detalle.terreno
|
||||
this.props.total.neto = (this.props.unidades.reduce((sum, unidad) => sum + unidad.precio, 0) * this.props.proporcion - this.props.total.exento) / 1.19
|
||||
this.props.total.iva = this.props.total.neto * 0.19
|
||||
this.props.total.total = this.props.total.neto + this.props.total.iva + this.props.total.exento
|
||||
},
|
||||
unidades: unidades => {
|
||||
this.props.unidades = []
|
||||
unidades.forEach(unidad => {
|
||||
this.props.unidades.push({
|
||||
unidad: unidad,
|
||||
descripcion: unidad.changeDescripcion(this.props.proporcion || 1),
|
||||
precio: unidad.props.valor * this.props.uf.valor,
|
||||
prorrateo: unidad.props.prorrateo
|
||||
})
|
||||
})
|
||||
},
|
||||
propietario: propietario => {
|
||||
this.props.proporcion = propietario.props.proporcion
|
||||
|
||||
this.props.receptor = {
|
||||
rut: propietario.props.rut ?? '',
|
||||
nombre: propietario.props.nombre ?? '',
|
||||
direccion: propietario.props.direccion ?? '',
|
||||
comuna: propietario.comuna ?? ''
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@ -0,0 +1,197 @@
|
||||
<script>
|
||||
class Propietario {
|
||||
props = {
|
||||
index: 0,
|
||||
proporcion: 0,
|
||||
rut: '',
|
||||
nombre: '',
|
||||
direccion: '',
|
||||
comuna: ''
|
||||
}
|
||||
|
||||
constructor(props) {
|
||||
this.props = props
|
||||
}
|
||||
|
||||
get comuna() {
|
||||
const comuna = $('#comuna_propietario'+this.props.index).dropdown('get text')
|
||||
if (typeof comuna === 'string') {
|
||||
return comuna
|
||||
}
|
||||
return this.props.comuna ?? ''
|
||||
}
|
||||
update() {
|
||||
return {
|
||||
proporcion: (valor) => {
|
||||
this.props.proporcion = valor
|
||||
facturas.venta.update().facturas()
|
||||
facturas.draw().facturas()
|
||||
},
|
||||
rut: rut => {
|
||||
rut = rut.replaceAll(/~\d|\.|-/g, '')
|
||||
const digito = rut.slice(-1)
|
||||
rut = rut.slice(0, -1)
|
||||
this.props.rut = Rut.format(rut) + '-' + digito
|
||||
document.getElementById('rut'+this.props.index).value = this.props.rut
|
||||
facturas.venta.update().facturas()
|
||||
facturas.draw().facturas()
|
||||
},
|
||||
nombre: nombre => {
|
||||
this.props.nombre = nombre
|
||||
facturas.venta.update().facturas()
|
||||
facturas.draw().facturas()
|
||||
},
|
||||
direccion: direccion => {
|
||||
this.props.direccion = direccion
|
||||
facturas.venta.update().facturas()
|
||||
facturas.draw().facturas()
|
||||
},
|
||||
comuna: comuna => {
|
||||
this.props.comuna = comuna
|
||||
facturas.venta.update().facturas()
|
||||
facturas.draw().facturas()
|
||||
},
|
||||
}
|
||||
}
|
||||
watch() {
|
||||
return {
|
||||
propietario: () => {
|
||||
this.watch().proporcion()
|
||||
this.watch().rut()
|
||||
this.watch().nombre()
|
||||
this.watch().direccion()
|
||||
this.watch().comuna()
|
||||
},
|
||||
proporcion: () => {
|
||||
document.getElementById('proporcion'+this.props.index).addEventListener('input', inputEvent => {
|
||||
const newValue = inputEvent.currentTarget.value / 100
|
||||
if (newValue === this.props.proporcion) {
|
||||
return
|
||||
}
|
||||
const saldo = facturas.venta.props.propietarios.reduce((sum, propietario) => sum + propietario.props.proporcion, 0) - this.props.proporcion
|
||||
if (saldo + newValue > 1) {
|
||||
return
|
||||
}
|
||||
this.update().proporcion(newValue)
|
||||
})
|
||||
},
|
||||
rut: () => {
|
||||
document.getElementById('rut'+this.props.index).addEventListener('change', inputEvent => {
|
||||
const rut = inputEvent.currentTarget.value
|
||||
if (rut === this.props.rut) {
|
||||
return
|
||||
}
|
||||
this.update().rut(rut)
|
||||
})
|
||||
},
|
||||
nombre: () => {
|
||||
document.getElementById('propietario'+this.props.index).addEventListener('change', inputEvent => {
|
||||
const nombre = inputEvent.currentTarget.value
|
||||
if (nombre === this.props.nombre) {
|
||||
return
|
||||
}
|
||||
this.update().nombre(nombre)
|
||||
})
|
||||
},
|
||||
direccion: () => {
|
||||
document.getElementById('direccion_propietario'+this.props.index).addEventListener('change', inputEvent => {
|
||||
const direccion = inputEvent.currentTarget.value
|
||||
if (direccion === this.props.direccion) {
|
||||
return
|
||||
}
|
||||
this.update().direccion(direccion)
|
||||
})
|
||||
},
|
||||
comuna: () => {
|
||||
if ($('#comuna_propietario'+this.props.index).dropdown('get value')) {
|
||||
return
|
||||
}
|
||||
$('#comuna_propietario'+this.props.index).dropdown({
|
||||
fireOnInit: true,
|
||||
forceSelection: true,
|
||||
onChange: (value, text) => {
|
||||
this.update().comuna(value)
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
draw() {
|
||||
return {
|
||||
propietario: () => {
|
||||
const output = [`<div class="fields" data-index="${this.props.index}">`]
|
||||
output.push(this.draw().proporcion())
|
||||
output.push(this.draw().rut())
|
||||
output.push(this.draw().nombre())
|
||||
output.push('</div>')
|
||||
output.push(`<div class="fields" data-index="${this.props.index}">`)
|
||||
output.push('<div class="three wide field"></div>')
|
||||
output.push(this.draw().direccion())
|
||||
output.push(this.draw().comuna())
|
||||
output.push('</div>')
|
||||
return output.join("\n")
|
||||
},
|
||||
proporcion: () => {
|
||||
return [
|
||||
'<div class="two wide field">',
|
||||
`<label for="proporcion${this.props.index}">Proporción Factura</label>`,
|
||||
'<div class="ui right labeled input">',
|
||||
`<input type="number" name="proporcion${this.props.index}" id="proporcion${this.props.index}" value="${this.props.proporcion*100}" max="100" min="0" />`,
|
||||
'<div class="ui basic icon label">',
|
||||
'<i class="percent icon"></i>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
].join("\n")
|
||||
},
|
||||
rut: () => {
|
||||
return [
|
||||
'<div class="three wide field">',
|
||||
`<label for="rut${this.props.index}">RUT</label>`,
|
||||
'<div class="ui input">',
|
||||
`<input type="text" name="rut${this.props.index}" id="rut${this.props.index}" value="${this.props.rut.toUpperCase()}" />`,
|
||||
'</div>',
|
||||
'</div>',
|
||||
].join("\n")
|
||||
},
|
||||
nombre: () => {
|
||||
return [
|
||||
'<div class="six wide field">',
|
||||
`<label for="propietario${this.props.index}">Propietario</label>`,
|
||||
'<div class="ui input">',
|
||||
`<input type="text" name="propietario${this.props.index}" id="propietario${this.props.index}" value="${this.props.nombre}" />`,
|
||||
'</div>',
|
||||
'</div>',
|
||||
].join("\n")
|
||||
},
|
||||
direccion: () => {
|
||||
return [
|
||||
'<div class="six wide field">',
|
||||
`<label for="direccion_propietario${this.props.index}">Dirección</label>`,
|
||||
'<div class="ui input">',
|
||||
`<input type="text" name="direccion_propietario${this.props.index}" id="direccion_propietario${this.props.index}" value="${this.props.direccion}" />`,
|
||||
'</div>',
|
||||
'</div>',
|
||||
].join("\n")
|
||||
},
|
||||
comuna: () => {
|
||||
return [
|
||||
'<div class="three wide field">',
|
||||
`<label for="comuna_propietario${this.props.index}">Comuna</label>`,
|
||||
`<div class="ui search selection dropdown" id="comuna_propietario${this.props.index}">`,
|
||||
`<input type="hidden" name="comuna_propietario${this.props.index}" value="${this.props.comuna}" />`,
|
||||
'<i class="dropdown icon"></i>',
|
||||
'<div class="default text">Comuna</div>',
|
||||
'<div class="menu">',
|
||||
@foreach ($comunas as $comuna)
|
||||
'<div class="item" data-value="{{ $comuna->id }}">{{ $comuna->descripcion }}</div>',
|
||||
@endforeach
|
||||
'</div>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
].join("\n")
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
125
app/resources/views/ventas/facturacion/show/unidad.blade.php
Normal file
125
app/resources/views/ventas/facturacion/show/unidad.blade.php
Normal file
@ -0,0 +1,125 @@
|
||||
<script>
|
||||
class Unidad {
|
||||
props = {
|
||||
id: 0,
|
||||
tipo: '',
|
||||
descripcion: '',
|
||||
prorrateo: 0,
|
||||
propiedad_unidad_id: 0,
|
||||
valor: 0
|
||||
}
|
||||
|
||||
constructor(props) {
|
||||
this.props = props
|
||||
}
|
||||
|
||||
changeDescripcion(proporcion = 1) {
|
||||
return this.descripcion = [this.props.tipo, this.props.descripcion, `(UF ${facturas.formatters.ufs.format(this.props.valor * proporcion)})`].join(' ')
|
||||
}
|
||||
update() {
|
||||
return {
|
||||
precio: newValue => {
|
||||
const url = '{{$urls->api}}/ventas/propiedades/unidad/' + this.props.propiedad_unidad_id + '/edit'
|
||||
const method = 'post'
|
||||
const body = new FormData()
|
||||
body.set('valor', newValue)
|
||||
return fetchAPI(url, {method, body}).then(response => {
|
||||
if (!response) {
|
||||
return
|
||||
}
|
||||
return response.json().then(json => {
|
||||
if (!json.edited) {
|
||||
alert('No se pudo editar la unidad.')
|
||||
return
|
||||
}
|
||||
this.props.valor = parseFloat(json.input.valor)
|
||||
})
|
||||
})
|
||||
},
|
||||
prorrateo: newValue => {
|
||||
const url = '{{$urls->api}}/ventas/unidad/' + this.props.id + '/prorrateo'
|
||||
const method = 'post'
|
||||
const body = new FormData()
|
||||
body.set('prorrateo', (parseFloat(newValue) / 100).toFixed(8))
|
||||
return fetchAPI(url, {method, body}).then(response => {
|
||||
if (!response) {
|
||||
return
|
||||
}
|
||||
return response.json().then(json => {
|
||||
if (!json.edited) {
|
||||
return
|
||||
}
|
||||
this.props.prorrateo = json.input.prorrateo
|
||||
document.getElementById('prorrateo'+this.props.id).parentElement.parentElement.innerHTML = ''
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
watch() {
|
||||
return {
|
||||
unidad: () => {
|
||||
this.watch().precio()
|
||||
this.watch().prorrateo()
|
||||
},
|
||||
precio: () => {
|
||||
document.getElementById('precio'+this.props.propiedad_unidad_id).addEventListener('change', changeEvent => {
|
||||
const newValue = changeEvent.currentTarget.value
|
||||
if (newValue === this.props.valor) {
|
||||
return
|
||||
}
|
||||
this.update().precio(newValue).then(() => {
|
||||
window.location.reload()
|
||||
})
|
||||
})
|
||||
},
|
||||
prorrateo: () => {
|
||||
const input = document.getElementById('prorrateo'+this.props.id)
|
||||
if (input === null) {
|
||||
return
|
||||
}
|
||||
input.addEventListener('change', changeEvent => {
|
||||
const newValue = changeEvent.currentTarget.value
|
||||
if (newValue === this.props.prorrateo) {
|
||||
return
|
||||
}
|
||||
this.update().prorrateo(newValue).then(() => {
|
||||
facturas.venta.update().totalUnidades()
|
||||
facturas.draw().facturas()
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
draw() {
|
||||
return {
|
||||
precio: () => {
|
||||
return [
|
||||
'<div class="three wide field">',
|
||||
'<label for="precio'+this.props.propiedad_unidad_id+'">Precio<br /> '+this.props.tipo+' '+this.props.descripcion+'</label>',
|
||||
'<div class="ui left labeled input" id="input'+this.props.propiedad_unidad_id+'">',
|
||||
'<div class="ui basic label">UF</div>',
|
||||
'<input class="price" type="text" name="precio'+this.props.propiedad_unidad_id+'" id="precio'+this.props.propiedad_unidad_id+'" data-id="'+this.props.propiedad_unidad_id+'" value="'+this.props.valor+'" />',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join("\n")
|
||||
},
|
||||
prorrateo: () => {
|
||||
const output = []
|
||||
output.push('<div class="three wide field">')
|
||||
if (this.props.prorrateo === 0) {
|
||||
output.push(...[
|
||||
'<label for="prorrateo'+this.props.id+'">Prorrateo<br /> '+this.props.tipo+' '+this.props.descripcion+'</label>',
|
||||
'<div class="ui right labeled input">',
|
||||
'<input class="prorrateo" type="text" id="prorrateo'+this.props.id+'" value="'+this.props.prorrateo+'" />',
|
||||
'<div class="ui basic label">%</div>',
|
||||
'</div>'
|
||||
])
|
||||
}
|
||||
output.push('</div>')
|
||||
return output.join("\n")
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
473
app/resources/views/ventas/facturacion/show/venta.blade.php
Normal file
473
app/resources/views/ventas/facturacion/show/venta.blade.php
Normal file
@ -0,0 +1,473 @@
|
||||
<script>
|
||||
class Venta {
|
||||
props = {
|
||||
id: 0,
|
||||
fecha: null,
|
||||
last: {
|
||||
november: null
|
||||
},
|
||||
valor: 0,
|
||||
inmobiliaria: {
|
||||
rut: '',
|
||||
nombre: '',
|
||||
direccion: '',
|
||||
comuna: ''
|
||||
},
|
||||
proyecto: {
|
||||
id: 0
|
||||
},
|
||||
uf: {
|
||||
fecha: null,
|
||||
valor: 0
|
||||
},
|
||||
ipc: {
|
||||
fecha: null,
|
||||
valor: 0
|
||||
},
|
||||
unidades: [],
|
||||
facturas: {
|
||||
fecha: null,
|
||||
terreno: {
|
||||
fecha: null,
|
||||
valor: 0
|
||||
},
|
||||
facturas: []
|
||||
},
|
||||
propietarios: [],
|
||||
estado: {
|
||||
fecha: null
|
||||
}
|
||||
}
|
||||
|
||||
constructor(props) {
|
||||
this.props = props
|
||||
}
|
||||
|
||||
get prorrateo() {
|
||||
return this.props.unidades.reduce((sum, unidad) => sum + unidad.props.prorrateo, 0.0)
|
||||
}
|
||||
|
||||
update() {
|
||||
return {
|
||||
propietarios: count => {
|
||||
const diff = count - this.props.propietarios.length
|
||||
if (diff > 0) {
|
||||
const m = this.props.propietarios.length / count
|
||||
let p = 1
|
||||
this.props.propietarios.forEach((propietario, index) => {
|
||||
this.props.propietarios[index].props.proporcion = parseFloat((this.props.propietarios[index].props.proporcion * m * 100).toFixed(0)) / 100
|
||||
p -= this.props.propietarios[index].props.proporcion
|
||||
})
|
||||
p /= diff
|
||||
const propietarios = []
|
||||
for (let i = 0; i < diff; i ++) {
|
||||
propietarios.push(this.add().propietario({
|
||||
rut: '',
|
||||
nombre: '',
|
||||
proporcion: (p*100).toFixed(0)/100,
|
||||
direccion: '',
|
||||
comuna: ''
|
||||
}))
|
||||
}
|
||||
document.getElementById('propietarios').innerHTML = this.draw().propietarios()
|
||||
propietarios.forEach(propietario => {
|
||||
this.add().factura(propietario)
|
||||
})
|
||||
this.watch().propietarios()
|
||||
this.update().facturas()
|
||||
return
|
||||
}
|
||||
for (let i = this.props.propietarios.length - 1; i >= count; i --) {
|
||||
this.remove().propietario(i)
|
||||
}
|
||||
},
|
||||
fecha: date => {
|
||||
this.props.uf.fecha = date
|
||||
const url = '{{$urls->api}}/money/uf'
|
||||
const method = 'post'
|
||||
const body = new FormData()
|
||||
body.set('fecha', [date.getFullYear(), date.getMonth()+1, date.getDate()].join('-'))
|
||||
return fetchAPI(url, {method, body}).then(response => {
|
||||
if (!response) {
|
||||
return
|
||||
}
|
||||
return response.json().then(json => {
|
||||
if (typeof json.uf === 'undefined') {
|
||||
return
|
||||
}
|
||||
this.props.uf.valor = json.uf
|
||||
|
||||
return this.update().ipc()
|
||||
})
|
||||
})
|
||||
},
|
||||
fechaFacturas: date => {
|
||||
if (this.props.facturas.fecha === date) {
|
||||
return
|
||||
}
|
||||
this.props.facturas.fecha = date
|
||||
this.update().facturas()
|
||||
return new Promise(resolve => resolve())
|
||||
},
|
||||
totalUnidades: () => {
|
||||
const unidades = this.props.unidades.reduce((sum, unidad) => sum + unidad.props.valor, 0)
|
||||
const diff = parseFloat((this.props.valor - unidades).toFixed(4))
|
||||
const $total = $('#total_unidades')
|
||||
if (diff === 0) {
|
||||
$total.html('')
|
||||
return
|
||||
}
|
||||
$total.html('<div class="ui error compact message">' +
|
||||
'<div class="header">' +
|
||||
'<i class="exclamation triangle icon"></i>' +
|
||||
'Diferencia Promesa - Precio Unidades</div>' +
|
||||
'UF ' + facturas.formatters.ufs.format(diff) +
|
||||
'</div>')
|
||||
$total.find('.ui.message').css('display', 'inline-block')
|
||||
|
||||
this.update().facturas()
|
||||
},
|
||||
terreno: newValue => {
|
||||
const date = this.props.last.november
|
||||
|
||||
const url = '{{$urls->api}}/proyecto/{{$venta->proyecto()->id}}/terreno/edit'
|
||||
const method = 'post'
|
||||
const body = new FormData()
|
||||
body.set('valor', newValue)
|
||||
body.set('fecha', [date.getFullYear(), date.getMonth()+1, date.getDate()].join('-'))
|
||||
return fetchAPI(url, {method, body}).then(response => {
|
||||
if (!response) {
|
||||
return
|
||||
}
|
||||
return response.json().then(json => {
|
||||
if (!json.success) {
|
||||
return
|
||||
}
|
||||
this.props.facturas.terreno.fecha = new Date(json.terreno.fecha)
|
||||
this.props.facturas.terreno.valor = parseInt(json.terreno.valor)
|
||||
|
||||
document.getElementById('terreno').parentElement.parentElement.remove()
|
||||
|
||||
this.update().ipc()
|
||||
})
|
||||
})
|
||||
},
|
||||
ipc: () => {
|
||||
const mesAnterior = new Date([this.props.facturas.fecha.getFullYear(), this.props.facturas.fecha.getMonth()-1, '1'].join('-'))
|
||||
if (this.props.last.november.getMonth() === mesAnterior.getMonth() && this.props.last.november.getFullYear() === mesAnterior.getFullYear()) {
|
||||
return
|
||||
}
|
||||
const url = '{{$urls->api}}/money/ipc'
|
||||
const method = 'post'
|
||||
const body = new FormData()
|
||||
body.set('start', [this.props.last.november.getFullYear(), this.props.last.november.getMonth()+1, this.props.last.november.getDate()].join('-'))
|
||||
body.set('end', [mesAnterior.getFullYear(), mesAnterior.getMonth()+1, mesAnterior.getDate()].join('-'))
|
||||
return fetchAPI(url, {method, body}).then(response => {
|
||||
if (!response) {
|
||||
return
|
||||
}
|
||||
return response.json().then(json => {
|
||||
this.props.ipc = json.ipc
|
||||
this.props.facturas.terreno.valor *= (1 + parseFloat(json.ipc.valor))
|
||||
this.update().facturas()
|
||||
})
|
||||
})
|
||||
},
|
||||
facturas: () => {
|
||||
this.props.facturas.facturas.forEach(factura => {
|
||||
factura.update().venta(this)
|
||||
})
|
||||
},
|
||||
form: () => {
|
||||
// fecha
|
||||
// unidades
|
||||
// valor total unidades
|
||||
// terreno
|
||||
// propietarios
|
||||
// ipc no disponible
|
||||
}
|
||||
}
|
||||
}
|
||||
watch() {
|
||||
return {
|
||||
venta: () => {
|
||||
this.watch().fecha()
|
||||
this.watch().fechaFacturas()
|
||||
this.watch().unidades()
|
||||
this.watch().terreno()
|
||||
this.watch().cantidad()
|
||||
this.watch().propietarios()
|
||||
this.update().totalUnidades()
|
||||
},
|
||||
fecha: () => {
|
||||
const cdo = structuredClone(calendar_date_options)
|
||||
cdo['initialDate'] = this.props.estado.fecha
|
||||
cdo['onChange'] = (date, text, mode) => {
|
||||
this.update().fecha(date).then(() => {
|
||||
facturas.draw().facturas()
|
||||
})
|
||||
}
|
||||
$('#fecha_uf').calendar(cdo)
|
||||
},
|
||||
fechaFacturas: () => {
|
||||
const cdo = structuredClone(calendar_date_options)
|
||||
cdo['initialDate'] = this.props.estado.fecha
|
||||
cdo['onChange'] = (date, text, mode) => {
|
||||
this.update().fechaFacturas(date).then(() => {
|
||||
facturas.draw().facturas()
|
||||
})
|
||||
}
|
||||
$('#fecha_facturas').calendar(cdo)
|
||||
},
|
||||
unidades: () => {
|
||||
this.props.unidades.forEach(unidad => {
|
||||
unidad.watch().unidad()
|
||||
})
|
||||
},
|
||||
terreno: () => {
|
||||
const terreno = document.getElementById('terreno')
|
||||
if (typeof terreno === 'undefined' || terreno === null) {
|
||||
return
|
||||
}
|
||||
terreno.addEventListener('change', changeEvent => {
|
||||
const newValue = changeEvent.currentTarget.value
|
||||
if (newValue === this.props.facturas.terreno.valor) {
|
||||
return
|
||||
}
|
||||
this.update().terreno(newValue)
|
||||
})
|
||||
},
|
||||
cantidad: () => {
|
||||
document.getElementById('cantidad_propietarios').addEventListener('change', changeEvent => {
|
||||
const count = changeEvent.currentTarget.value
|
||||
const diff = count - this.props.propietarios.length
|
||||
if (diff === 0) {
|
||||
return
|
||||
}
|
||||
this.update().propietarios(count)
|
||||
facturas.draw().facturas()
|
||||
})
|
||||
},
|
||||
propietarios: () => {
|
||||
this.props.propietarios.forEach(propietario => {
|
||||
propietario.watch().propietario()
|
||||
})
|
||||
},
|
||||
facturas: () => {
|
||||
this.props.facturas.facturas.forEach(factura => {
|
||||
factura.watch().save()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
draw() {
|
||||
return {
|
||||
venta: ufFormatter => {
|
||||
return [
|
||||
this.draw().value(ufFormatter),
|
||||
this.draw().form(),
|
||||
this.draw().ipc()
|
||||
].join("\n")
|
||||
},
|
||||
value: ufFormatter => {
|
||||
return [
|
||||
'<div class="ui grid">',
|
||||
'<div class="three wide column">',
|
||||
'<div class="ui very segment">',
|
||||
'Valor Venta: UF ' + ufFormatter.format(this.props.valor),
|
||||
'</div>',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join("\n")
|
||||
},
|
||||
form: () => {
|
||||
const output = []
|
||||
output.push('<form id="venta_form" class="ui form">')
|
||||
output.push(this.draw().fecha())
|
||||
output.push(this.draw().fechaFactura())
|
||||
output.push(this.draw().precios())
|
||||
output.push(this.draw().prorrateos())
|
||||
output.push('<div class="ui very basic segment" id="total_unidades"></div>')
|
||||
output.push(this.draw().terreno())
|
||||
output.push(...[
|
||||
'<div class="two wide field">',
|
||||
'<label for="propietarios">Propietarios</label>',
|
||||
'<input type="number" name="cantidad_propietarios" id="cantidad_propietarios" min="1" value="1" />',
|
||||
'</div>',
|
||||
])
|
||||
output.push('<div id="propietarios">')
|
||||
output.push(this.draw().propietarios())
|
||||
output.push('</div>')
|
||||
output.push('</form>')
|
||||
return output.join("\n")
|
||||
},
|
||||
fecha: () => {
|
||||
return [
|
||||
'<div class="three wide field">',
|
||||
'<label for="fecha_uf">Fecha UF</label>',
|
||||
'<div class="ui calendar" id="fecha_uf">',
|
||||
'<div class="ui right icon input">',
|
||||
'<input type="text" name="fecha_uf" />',
|
||||
'<i class="calendar icon"></i>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
].join("\n")
|
||||
},
|
||||
fechaFactura: () => {
|
||||
return [
|
||||
'<div class="three wide field">',
|
||||
'<label for="fecha_uf">Fecha Facturas</label>',
|
||||
'<div class="ui calendar" id="fecha_facturas">',
|
||||
'<div class="ui right icon input">',
|
||||
'<input type="text" name="fecha_facturas" />',
|
||||
'<i class="calendar icon"></i>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
'</div>',
|
||||
].join("\n")
|
||||
},
|
||||
precios: () => {
|
||||
const output = []
|
||||
output.push('<div class="fields">')
|
||||
this.props.unidades.forEach(unidad => {
|
||||
output.push(unidad.draw().precio())
|
||||
})
|
||||
output.push('</div>')
|
||||
return output.join("\n")
|
||||
},
|
||||
prorrateos: () => {
|
||||
const output = []
|
||||
output.push('<div class="fields">')
|
||||
this.props.unidades.forEach(unidad => {
|
||||
output.push(unidad.draw().prorrateo())
|
||||
})
|
||||
output.push('</div>')
|
||||
return output.join("\n")
|
||||
},
|
||||
terreno: () => {
|
||||
const output = []
|
||||
if (typeof this.props.facturas.terreno.fecha === 'undefined' || this.props.facturas.terreno.fecha === null || this.props.facturas.terreno.fecha.getTime() < 0 || this.props.facturas.terreno.fecha < this.props.last.november) {
|
||||
output.push(...[
|
||||
'<div class="four wide field">',
|
||||
'<label for="terreno">Valor Terreno al '+this.props.last.november.toString()+'</label>',
|
||||
'<div class="ui left labeled input">',
|
||||
'<div class="ui basic label">$</div>',
|
||||
'<input type="number" id="terreno" />',
|
||||
'</div>',
|
||||
'</div>'
|
||||
])
|
||||
}
|
||||
return output.join("\n")
|
||||
},
|
||||
propietarios: () => {
|
||||
const output = []
|
||||
this.props.propietarios.forEach(propietario => {
|
||||
output.push(propietario.draw().propietario())
|
||||
})
|
||||
return output.join("\n")
|
||||
},
|
||||
ipc: () => {
|
||||
if (!(this.props.fecha > this.props.facturas.terreno.fecha && this.props.facturas.terreno.valor === 0)) {
|
||||
return ''
|
||||
}
|
||||
return [
|
||||
'<div class="ui compact icon error message">',
|
||||
'<i class="exclamation triangle icon"></i>',
|
||||
'<div class="content">',
|
||||
'IPC no disponible para este mes.',
|
||||
'</div>',
|
||||
'</div>'
|
||||
].join("\n")
|
||||
},
|
||||
facturas: formatters => {
|
||||
const output = []
|
||||
this.props.facturas.facturas.forEach(factura => {
|
||||
output.push(factura.draw().factura({formatters}))
|
||||
})
|
||||
return output.join("\n")
|
||||
}
|
||||
}
|
||||
}
|
||||
add() {
|
||||
return {
|
||||
propietario: ({rut, nombre, proporcion, direccion, comuna}) => {
|
||||
const index = this.props.propietarios.length + 1
|
||||
const propietario = new Propietario({index, proporcion, rut, nombre, direccion, comuna})
|
||||
this.props.propietarios.push(propietario)
|
||||
return propietario
|
||||
},
|
||||
factura: propietario => {
|
||||
const factura = new Factura({
|
||||
id: 0,
|
||||
venta: this.props,
|
||||
index: propietario.props.index,
|
||||
proporcion: propietario.props.proporcion,
|
||||
terreno: this.props.facturas.terreno,
|
||||
emisor: {
|
||||
rut: this.props.inmobiliaria.rut,
|
||||
nombre: this.props.inmobiliaria.nombre,
|
||||
direccion: this.props.inmobiliaria.direccion,
|
||||
comuna: this.props.inmobiliaria.comuna
|
||||
},
|
||||
receptor: {
|
||||
rut: propietario.props.rut ?? '',
|
||||
nombre: propietario.props.nombre ?? '',
|
||||
direccion: propietario.props.direccion ?? '',
|
||||
comuna: propietario.props.comuna ?? ''
|
||||
},
|
||||
unidades: [],
|
||||
detalle: {
|
||||
total: this.props.valor * this.props.uf.valor * propietario.props.proporcion,
|
||||
base: 0,
|
||||
terreno: 0,
|
||||
neto: 0,
|
||||
iva: 0,
|
||||
bruto: 0,
|
||||
descuento: 0,
|
||||
},
|
||||
total: {
|
||||
neto: 0,
|
||||
exento: 0,
|
||||
iva: 0,
|
||||
total: this.props.valor * this.props.uf.valor * propietario.props.proporcion
|
||||
},
|
||||
uf: this.props.uf
|
||||
})
|
||||
factura.update().venta(this)
|
||||
this.props.facturas.facturas.push(factura)
|
||||
}
|
||||
}
|
||||
}
|
||||
remove() {
|
||||
return {
|
||||
propietario: index => {
|
||||
if (index <= 0) {
|
||||
return
|
||||
}
|
||||
const P1 = this.props.propietarios.reduce((sum, propietario) => sum + propietario.props.proporcion, 0)
|
||||
const propietario = this.props.propietarios.splice(index, 1)[0]
|
||||
const P2 = this.props.propietarios.reduce((sum, propietario) => sum + propietario.props.proporcion, 0)
|
||||
document.querySelectorAll("[data-index='"+propietario.props.index+"']").forEach(field => {
|
||||
field.remove()
|
||||
})
|
||||
this.remove().factura(index)
|
||||
},
|
||||
factura: index => {
|
||||
this.props.facturas.facturas.splice(index, 1)
|
||||
document.getElementById('facturas').querySelectorAll("[data-index='"+(index+1)+"']").forEach(factura => {
|
||||
factura.remove()
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
save() {
|
||||
return {
|
||||
factura: ({index}) => {
|
||||
const factura = this.props.facturas.facturas[index]
|
||||
return factura.save()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user