Proveedores en movimientos
This commit is contained in:
@ -179,7 +179,8 @@
|
||||
}
|
||||
class Movimiento {
|
||||
props
|
||||
constructor({sociedad, fecha, glosa, cargo, abono, saldo, categoria, detalle, centro_costo, rut, nombres, identificador}) {
|
||||
constructor({sociedad, fecha, glosa, cargo, abono, saldo, categoria, detalle, centro_costo, rut, nombres,
|
||||
identificador, relacionado, relacionadoType}) {
|
||||
this.props = {
|
||||
sociedad,
|
||||
fecha,
|
||||
@ -192,11 +193,23 @@
|
||||
centro_costo,
|
||||
rut,
|
||||
nombres,
|
||||
identificador
|
||||
identificador,
|
||||
relacionado,
|
||||
relacionadoType
|
||||
}
|
||||
}
|
||||
draw({formatters}) {
|
||||
const fecha = new Date(this.props.fecha)
|
||||
let nombre = ''
|
||||
if (this.props.nombres) {
|
||||
if (this.props.relacionado) {
|
||||
let type = this.props.relacionadoType
|
||||
type = type.charAt(0).toUpperCase() + type.slice(1)
|
||||
nombre = `<span data-tooltip="${type}">${this.props.nombres}</span>`
|
||||
} else {
|
||||
nombre = this.props.nombres
|
||||
}
|
||||
}
|
||||
return [
|
||||
'<tr>',
|
||||
`<td>${this.props.sociedad.sigla}</td>`,
|
||||
@ -209,7 +222,7 @@
|
||||
`<td>${this.props.categoria ?? ''}</td>`,
|
||||
`<td>${this.props.detalle ?? ''}</td>`,
|
||||
`<td>${this.props.rut ?? ''}</td>`,
|
||||
`<td>${this.props.nombres ?? ''}</td>`,
|
||||
`<td>${nombre}</td>`,
|
||||
`<td class="center aligned">${this.props.identificador ?? ''}</td>`,
|
||||
'</tr>'
|
||||
].join("\n")
|
||||
|
@ -203,6 +203,17 @@
|
||||
return `<button class="ui${color} icon button ${className}" data-id="${movimiento.id}" data-index="${movimiento.index}" data-type="movimiento"><i class="${icon} icon"></i></button>`
|
||||
}).join('')
|
||||
|
||||
let nombre = ''
|
||||
if (movimiento.detalles) {
|
||||
if (movimiento.detalles.relacionado) {
|
||||
let type = movimiento.detalles.relacionadoType
|
||||
type = type.charAt(0).toUpperCase() + type.slice(1)
|
||||
nombre = `<span data-tooltip="${type}">${movimiento.detalles.nombres}</span>`
|
||||
} else {
|
||||
nombre = movimiento.detalles.nombres
|
||||
}
|
||||
}
|
||||
|
||||
const data = {
|
||||
Sigla: movimiento.cuenta.inmobiliaria.sigla,
|
||||
Banco: movimiento.cuenta.banco.nombre,
|
||||
@ -218,7 +229,7 @@
|
||||
Categoria: (movimiento.detalles) ? movimiento.detalles.categoria : '',
|
||||
Detalle: (movimiento.detalles) ? movimiento.detalles.detalle : '',
|
||||
RUT: (movimiento.detalles && movimiento.detalles.digito) ? `${this.props.formatters.number.format(movimiento.detalles.rut)}-${movimiento.detalles.digito}` : '',
|
||||
Nombre: (movimiento.detalles) ? movimiento.detalles.nombres : '',
|
||||
Nombre: nombre,
|
||||
Identificador: (movimiento.detalles) ? movimiento.detalles.identificador : '',
|
||||
Editar: buttonsHTML,
|
||||
}
|
||||
|
@ -18,7 +18,7 @@
|
||||
@foreach ($proveedores as $proveedor)
|
||||
<tr>
|
||||
<td>{{$proveedor->nombre}}</td>
|
||||
<td>{{$proveedor->contacto->nombreCompleto()}}</td>
|
||||
<td>{{$proveedor->contacto?->nombreCompleto()}}</td>
|
||||
<td class="right aligned">
|
||||
<button class="ui tertiary icon button" data-proveedor="{{$proveedor->rut}}">
|
||||
<i class="edit icon"></i>
|
||||
|
@ -22,20 +22,19 @@
|
||||
<div class="three wide field">
|
||||
<label for="rut_contacto">RUT</label>
|
||||
<div class="ui right labeled input">
|
||||
<input type="text" id="rut_contacto" name="rut_contacto" placeholder="RUT" maxlength="10"
|
||||
required/>
|
||||
<input type="text" id="rut_contacto" name="rut_contacto" placeholder="RUT" maxlength="10"/>
|
||||
<div class="ui basic label">-<span id="dv_contacto"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fields">
|
||||
<div class="five wide field">
|
||||
<label for="nombre_contacto">Nombre</label>
|
||||
<input type="text" id="nombre_contacto" name="nombre_contacto" placeholder="Nombre" required/>
|
||||
<input type="text" id="nombre_contacto" name="nombre_contacto" placeholder="Nombre" />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="apellido_paterno_contacto">Apellido Paterno</label>
|
||||
<input type="text" id="apellido_paterno_contacto" name="apellido_paterno_contacto"
|
||||
placeholder="Apellido Paterno" required/>
|
||||
placeholder="Apellido Paterno"/>
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="apellido_materno_contacto">Apellido Materno</label>
|
||||
|
@ -22,25 +22,24 @@
|
||||
<div class="three wide field">
|
||||
<label for="edit_rut_contacto">RUT</label>
|
||||
<div class="ui right labeled input">
|
||||
<input type="text" id="edit_rut_contacto" name="rut_contacto" placeholder="RUT" maxlength="10"
|
||||
required/>
|
||||
<input type="text" id="edit_rut_contacto" name="rut_contacto" placeholder="RUT" maxlength="10" />
|
||||
<div class="ui basic label">-<span id="edit_digito_contacto"></span></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="fields">
|
||||
<div class="five wide field">
|
||||
<label for="edit_nombre_contacto">Nombre</label>
|
||||
<input type="text" id="edit_nombre_contacto" name="nombre_contacto" placeholder="Nombre" required/>
|
||||
<input type="text" id="edit_nombre_contacto" name="nombre_contacto" placeholder="Nombre" />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="edit_apellido_paterno_contacto">Apellido Paterno</label>
|
||||
<input type="text" id="edit_apellido_paterno_contacto" name="apellido_paterno_contacto"
|
||||
placeholder="Apellido Paterno" required/>
|
||||
placeholder="Apellido Paterno" />
|
||||
</div>
|
||||
<div class="field">
|
||||
<label for="edit_apellido_materno_contacto">Apellido Materno</label>
|
||||
<input type="text" id="edit_apellido_materno_contacto" name="apellido_materno_contacto"
|
||||
placeholder="Apellido Materno"/>
|
||||
placeholder="Apellido Materno" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="field">
|
||||
@ -78,13 +77,13 @@
|
||||
form.querySelector(this.props.digito).textContent = Rut.digitoVerificador(this.data.rut)
|
||||
form.querySelector(this.props.nombre).value = this.data.nombre
|
||||
form.querySelector(this.props.razon).value = this.data.razon
|
||||
form.querySelector(this.props.contacto.rut).value = this.data.contacto.rut
|
||||
form.querySelector(this.props.contacto.digito).textContent = Rut.digitoVerificador(this.data.contacto.rut)
|
||||
form.querySelector(this.props.contacto.nombres).value = this.data.contacto.nombres
|
||||
form.querySelector(this.props.contacto.apellido_paterno).value = this.data.contacto.apellidoPaterno
|
||||
form.querySelector(this.props.contacto.apellido_materno).value = this.data.contacto.apellidoMaterno
|
||||
form.querySelector(this.props.contacto.email).value = this.data.contacto.datos.email
|
||||
form.querySelector(this.props.contacto.telefono).value = this.data.contacto.datos.telefono
|
||||
form.querySelector(this.props.contacto.rut).value = (this.data.contacto) ? this.data.contacto.rut : ''
|
||||
form.querySelector(this.props.contacto.digito).textContent = (this.data.contact) ? Rut.digitoVerificador(this.data.contacto.rut) : ''
|
||||
form.querySelector(this.props.contacto.nombres).value = (this.data.contact) ? this.data.contacto.nombres : ''
|
||||
form.querySelector(this.props.contacto.apellido_paterno).value = (this.data.contact) ? this.data.contacto.apellidoPaterno : ''
|
||||
form.querySelector(this.props.contacto.apellido_materno).value = (this.data.contact) ? this.data.contacto.apellidoMaterno : ''
|
||||
form.querySelector(this.props.contacto.email).value = (this.data.contact) ? this.data.contacto.datos.email : ''
|
||||
form.querySelector(this.props.contacto.telefono).value = (this.data.contact) ? this.data.contacto.datos.telefono : ''
|
||||
|
||||
$(this.props.modal).modal('show')
|
||||
})
|
||||
@ -97,7 +96,7 @@
|
||||
}
|
||||
edit() {
|
||||
const form = document.getElementById(this.props.form)
|
||||
const data = {
|
||||
let data = {
|
||||
rut: form.querySelector(this.props.rut).value.replace(/\D/g, ''),
|
||||
digito: form.querySelector(this.props.digito).textContent,
|
||||
nombre: form.querySelector(this.props.nombre).value,
|
||||
|
Reference in New Issue
Block a user