jjimenez/safekat
1
0
Fork 0
mirror of https://git.imnavajas.es/jjimenez/safekat.git synced 2025-07-25 22:52:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Salvar cambios en ui-delete modal & alaerts

Browse Source
This commit is contained in:
imnavajas
2023-07-22 21:53:56 +02:00
parent 0f00f4e00d
commit a0c6c617b0
5 changed files with 174 additions and 164 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
ci4/app/Views/themes/_commonPartialsBs/_alertBoxes.php
View File

@ -62,14 +62,27 @@ if (session()->has('error')) {
</div> </div>
<?php endif; ?> <?php endif; ?>
<div id="imn-alert" class="alert alert-warning alert-dismissible d-flex d-none align-items-baseline" role="alert"> <div id="sk-alert">
<span class="alert-icon alert-icon-lg text-primary me-2"> <div class="alert alert-warning d-flex align-items-baseline" role="alert">
<i class="ti ti-check ti-sm"></i> <span class="alert-icon alert-icon-lg text-primary me-2">
</span> <i class="ti ti-check ti-sm"></i>
<div class="d-flex flex-column ps-1"> </span>
<h5 class="alert-heading mb-2"><?= lang('Basic.global.Warning') ?></h5> <div class="d-flex flex-column ps-1">
<p class="mb-0"><?= $warningMessage; ?></p> <h5 class="alert-heading mb-2"><?= lang('Basic.global.Warning') ?></h5>
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"> <p class="mb-0"><?= $warningMessage; ?></p>
</button> </div>
</div> </div>
</div> </div>
<?= $this->section('additionalInlineJs') ?>
$('#sk-alert').on('click', function (e) {
$(this).fadeOut("slow");
});
<?= $this->endSection() ?>

1
ci4/app/Views/themes/_commonPartialsBs/_form_validation_errors.php
View File

@ -18,6 +18,5 @@
<?php endforeach ?> <?php endforeach ?>
</ul> </ul>
</div> </div>
</div> </div>
<?php } ?> <?php } ?>

296
ci4/app/Views/themes/_commonPartialsBs/datatables.php
View File

