finalizado servicios encuadernado

This commit is contained in:
2023-11-28 12:08:27 +01:00
parent 37bd5fbd44
commit a5a2181faa
17 changed files with 489 additions and 95 deletions

View File

@ -315,4 +315,14 @@ $('#papelFormatoAlto').on('change', function (e){
alto_libro = getDimensionLibro().alto;
})
$("#solapas").on("click", function () {
var e = document.getElementById('div_solapas_ancho');
if (document.getElementById('solapas').checked) {
e.style.display = "flex";
}
else {
e.style.display = "none";
}
get_tarifas_enc('default');
});
<?= $this->endSection() ?>

View File

@ -94,6 +94,10 @@
</div>
<div class="tab-pane fade" id="servicios-encuadernacion" role="tabpanel">
<div id="serv-enc-alert">
</div>
<div id="serv-enc-error">
</div>
<div class="row">
<div class="col-md-12 col-lg-4 px-4">
<button id="serv_enc_default" type="button" class="btn btn-secondary waves-effect waves-light float-start"><?= lang("Presupuestos.serviciosEncDefault")?></button>
@ -108,27 +112,29 @@
<th><?= lang('Presupuestos.precioUnidad') ?></th>
<th><?= lang('Presupuestos.precioTotal') ?></th>
<th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
<th style="display:none;"><?= lang('Presupuestos.id') ?></th>
</tr>
</thead>
<tbody>
<tr>
<?php foreach ($serviciosEncuadernacionList as $item) : ?>
<td><?php echo $item->tarifa_encuadernado_id ?></td>
<td><?php echo $item->nombre ?></td>
<td><select id="proveedor_enc_<?php echo $item->tarifa_encuadernado_id ?>" class="proveedor_enc select2bs2" style="width: 100%;">
<option value="<?= $item->proveedor_id ?>" ' selected' >
<?= $item->proveedor ?>
</option>
</select></td>
<td><span id='precio_unidad_<?php echo $item->tarifa_encuadernado_id ?>'><?php echo $item->precio_unidad ?></span></td>
<td><input id='precio_total_<?php echo $item->tarifa_encuadernado_id ?>' value="<?php echo $item->precio_total ?>"></input></td>
<td><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.<?php $item->id ?>}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a></td>
<td style="display:none;"><?php echo $item->id ?></td>
<?php endforeach; ?>
</tr>
</tbody>
</table>
<div class="row mb-3 px-4">
<div class="col-md-12 col-lg-4 py-4">
<select id="add_servicio_enc_list" class="proveedor_enc select2bs2" style="width: 100%;">
<option></option>
<?php foreach ($serviciosEncuadernacion 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_enc" type="button" class="btn btn-secondary waves-effect waves-light float-start"><?= lang("Presupuestos.insertar")?></button>
</div>
</div>
</div>
@ -167,11 +173,27 @@
id=-1
}
const actionBtns = function(data) {
return `
<a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete mx-2" data-id="${data.id}" data-bs-toggle="modal" data-bs-target="#confirm2delete"></i></a>
`;
};
// Delete row
$(document).on('click', '.btn-delete-serv', function(e) {
const dataId = $(this).attr('data-id');
const rowId = $(this).closest('td').parent()[0].sectionRowIndex;
var table = "";
if($(this).closest('table').attr('id').includes('tableOfServiciosEncuadernacion')){
table = "tableOfServiciosEncuadernacion";
}
else{
table = "";
}
document.getElementById(table).deleteRow(rowId);
check_serv_enc_error()
});
<?= $this->endSection() ?>
<!------------------------------------------------------->
@ -243,29 +265,7 @@
);
} );
// Delete row
$(document).on('click', '.btn-delete', function(e) {
$(".btn-remove").attr('data-id', $(this).attr('data-id'));
});
$(document).on('click', '.btn-remove', function(e) {
const dataId = $(this).attr('data-id');
const row = $(this).closest('tr');
if ($.isNumeric(dataId)) {
$.ajax({
url: `/serviciosacabados/delete/${dataId}`,
method: 'GET',
}).done((data, textStatus, jqXHR) => {
$('#confirm2delete').modal('toggle');
theTable.clearPipeline();
theTable.row($(row)).invalidate().draw();
popSuccessAlert(data.msg ?? jqXHR.statusText);
}).fail((jqXHR, textStatus, errorThrown) => {
popErrorAlert(jqXHR.responseJSON.messages.error)
})
}
});
var theTable = $('#tableOfServiciosAcabado').DataTable( {
draw: 1,
serverSide: true,
@ -342,12 +342,37 @@
// Generación de la lista de servicios de acabado (id, nombre)
const encuadernadosList = <?php echo json_encode($serviciosEncuadernacion); ?>;
function init_servicio_encuadernado(){
$('.proveedor_enc').each(function() {
const tarifa_id = this.id.split('_')[2]
$('#' + this.id).select2({
function init_servicio_encuadernado(){
const serviciosencuadernadosList = <?php echo json_encode($serviciosEncuadernacionList); ?>;
$('#add_servicio_enc_list').select2({
allowClear: false,
minimumResultsForSearch: -1,
placeholder: '<?= lang("Presupuestos.servicioEncuadernadoList") ?>'
})
serviciosencuadernadosList.forEach((element) =>{
const tarifa_id = element.tarifa_encuadernado_id
var proveedor_nombre = element.proveedor===null?'<?= lang("Presupuestos.no_disponible") ?>': element.proveedor
$('#tableOfServiciosEncuadernacion tr:last').after(
'<tr>'+
'<td>' + element.tarifa_encuadernado_id + '</td>' +
'<td>' + element.nombre + '</td>' +
'<td><select id="proveedor_enc_' + element.tarifa_encuadernado_id + '" class="proveedor_enc select2bs2" style="width: 100%;">' +
'<option value="' + element.proveedor_id + '" selected >' +
proveedor_nombre +
'</option>' +
'</select></td>' +
'<td><span id="precio_unidad_' + element.tarifa_encuadernado_id + '">' + parseFloat(element.precio_unidad).toFixed(2) + '</span></td>' +
'<td><input id="precio_total_' + element.tarifa_encuadernado_id +'" value="' + parseFloat(element.precio_total).toFixed(2) + '"></input></td>' +
'<td><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete-serv mx-2" data-id="' + element.id +'"></i></a></td>'+
'</tr>'
);
$('#proveedor_enc_' + element.tarifa_encuadernado_id).select2({
allowClear: false,
minimumResultsForSearch: -1,
ajax: {
@ -383,13 +408,12 @@
cache: true
}
});
$('#proveedor_enc_' + element.tarifa_encuadernado_id).on('change', proveedor_enc_event)
});
check_serv_enc_error()
}
$('.proveedor_enc').on('change', function(){
function proveedor_enc_event(){
const dimension = getDimensionLibro();
if(parseInt($('#tirada').val())+parseInt($('#merma').val())>0){
var tirada = parseInt($('#tirada').val())+parseInt($('#merma').val())
@ -415,8 +439,8 @@
data: datos,
success: function (data) {
$('#precio_unidad_' + datos.tarifa_encuadernacion_id).text(parseFloat(data.values.precio_unidad).toFixed(2))
$('#precio_total_' + datos.tarifa_encuadernacion_id).val(parseFloat(data.values.precio_total).toFixed(2))
$('#precio_unidad_' + datos.tarifa_encuadernacion_id).text(parseFloat(data.values[0].precio_unidad).toFixed(2))
$('#precio_total_' + datos.tarifa_encuadernacion_id).val(parseFloat(data.values[0].total).toFixed(2))
yeniden(data.<?= csrf_token() ?>);
return true;
},
@ -425,12 +449,194 @@
}
})
return false;
})
}
function check_serv_enc_error(){
var htmlString = '';
if($('#tableOfServiciosEncuadernacion tr > td:contains(' + '<?= lang("Presupuestos.no_disponible") ?>' + ')').length > 0){
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-enc-error').html(htmlString)
}
function get_tarifas_enc(tipo=null, tarifa_id = -1){
const dimension = getDimensionLibro();
if(parseInt($('#tirada').val())+parseInt($('#merma').val())>0){
var tirada = parseInt($('#tirada').val())+parseInt($('#merma').val())
}
else{
var tirada = 0
}
var datos = {
tarifa_encuadernacion_id : tarifa_id,
solapas: $('#solapas').is(':checked')?1:0,
paginas: parseInt($('#paginas').val())>0?parseInt($('#paginas').val()):0,
tirada: tirada,
ancho: dimension.ancho,
alto: dimension.alto,
POD: POD,
<?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
};
if(tipo != null)
datos['tipo'] = tipo;
$.ajax({
type: "POST",
url: '<?=route_to('dataTableOfPresupuestoEncuadernaciones') ?>',
data: datos,
success: function (data) {
if(tipo=='default')
$("#tableOfServiciosEncuadernacion").find("tr:gt(0)").remove();
data.values.forEach((row) => {
$('#tableOfServiciosEncuadernacion tr:last').after(
'<tr>'+
'<td>' + row.tarifa_id + '</td>' +
'<td>' + row.tarifa_nombre + '</td>' +
'<td><select id="proveedor_enc_' + row.tarifa_id + '" class="proveedor_enc select2bs2" style="width: 100%;">' +
'<option value="' + row.proveedor_id + '" selected >' +
row.proveedor +
'</option>' +
'</select></td>' +
'<td><span id="precio_unidad_' + row.tarifa_id + '">' + row.precio_unidad.toFixed(2) + '</span></td>' +
'<td><input id="precio_total_' + row.tarifa_id +'" value="' + row.total.toFixed(2) + '"></input></td>' +
'<td><a href="javascript:void(0);"><i class="ti ti-trash ti-sm btn-delete-serv mx-2" data-id="' + row.id +'"></i></a></td>'+
'</tr>'
);
$('#proveedor_enc_' + row.tarifa_id).select2({
allowClear: false,
minimumResultsForSearch: -1,
ajax: {
url: '<?= route_to("menuItemsOfPresupuestoEncuadernaciones") ?>',
type: 'post',
dataType: 'json',
data: function (params) {
if(parseInt($('#tirada').val())+parseInt($('#merma').val())>0){
var tirada = parseInt($('#tirada').val())+parseInt($('#merma').val())
}
else{
var tirada = 0
}
return {
tarifa_id: row.tarifa_id,
paginas: parseInt($('#paginas').val())>0?parseInt($('#paginas').val()):0,
tirada: tirada,
ancho: ancho_libro,
alto: alto_libro,
searchtxt: params.term, // search term
<?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
};
},
delay: 60,
processResults: function (response) {
yeniden(response.<?= csrf_token() ?>);
return {
results: response.menu
};
},
cache: true
}
});
$('#proveedor_enc_' + row.tarifa_id).on('change', proveedor_enc_event)
});
check_serv_enc_error()
yeniden(data.<?= csrf_token() ?>);
return true;
},
error: function(e){
return false;
}
})
return false;
}
$('#serv_enc_default').on('click', function(){
get_tarifas_enc('default');
})
$('#insertar_serv_enc').on('click', function(){
const tarifa_text = $('#add_servicio_enc_list').select2('data')[0].text.trim()
if( $('#add_servicio_enc_list').select2('data')[0].text.trim().length > 0){
if($('#tableOfServiciosEncuadernacion tr > td:contains(' + tarifa_text + ')').length == 0)
get_tarifas_enc('tarifa', $('#add_servicio_enc_list').select2('data')[0].id);
else{
popErrorAlert("Ese servicio ya existe", 'serv-enc-alert')
}
}
check_serv_enc_error()
})
function save_servicios(){
var datos = []
$("#tableOfServiciosEncuadernacion 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['proveedor_id'] = $(this).children(":first").select2('data')[0].id
break
case 3:
values['precio_unidad'] = $(this).text()
break
case 4:
values['precio_total'] = $(this).children(":first").val()
break
}
})
if(Object.keys(values).length>0)
datos.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() ?>);
});
}
init_servicio_encuadernado()
<?= $this->endSection() ?>
<!-------------------------------------------------------------->

View File

@ -86,16 +86,6 @@ $('#paginas').on("change", function () {
}
});
$("#solapas").on("click", function () {
var e = document.getElementById('div_solapas_ancho');
if (document.getElementById('solapas').checked) {
e.style.display = "flex";
}
else {
e.style.display = "none";
}
});
$('#compRetractilado').on("change", function () {

View File

@ -115,6 +115,7 @@ else{
$('#presupuestoForm').on( "submit", function( event ) {
event.preventDefault();
save_servicios();
$.when(fill_bbdd_from_lp(id).then(function (data, textStatus, jqXHR){
generateCompJSON()
form = $('#presupuestoForm').serialize()

View File

@ -23,14 +23,38 @@
</div><!--//.mb-3 -->
<div class="mb-3">
<div class="form-check">
<div class="form-check">
<label for="mostrar_en_presupuesto" class="form-check-label">
<input type="checkbox" id="mostrar_en_presupuesto" name="mostrar_en_presupuesto" value="1" class="form-check-input" <?= $tarifaEncuadernacionEntity->mostrar_en_presupuesto == true ? 'checked' : ''; ?>>
<?= lang('Tarifaencuadernacion.mostrar_en_presupuesto') ?>
</label>
</div><!--//.form-check -->
</div><!--//.mb-3 -->
</div><!--//.mb-3 -->
<div class="mb-3">
<div class="form-check">
<label for="tipo_encuadernacion" class="form-check-label">
<input type="checkbox" id="tipo_encuadernacion" name="tipo_encuadernacion" value="1" class="form-check-input" <?= $tarifaEncuadernacionEntity->tipo_encuadernacion == true ? 'checked' : ''; ?>>
<?= lang('Tarifaencuadernacion.tipo_encuadernacion') ?>
</label>
</div><!--//.form-check -->
</div><!--//.mb-3 -->
<div class="mb-3">
<div class="form-check">
<label for="servicio_encuadernacion" class="form-check-label">
<input type="checkbox" id="servicio_encuadernacion" name="servicio_encuadernacion" value="1" class="form-check-input" <?= $tarifaEncuadernacionEntity->servicio_encuadernacion == true ? 'checked' : ''; ?>>
<?= lang('Tarifaencuadernacion.servicio_encuadernacion') ?>
</label>
</div><!--//.form-check -->
</div><!--//.mb-3 -->
</div><!--//.col -->
</div><!-- //.row -->

View File

@ -20,6 +20,8 @@
<th><?= lang('Tarifaencuadernacion.precioMin') ?></th>
<th><?= lang('Tarifaencuadernacion.importeFijo') ?></th>
<th><?= lang('Tarifaencuadernacion.mostrar_en_presupuesto') ?></th>
<th><?= lang('Tarifaencuadernacion.tipo_encuadernacion') ?></th>
<th><?= lang('Tarifaencuadernacion.servicio_encuadernacion') ?></th>
<th class="text-nowrap"><?= lang('Basic.global.Action') ?></th>
</tr>
</thead>
@ -91,12 +93,14 @@
{ 'data': 'precio_min' },
{ 'data': 'importe_fijo' },
{ 'data': 'mostrar_en_presupuesto' },
{ 'data': 'tipo_encuadernacion' },
{ 'data': 'servicio_encuadernacion' },
{ 'data': actionBtns }
]
});
theTable.on( 'draw.dt', function () {
const boolCols = [3];
const boolCols = [3,4,5];
for (let coln of boolCols) {
theTable.column(coln, { page: 'current' }).nodes().each( function (cell, i) {
cell.innerHTML = cell.innerHTML == '1' ? '<i class="ti ti-check"></i>' : '';