Incoviba/oficial
1
0
Fork 0
Code Issues Pull Requests 3 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

165
app/resources/views/proyectos/brokers/show.blade.php Normal file
View File

@ -0,0 +1,165 @@
@extends('proyectos.brokers.base')
@section('brokers_title')
{{ $broker->name }}
@endsection
@section('brokers_header')
{{ $broker->name }}
@endsection
@section('brokers_content')
<div class="ui compact segment">
<b>RUT:</b> {{ $broker->rutFull() }} <br />
<b>Razón Social:</b> {{ $broker->data()?->legalName }}
</div>
@if ($broker->data()?->representative->name !== null)
<div class="ui card">
<div class="content">
<div class="header">
Contacto
</div>
<div class="description">
Nombre: {{ $broker->data()?->representative?->name }}<br />
Email: {{ $broker->data()?->representative?->email }}<br />
Teléfono: {{ $broker->data()?->representative?->phone }}<br />
Dirección: {{ $broker->data()?->representative?->address }}
</div>
</div>
</div>
@endif
<table class="ui table">
<thead>
<tr>
<th>Proyecto</th>
<th>Comisión</th>
<th>Fecha Inicio</th>
<th class="right aligned">
<button type="button" class="ui small tertiary green icon button" id="add_contract_button">
<i class="plus icon"></i>
</button>
</th>
</tr>
</thead>
<tbody id="contracts">
@foreach($broker->contracts() as $contract)
<tr>
<td>{{ $contract->project->descripcion }}</td>
<td>{{ $format->percent($contract->commission, 2, true) }}</td>
<td>{{ $contract->current()->date->format('d-m-Y') }}</td>
<td class="right aligned">
<button type="button" class="ui small tertiary red icon button remove_button" data-index="{{$contract->id}}">
<i class="remove icon"></i>
</button>
</td>
</tr>
@endforeach
</tbody>
</table>
@include('proyectos.brokers.show.add_modal')
@endsection
@include('layout.body.scripts.datatables')
@push('page_scripts')
<script>
const brokerHandler = {
ids: {
buttons: {
add: '',
remove: ''
}
},
modals: {
add: null,
},
execute() {
return {
add: data => {
const url = '{{ $urls->api }}/proyectos/broker/{{ $broker->rut }}/contracts/add'
const method = 'post'
const body = new FormData()
body.set('contracts[]', JSON.stringify(data))
return APIClient.fetch(url, {method, body}).then(response => {
if (!response) {
console.error(response.errors)
alert('No se pudo agregar contrato.')
return
}
return response.json().then(json => {
if (!json.success) {
console.error(json.errors)
alert('No se pudo agregar contrato.')
return
}
window.location.reload()
})
})
},
remove: index => {
const url = `{{ $urls->api }}/proyectos/brokers/contract/${index}`
const method = 'delete'
return APIClient.fetch(url, {method}).then(response => {
if (!response) {
console.error(response.errors)
alert('No se pudo eliminar contrato.')
return
}
return response.json().then(json => {
if (!json.success) {
console.error(json.errors)
alert('No se pudo eliminar contrato.')
return
}
window.location.reload()
})
})
}
}
},
events() {
return {
add: clickEvent => {
clickEvent.preventDefault()
brokerHandler.modals.add.show()
},
remove: clickEvent => {
clickEvent.preventDefault()
const index = $(clickEvent.currentTarget).data('index')
brokerHandler.execute().remove(index)
}
}
},
buttonWatch() {
document.getElementById(brokerHandler.ids.buttons.add).addEventListener('click', brokerHandler.events().add)
Array.from(document.getElementsByClassName(brokerHandler.ids.buttons.remove)).forEach(button => {
button.addEventListener('click', brokerHandler.events().remove)
})
},
setup(ids) {
brokerHandler.ids = ids
brokerHandler.buttonWatch()
this.modals.add = new AddModal(brokerHandler)
const dto = structuredClone(datatables_defaults)
dto.order = [[0, 'asc']]
dto.columnDefs = [
{
targets: 3,
orderable: false
}
]
$('#contracts').parent().DataTable(dto)
}
}
$(document).ready(() => {
brokerHandler.setup({
buttons: {
add: 'add_contract_button',
remove: 'remove_button'
}
})
})
</script>
@endpush