@ -17,167 +17,165 @@
<?= $this->section('additionalInlineJs') ?> <?= $this->section('additionalInlineJs') ?>
moment.locale('<?= $currentLocale ?? config('App')->defaultLocale ?>'); moment.locale('<?= $currentLocale ?? config('App')->defaultLocale ?>');
<?php if (isset($usingServerSideDataTable) && $usingServerSideDataTable) : ?> <?php if (isset($usingServerSideDataTable) && $usingServerSideDataTable) : ?>
// Pipelining function for DataTables. To be used to the `ajax` option of DataTables // Pipelining function for DataTables. To be used to the `ajax` option of DataTables
$.fn.dataTable.pipeline = function (opts) { $.fn.dataTable.pipeline = function (opts) {
// Configuration options // Configuration options
let conf = $.extend({ let conf = $.extend({
pages: 5, // number of pages to cache pages: 5, // number of pages to cache
url: '', url: '',
method: 'POST', method: 'POST',
headers: {'X-Requested-With': 'XMLHttpRequest'} headers: {'X-Requested-With': 'XMLHttpRequest'}
}, opts); }, opts);
// Private variables for storing the cache // Private variables for storing the cache
let cacheLower = -1; let cacheLower = -1;
let cacheUpper = null; let cacheUpper = null;
let cacheLastRequest = null; let cacheLastRequest = null;
let cacheLastJson = null; let cacheLastJson = null;
return function (request, drawCallback, settings) { return function (request, drawCallback, settings) {
let ajax = false; let ajax = false;
let requestStart = request.start; let requestStart = request.start;
let drawStart = request.start; let drawStart = request.start;
let requestLength = request.length; let requestLength = request.length;
let requestEnd = requestStart + requestLength; let requestEnd = requestStart + requestLength;
if (settings.clearCache) { if (settings.clearCache) {
// API requested that the cache be cleared // API requested that the cache be cleared
ajax = true; ajax = true;
settings.clearCache = false; settings.clearCache = false;
} else if (cacheLower < 0 || requestStart < cacheLower || requestEnd > cacheUpper) { } else if (cacheLower < 0 || requestStart < cacheLower || requestEnd > cacheUpper) {
// outside cached data - need to make a request // outside cached data - need to make a request
ajax = true; ajax = true;
} else if (JSON.stringify(request.order) !== JSON.stringify(cacheLastRequest.order) || } else if (JSON.stringify(request.order) !== JSON.stringify(cacheLastRequest.order) ||
JSON.stringify(request.columns) !== JSON.stringify(cacheLastRequest.columns) || JSON.stringify(request.columns) !== JSON.stringify(cacheLastRequest.columns) ||
JSON.stringify(request.search) !== JSON.stringify(cacheLastRequest.search) JSON.stringify(request.search) !== JSON.stringify(cacheLastRequest.search)
) { ) {
// properties changed (ordering, columns, searching) // properties changed (ordering, columns, searching)
ajax = true; ajax = true;
}
// Store the request for checking next time around
cacheLastRequest = $.extend(true, {}, request);
if (ajax) {
// Need data from the server
if (requestStart < cacheLower) {
requestStart = requestStart - (requestLength * (conf.pages - 1));
if (requestStart < 0) {
requestStart = 0;
}
}
cacheLower = requestStart;
cacheUpper = requestStart + (requestLength * conf.pages);
request.start = requestStart;
request.length = requestLength * conf.pages;
// Provide the same `data` options as DataTables.
if (typeof conf.data === 'function') {
// As a function it is executed with the data object as an arg
// for manipulation. If an object is returned, it is used as the
// data object to submit
let d = conf.data(request);
if (d) {
$.extend(request, d);
}
} else if ($.isPlainObject(conf.data)) {
// As an object, the data given extends the default
$.extend(request, conf.data);
}
request.<?=csrf_token()?> = <?=csrf_token()?>v;
return $.ajax({
"type": conf.method,
"url": conf.url,
"data": request,
"dataType": "json",
"cache": false,
"success": function (json) {
cacheLastJson = $.extend(true, {}, json);
if (cacheLower != drawStart) {
json.data.splice(0, drawStart - cacheLower);
}
if (requestLength >= -1) {
json.data.splice(requestLength, json.data.length);
}
drawCallback(json);
yeniden(json.token);
},
error: function (jqXHR, textStatus, errorThrown) {
$('.dataTables_processing').hide();
const theData = jqXHR.responseJSON;
drawCallback(theData);
Toast.fire({
icon: 'error',
title: errorThrown,
});
}
});
} else {
let json = $.extend(true, {}, cacheLastJson);
json.draw = request.draw; // Update the echo for each response
json.data.splice(0, requestStart - cacheLower);
json.data.splice(requestLength, json.data.length);
drawCallback(json);
}
} }
};
// Register an API method that will empty the pipelined data, forcing an Ajax // Store the request for checking next time around
// fetch on the next draw (i.e. `table.clearPipeline().draw()`) cacheLastRequest = $.extend(true, {}, request);
$.fn.dataTable.Api.register('clearPipeline()', function () {
return this.iterator('table', function (settings) { if (ajax) {
settings.clearCache = true; // Need data from the server
}); if (requestStart < cacheLower) {
requestStart = requestStart - (requestLength * (conf.pages - 1));
if (requestStart < 0) {
requestStart = 0;
}
}
cacheLower = requestStart;
cacheUpper = requestStart + (requestLength * conf.pages);
request.start = requestStart;
request.length = requestLength * conf.pages;
// Provide the same `data` options as DataTables.
if (typeof conf.data === 'function') {
// As a function it is executed with the data object as an arg
// for manipulation. If an object is returned, it is used as the
// data object to submit
let d = conf.data(request);
if (d) {
$.extend(request, d);
}
} else if ($.isPlainObject(conf.data)) {
// As an object, the data given extends the default
$.extend(request, conf.data);
}
request.<?=csrf_token()?> = <?=csrf_token()?>v;
return $.ajax({
"type": conf.method,
"url": conf.url,
"data": request,
"dataType": "json",
"cache": false,
"success": function (json) {
cacheLastJson = $.extend(true, {}, json);
if (cacheLower != drawStart) {
json.data.splice(0, drawStart - cacheLower);
}
if (requestLength >= -1) {
json.data.splice(requestLength, json.data.length);
}
drawCallback(json);
yeniden(json.token);
},
error: function (jqXHR, textStatus, errorThrown) {
$('.dataTables_processing').hide();
const theData = jqXHR.responseJSON;
drawCallback(theData);
Toast.fire({
icon: 'error',
title: errorThrown,
});
}
});
} else {
let json = $.extend(true, {}, cacheLastJson);
json.draw = request.draw; // Update the echo for each response
json.data.splice(0, requestStart - cacheLower);
json.data.splice(requestLength, json.data.length);
drawCallback(json);
}
}
};
// Register an API method that will empty the pipelined data, forcing an Ajax
// fetch on the next draw (i.e. `table.clearPipeline().draw()`)
$.fn.dataTable.Api.register('clearPipeline()', function () {
return this.iterator('table', function (settings) {
settings.clearCache = true;
}); });
});
<?php endif; ?> <?php endif; ?>
<?php if (isset($usingClientSideDataTable) && $usingClientSideDataTable) { ?> <?php if (isset($usingClientSideDataTable) && $usingClientSideDataTable) { ?>
let lastColNr = $(".using-data-table").find("tr:first th").length - 1; let lastColNr = $(".using-data-table").find("tr:first th").length - 1;
theTable = $('.using-data-table').DataTable({ theTable = $('.using-data-table').DataTable({
"responsive": true, "responsive": true,
"paging": true, "paging": true,
"lengthMenu": [ 5, 10, 25, 50, 75, 100, 250, 500, 1000, 2500 ], "lengthMenu": [ 5, 10, 25, 50, 75, 100, 250, 500, 1000, 2500 ],
"pageLength": 10, "pageLength": 10,
"lengthChange": true, "lengthChange": true,
"searching": true, "searching": true,
"ordering": true, "ordering": true,
"info": true, "info": true,
"autoWidth": true, "autoWidth": true,
"scrollX": true, "scrollX": true,
"stateSave": true, "stateSave": true,
"language": { "language": {
url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->languages[$currentLocale] ?? config('Basics')->i18n ?>.json" url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->languages[$currentLocale] ?? config('Basics')->i18n ?>.json"
}, },
"columnDefs": [ "columnDefs": [
{ {
orderable: false, orderable: false,
searchable: false, searchable: false,
targets: [0,lastColNr] targets: [0,lastColNr]
} }
] ]
}); });
<?php } ?> <?php } ?>
$('#confirm2delete').on('show.bs.modal', function (e) { $('#confirm2delete').on('show.bs.modal', function (e) {
$(this).find('.btn-confirm').attr('href', $(e.relatedTarget).data('href')); $(this).find('.btn-confirm').attr('href', $(e.relatedTarget).data('href'));
}); });
function toggleAllCheckboxes($cssClass, $io=null) { function toggleAllCheckboxes($cssClass, $io=null) {
$('.'+$cssClass).prop('checked', $io); $('.'+$cssClass).prop('checked', $io);
} }
<?= $this->endSection() ?> <?= $this->endSection() ?>

