Incoviba/oficial
1
0
Fork 0
Code Issues Pull Requests 2 Releases Wiki Activity

Editar Brokers y sus contratos

Browse Source
This commit is contained in:
Juan Pablo Vial
2025-03-11 17:41:11 -03:00
parent 510e05e5ca
commit 7c7c8315e2
13 changed files with 491 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

111
app/resources/views/proyectos/brokers/edit_modal.blade.php Normal file
View File

@ -0,0 +1,111 @@
<div class="ui modal" id="edit_broker_modal">
<div class="header">
Editar Operador
</div>
<div class="content">
<form class="ui form" id="edit_broker_form">
<input type="hidden" name="broker_rut" value="" />
<div class="fields">
<div class="field">
<label>Rut</label>
<div class="ui right labeled input">
<input type="text" name="rut" placeholder="Rut" value="" disabled />
<div class="ui basic label">-<span id="edit_digit"></span></div>
</div>
</div>
</div>
<div class="fields">
<div class="field">
<label>Nombre</label>
<input type="text" name="name" placeholder="Nombre" value="" />
</div>
<div class="six wide field">
<label>Razón Social</label>
<input type="text" name="legal_name" placeholder="Razón Social" value="" />
</div>
</div>
<div class="fields">
<div class="field">
<label>Contacto</label>
<input type="text" name="contact" placeholder="Contacto" value="" />
</div>
</div>
<div class="fields">
<div class="field">
<label>Correo</label>
<input type="email" name="email" placeholder="Correo" value="" />
</div>
<div class="field">
<label>Teléfono</label>
<input type="text" name="phone" placeholder="Teléfono" value="" />
</div>
</div>
</form>
</div>
<div class="actions">
<div class="ui black deny button">
Cancelar
</div>
<div class="ui positive right labeled icon button">
Guardar
<i class="checkmark icon"></i>
</div>
</div>
</div>
@push('page_scripts')
<script>
class EditModal
{
ids
modal
handler
data
constructor(handler)
{
this.handler = handler
this.ids = {
modal: 'edit_broker_modal',
form: 'edit_broker_form',
digit: 'edit_digit',
}
this.modal = $(`#${this.ids.modal}`)
this.modal.modal({
onApprove: () => {
const form = document.getElementById(this.ids.form)
const broker_rut = form.querySelector('[name="broker_rut"]').value
const data = {
name: form.querySelector('[name="name"]').value,
legal_name: form.querySelector('[name="legal_name"]').value,
email: form.querySelector('[name="email"]').value || '',
phone: form.querySelector('[name="phone"]').value || ''
}
this.handler.execute().edit(broker_rut, data)
}
})
this.modal.modal('hide')
}
load(data) {
this.data = data
const form = document.getElementById(this.ids.form)
form.querySelector('input[name="broker_rut"]').value = data.rut
form.querySelector('input[name="rut"]').value = data.rut
form.querySelector('input[name="name"]').value = data.name
form.querySelector('input[name="legal_name"]').value = data.legal_name
form.querySelector('input[name="contact"]').value = data.contact
form.querySelector('input[name="email"]').value = data.email
form.querySelector('input[name="phone"]').value = data.phone
this.update().digit(data.rut)
this.modal.modal('show')
}
update() {
return {
digit: value => {
document.getElementById(this.ids.digit).textContent = Rut.digitoVerificador(value)
},
}
}
}
</script>
@endpush