mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
terminados servicios acabados
This commit is contained in:
@ -64,9 +64,14 @@
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade show active" id="servicios-acabado" role="tabpanel">
|
||||
<div id="serv-acabado-alert">
|
||||
</div>
|
||||
<div id="serv-acabado-error">
|
||||
</div>
|
||||
<table id="tableOfServiciosAcabado" class="table table-striped table-hover" style="width: 100%;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><?= lang('Presupuestos.id') ?></th>
|
||||
<th><?= lang('Tarifaacabado.tarifaacabado') ?></th>
|
||||
<th><?= lang('Presupuestos.precioUnidad') ?></th>
|
||||
<th><?= lang('Presupuestos.precioTotal') ?></th>
|
||||
@ -76,8 +81,25 @@
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="row mb-3 px-4">
|
||||
<div class="col-md-12 col-lg-4 py-4">
|
||||
<select id="add_servicio_acabado_list" class="proveedor_enc select2bs2" style="width: 100%;">
|
||||
<option></option>
|
||||
<?php foreach ($serviciosAcabado as $item) : ?>
|
||||
<option value="<?= $item->value ?>" >
|
||||
<?= $item->label ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-12 col-lg-4 px-2 py-4">
|
||||
<button id="insertar_serv_acabado" type="button" class="btn btn-secondary waves-effect waves-light float-start"><?= lang("Presupuestos.insertar")?></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="tab-pane fade" id="servicios-preimpresion" role="tabpanel">
|
||||
<table id="tableOfServiciosPreimpresion" class="table table-striped table-hover" style="width: 100%;">
|
||||
<thead>
|
||||
@ -164,6 +186,7 @@
|
||||
|
||||
|
||||
<?= $this->section("additionalInlineJs") ?>
|
||||
|
||||
const url = window.location.href;
|
||||
const url_parts = url.split('/');
|
||||
if(url_parts[url_parts.length-2] == 'edit'){
|
||||
@ -178,6 +201,7 @@
|
||||
})
|
||||
|
||||
|
||||
const POD = <?php echo $POD; ?>;
|
||||
|
||||
// Delete row
|
||||
$(document).on('click', '.btn-delete-serv', function(e) {
|
||||
@ -188,156 +212,221 @@
|
||||
if($(this).closest('table').attr('id').includes('tableOfServiciosEncuadernacion')){
|
||||
table = "tableOfServiciosEncuadernacion";
|
||||
}
|
||||
else if($(this).closest('table').attr('id').includes('tableOfServiciosAcabado')){
|
||||
table = "tableOfServiciosAcabado";
|
||||
}
|
||||
else{
|
||||
table = "";
|
||||
}
|
||||
|
||||
$('#' + table).DataTable().rows( function ( idx, data, node ) {
|
||||
return data[0] === dataId;
|
||||
} )
|
||||
.remove()
|
||||
.draw();
|
||||
|
||||
if(table != ""){
|
||||
$('#' + table).DataTable().rows( function ( idx, data, node ) {
|
||||
return data[0] === dataId;
|
||||
} )
|
||||
.remove()
|
||||
.draw();
|
||||
}
|
||||
|
||||
check_serv_enc_error()
|
||||
check_serv_acabado_error()
|
||||
|
||||
});
|
||||
|
||||
function save_servicios(){
|
||||
|
||||
var datosAcabado = get_datos_acabado()
|
||||
|
||||
var datosEnc = get_datos_encuadernacion()
|
||||
const domain = window.location.origin
|
||||
|
||||
fetch(domain + "/presupuestos/presupuestoencuadernaciones/edit/" + id , {
|
||||
method: "POST",
|
||||
body: JSON.stringify({
|
||||
datos: datosEnc,
|
||||
<?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
|
||||
}),
|
||||
headers: {
|
||||
"Content-type": "application/json; charset=UTF-8"
|
||||
}
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
yeniden(data.<?= csrf_token() ?>);
|
||||
})
|
||||
.then(
|
||||
fetch(domain + "/presupuestos/presupuestoacabados/edit/" + id , {
|
||||
method: "POST",
|
||||
body: JSON.stringify({
|
||||
datos: datosAcabado,
|
||||
<?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
|
||||
}),
|
||||
headers: {
|
||||
"Content-type": "application/json; charset=UTF-8"
|
||||
}
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
yeniden(data.<?= csrf_token() ?>);
|
||||
})
|
||||
|
||||
)
|
||||
|
||||
}
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
<!------------------------------------------------------->
|
||||
<!-- Código JS comportamiento tabla servicios acabado. -->
|
||||
<!------------------------------------------------------->
|
||||
<?= $this->section("additionalInlineJs") ?>
|
||||
/*
|
||||
const lastColNr = $('#tableOfServiciosAcabado').find("tr:first th").length - 1;
|
||||
|
||||
|
||||
editor = new $.fn.dataTable.Editor( {
|
||||
ajax: {
|
||||
url: "<?= route_to('editorOfPresupuestoAcabados') ?>",
|
||||
headers: {
|
||||
<?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v,
|
||||
},
|
||||
},
|
||||
table : "#tableOfServiciosAcabado",
|
||||
idSrc: 'id',
|
||||
fields: [ {
|
||||
"name": "tarifa_acabado_id",
|
||||
"type": "select"
|
||||
}, {
|
||||
"name": "precio_unidad"
|
||||
}, {
|
||||
"name": "precio_total"
|
||||
}, {
|
||||
"name": "presupuesto_id",
|
||||
"type": "hidden"
|
||||
},
|
||||
]
|
||||
} );
|
||||
|
||||
// Generación de la lista de servicios de acabado (id, nombre)
|
||||
const acabadosList = <?php echo json_encode($serviciosAcabado); ?>;
|
||||
editor.field( 'tarifa_acabado_id' ).update( acabadosList );
|
||||
|
||||
editor.on( 'preSubmit', function ( e, d, type ) {
|
||||
if ( type === 'create'){
|
||||
d.data[0]['presupuesto_id'] = id;
|
||||
}
|
||||
else if(type === 'edit' ) {
|
||||
for (v in d.data){
|
||||
d.data[v]['presupuesto_id'] = id;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
editor.on( 'postSubmit', function ( e, json, data, action ) {
|
||||
yeniden(json.<?= csrf_token() ?>);
|
||||
});
|
||||
|
||||
editor.on( 'submitSuccess', function ( e, json, data, action ) {
|
||||
theTable.clearPipeline();
|
||||
theTable.draw();
|
||||
});
|
||||
|
||||
// Activate an inline edit on click of a table cell
|
||||
$('#tableOfServiciosAcabado').on( 'click', 'tbody span.edit', function (e) {
|
||||
editor.inline(
|
||||
theTable.cells(this.parentNode.parentNode, '*').nodes(),
|
||||
{
|
||||
cancelHtml: '<a href="javascript:void(0);"><i class="ti ti-x"></i></a>',
|
||||
cancelTrigger: 'span.cancel',
|
||||
submitHtml: '<a href="javascript:void(0);"><i class="ti ti-device-floppy"></i></a>',
|
||||
submitTrigger: 'span.edit',
|
||||
submit: 'allIfChanged'
|
||||
}
|
||||
);
|
||||
} );
|
||||
|
||||
|
||||
var theTable = $('#tableOfServiciosAcabado').DataTable( {
|
||||
draw: 1,
|
||||
serverSide: true,
|
||||
processing: true,
|
||||
autoWidth: true,
|
||||
responsive: true,
|
||||
lengthMenu: [ 5, 10, 25],
|
||||
order: [[ 0, "asc" ], [ 1, "asc" ]],
|
||||
pageLength: 10,
|
||||
lengthChange: true,
|
||||
var tableServiciosAcabado = new DataTable('#tableOfServiciosAcabado',{
|
||||
scrollX: true,
|
||||
searching: false,
|
||||
paging: true,
|
||||
paging: false,
|
||||
info: false,
|
||||
dom: '<"mt-4"><"float-start"l><t><"mt-4 mb-3"p>',
|
||||
ajax : $.fn.dataTable.pipeline( {
|
||||
url: '<?= route_to('dataTableOfPresupuestoAcabados') ?>',
|
||||
data: {
|
||||
id_presupuesto: id,
|
||||
},
|
||||
method: 'POST',
|
||||
headers: {'X-Requested-With': 'XMLHttpRequest'},
|
||||
async: false,
|
||||
}),
|
||||
columns: [
|
||||
{ 'data': 'id'},
|
||||
{ 'data': 'tarifa_acabado_id'},
|
||||
{ 'data': 'precio_unidad' },
|
||||
{ 'data': 'precio_total' },
|
||||
{
|
||||
data: actionBtns,
|
||||
className: 'row-edit dt-center'
|
||||
}
|
||||
],
|
||||
columnDefs: [
|
||||
{'visible':false, 'targets' : 2},
|
||||
{
|
||||
orderable: false,
|
||||
searchable: false,
|
||||
targets: [lastColNr]
|
||||
},
|
||||
{
|
||||
"orderData": [ 0, 1 ],
|
||||
"targets": 1
|
||||
},
|
||||
|
||||
],
|
||||
ordering: false,
|
||||
responsive: true,
|
||||
select: false,
|
||||
language: {
|
||||
url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->i18n ?>.json"
|
||||
},
|
||||
buttons: [ {
|
||||
className: 'btn btn-primary float-end me-sm-3 me-1',
|
||||
extend: "createInline",
|
||||
editor: editor,
|
||||
formOptions: {
|
||||
submitTrigger: -1,
|
||||
submitHtml: '<i class="ti ti-device-floppy"/>'
|
||||
}
|
||||
} ]
|
||||
} );
|
||||
|
||||
});
|
||||
|
||||
function init_servicio_acabado(){
|
||||
const serviciosacabadosList = <?php echo json_encode($serviciosAcabadosList); ?>;
|
||||
|
||||
$('#add_servicio_acabado_list').select2({
|
||||
allowClear: false,
|
||||
minimumResultsForSearch: -1,
|
||||
placeholder: '<?= lang("Presupuestos.servicioAcabadoList") ?>'
|
||||
})
|
||||
|
||||
serviciosacabadosList.forEach((element) =>{
|
||||
|
||||
tableServiciosAcabado.row.add([
|
||||
element.tarifa_acabado_id,
|
||||
element.nombre,
|
||||
'<span id="precio_unidad_' + element.tarifa_acabado_id + '">' + parseFloat(element.precio_unidad).toFixed(2) + '</span>',
|
||||
'<input id="precio_total_' + element.tarifa_acabado_id +'" value="' + parseFloat(element.precio_total).toFixed(2) + '"></input>',
|
||||
'<a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete-serv mx-2" data-id="' + element.tarifa_acabado_id +'"></i></a>'
|
||||
]).draw(false)
|
||||
|
||||
})
|
||||
check_serv_acabado_error()
|
||||
}
|
||||
*/
|
||||
|
||||
function check_serv_acabado_error(){
|
||||
|
||||
var htmlString = '';
|
||||
|
||||
$('#tableOfServiciosAcabado tr').each(function(){
|
||||
if($(this).find('td').eq(2).text() == '0.00'){
|
||||
htmlString = `
|
||||
<div class="alert alert-danger d-flex align-items-baseline" role="alert">
|
||||
<span class="alert-icon alert-icon-lg text-primary me-2">
|
||||
<i class="ti ti-ban ti-sm"></i>
|
||||
</span>
|
||||
<div class="d-flex flex-column ps-1">
|
||||
<h5 class="alert-heading mb-2"><?= lang("Presupuestos.errores.error_servicios_anadidos") ?></h5>
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
})
|
||||
$('#serv-acabado-error').html(htmlString)
|
||||
}
|
||||
|
||||
function get_tarifas_acabado(tarifa_id = -1){
|
||||
const dimension = getDimensionLibro();
|
||||
|
||||
if(parseInt($('#tirada').val())>0){
|
||||
var tirada = parseInt($('#tirada').val())
|
||||
}
|
||||
else{
|
||||
var tirada = 0
|
||||
}
|
||||
|
||||
var datos = {
|
||||
tarifa_acabado_id : tarifa_id,
|
||||
tirada: tirada,
|
||||
POD: POD,
|
||||
<?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
|
||||
};
|
||||
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: '<?=route_to('dataTableOfPresupuestoAcabados') ?>',
|
||||
data: datos,
|
||||
success: function (data) {
|
||||
|
||||
data.values.forEach((row) => {
|
||||
|
||||
tableServiciosAcabado.row.add([
|
||||
row.tarifa_id,
|
||||
row.tarifa_nombre,
|
||||
'<span id="precio_unidad_' + row.tarifa_id + '">' + parseFloat(row.precio_unidad).toFixed(2) + '</span>',
|
||||
'<input id="precio_total_' + row.tarifa_id +'" value="' + parseFloat(row.total).toFixed(2) + '"></input>',
|
||||
'<a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete-serv mx-2" data-id="' + row.tarifa_id +'"></i></a>'
|
||||
]).draw(false)
|
||||
});
|
||||
|
||||
check_serv_acabado_error()
|
||||
yeniden(data.<?= csrf_token() ?>);
|
||||
return true;
|
||||
},
|
||||
error: function(e){
|
||||
return false;
|
||||
}
|
||||
})
|
||||
return false;
|
||||
}
|
||||
|
||||
$('#insertar_serv_acabado').on('click', function(){
|
||||
const tarifa_text = $('#add_servicio_acabado_list').select2('data')[0].text.trim()
|
||||
|
||||
if( $('#add_servicio_acabado_list').select2('data')[0].text.trim().length > 0){
|
||||
if($('#tableOfServiciosAcabado tr > td:contains(' + tarifa_text + ')').length == 0)
|
||||
get_tarifas_acabado($('#add_servicio_acabado_list').select2('data')[0].id);
|
||||
else{
|
||||
popErrorAlert("Ese servicio ya existe", 'serv-acabado-alert')
|
||||
}
|
||||
}
|
||||
check_serv_enc_error()
|
||||
})
|
||||
|
||||
function get_datos_acabado(){
|
||||
|
||||
var datosAcabado = []
|
||||
$("#tableOfServiciosAcabado tr").each(function (index,tr) {
|
||||
var values = {}
|
||||
$(this).find("td").each(function (index2) {
|
||||
|
||||
switch (index2) {
|
||||
case 0:
|
||||
values['tarifa_id'] = $(this).text()
|
||||
break
|
||||
case 2:
|
||||
values['precio_unidad'] = $(this).text()
|
||||
break
|
||||
case 3:
|
||||
values['precio_total'] = $(this).children(":first").val()
|
||||
break
|
||||
}
|
||||
})
|
||||
if(Object.keys(values).length>0)
|
||||
datosAcabado.push(values)
|
||||
})
|
||||
|
||||
return datosAcabado
|
||||
}
|
||||
|
||||
init_servicio_acabado()
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
<!-------------------------------------------------------------->
|
||||
@ -345,8 +434,6 @@
|
||||
<!-------------------------------------------------------------->
|
||||
<?= $this->section("additionalInlineJs") ?>
|
||||
|
||||
const POD = <?php echo $POD; ?>;
|
||||
|
||||
// Generación de la lista de servicios de acabado (id, nombre)
|
||||
const encuadernadosList = <?php echo json_encode($serviciosEncuadernacion); ?>;
|
||||
|
||||
@ -610,9 +697,9 @@
|
||||
check_serv_enc_error()
|
||||
})
|
||||
|
||||
|
||||
function save_servicios(){
|
||||
var datos = []
|
||||
function get_datos_encuadernacion(){
|
||||
|
||||
var datosEnc = []
|
||||
$("#tableOfServiciosEncuadernacion tr").each(function (index,tr) {
|
||||
var values = {}
|
||||
$(this).find("td").each(function (index2) {
|
||||
@ -633,28 +720,13 @@
|
||||
}
|
||||
})
|
||||
if(Object.keys(values).length>0)
|
||||
datos.push(values)
|
||||
datosEnc.push(values)
|
||||
})
|
||||
|
||||
const domain = window.location.origin
|
||||
|
||||
fetch(domain + "/presupuestos/presupuestoencuadernaciones/edit/" + id , {
|
||||
method: "POST",
|
||||
body: JSON.stringify({
|
||||
datos: datos,
|
||||
<?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
|
||||
}),
|
||||
headers: {
|
||||
"Content-type": "application/json; charset=UTF-8"
|
||||
}
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
yeniden(data.<?= csrf_token() ?>);
|
||||
});
|
||||
|
||||
return datosEnc
|
||||
}
|
||||
|
||||
|
||||
init_servicio_encuadernado()
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
Reference in New Issue
Block a user