1
ci4/app/Views/themes/backend/vuexy/form/tarifas/acabado/viewTarifaAcabadoForm.php
View File

@ -2,6 +2,7 @@
<?= $this->include("themes/_commonPartialsBs/select2bs5") ?> <?= $this->include("themes/_commonPartialsBs/select2bs5") ?>
<?= $this->include("themes/_commonPartialsBs/sweetalert") ?> <?= $this->include("themes/_commonPartialsBs/sweetalert") ?>
<?=$this->extend('themes/backend/vuexy/main/defaultlayout') ?> <?=$this->extend('themes/backend/vuexy/main/defaultlayout') ?>
<?= $this->section("content") ?> <?= $this->section("content") ?>
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">

9
ci4/app/Views/themes/backend/vuexy/form/tarifas/acabado/viewTarifaAcabadoList.php
View File

@ -43,11 +43,12 @@ const lastColNr = $('#tableOfTarifasacabado').find("tr:first th").length - 1;
return ` return `
<td class="text-right py-0 align-middle"> <td class="text-right py-0 align-middle">
<div class="btn-group btn-group-sm"> <div class="btn-group btn-group-sm">
<i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i> <a href="javascript:void(0);"><i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i></a>
<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 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>
</div> </div>
</td>`; </td>`;
}; };
theTable = $('#tableOfTarifasacabado').DataTable({ theTable = $('#tableOfTarifasacabado').DataTable({
processing: true, processing: true,
serverSide: true, serverSide: true,
@ -123,9 +124,7 @@ const lastColNr = $('#tableOfTarifasacabado').find("tr:first th").length - 1;
} }
}); });
$('#imn-alert').on('click', function (e) {
$(this).toggleClass('d-none');
});
<?= $this->endSection() ?> <?= $this->endSection() ?>