mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
Salvar cambios en ui-delete modal & alaerts
This commit is contained in:
imnavajas
@ -62,14 +62,27 @@ if (session()->has('error')) {
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<div id="imn-alert" class="alert alert-warning alert-dismissible d-flex d-none align-items-baseline" role="alert">
|
||||
<span class="alert-icon alert-icon-lg text-primary me-2">
|
||||
<i class="ti ti-check ti-sm"></i>
|
||||
</span>
|
||||
<div class="d-flex flex-column ps-1">
|
||||
<h5 class="alert-heading mb-2"><?= lang('Basic.global.Warning') ?></h5>
|
||||
<p class="mb-0"><?= $warningMessage; ?></p>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
|
||||
</button>
|
||||
<div id="sk-alert">
|
||||
<div class="alert alert-warning d-flex align-items-baseline" role="alert">
|
||||
<span class="alert-icon alert-icon-lg text-primary me-2">
|
||||
<i class="ti ti-check ti-sm"></i>
|
||||
</span>
|
||||
<div class="d-flex flex-column ps-1">
|
||||
<h5 class="alert-heading mb-2"><?= lang('Basic.global.Warning') ?></h5>
|
||||
<p class="mb-0"><?= $warningMessage; ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<?= $this->section('additionalInlineJs') ?>
|
||||
|
||||
$('#sk-alert').on('click', function (e) {
|
||||
|
||||
$(this).fadeOut("slow");
|
||||
});
|
||||
|
||||
|
||||
<?= $this->endSection() ?>
|
||||
|
||||
|
||||
|
||||
@ -18,6 +18,5 @@
|
||||
<?php endforeach ?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
@ -17,167 +17,165 @@
|
||||
|
||||
<?= $this->section('additionalInlineJs') ?>
|
||||
|
||||
moment.locale('<?= $currentLocale ?? config('App')->defaultLocale ?>');
|
||||
moment.locale('<?= $currentLocale ?? config('App')->defaultLocale ?>');
|
||||
|
||||
<?php if (isset($usingServerSideDataTable) && $usingServerSideDataTable) : ?>
|
||||
// Pipelining function for DataTables. To be used to the `ajax` option of DataTables
|
||||
$.fn.dataTable.pipeline = function (opts) {
|
||||
// Configuration options
|
||||
let conf = $.extend({
|
||||
pages: 5, // number of pages to cache
|
||||
url: '',
|
||||
method: 'POST',
|
||||
headers: {'X-Requested-With': 'XMLHttpRequest'}
|
||||
}, opts);
|
||||
// Pipelining function for DataTables. To be used to the `ajax` option of DataTables
|
||||
$.fn.dataTable.pipeline = function (opts) {
|
||||
// Configuration options
|
||||
let conf = $.extend({
|
||||
pages: 5, // number of pages to cache
|
||||
url: '',
|
||||
method: 'POST',
|
||||
headers: {'X-Requested-With': 'XMLHttpRequest'}
|
||||
}, opts);
|
||||
|
||||
// Private variables for storing the cache
|
||||
let cacheLower = -1;
|
||||
let cacheUpper = null;
|
||||
let cacheLastRequest = null;
|
||||
let cacheLastJson = null;
|
||||
// Private variables for storing the cache
|
||||
let cacheLower = -1;
|
||||
let cacheUpper = null;
|
||||
let cacheLastRequest = null;
|
||||
let cacheLastJson = null;
|
||||
|
||||
return function (request, drawCallback, settings) {
|
||||
let ajax = false;
|
||||
let requestStart = request.start;
|
||||
let drawStart = request.start;
|
||||
let requestLength = request.length;
|
||||
let requestEnd = requestStart + requestLength;
|
||||
return function (request, drawCallback, settings) {
|
||||
let ajax = false;
|
||||
let requestStart = request.start;
|
||||
let drawStart = request.start;
|
||||
let requestLength = request.length;
|
||||
let requestEnd = requestStart + requestLength;
|
||||
|
||||
if (settings.clearCache) {
|
||||
// API requested that the cache be cleared
|
||||
ajax = true;
|
||||
settings.clearCache = false;
|
||||
} else if (cacheLower < 0 || requestStart < cacheLower || requestEnd > cacheUpper) {
|
||||
// outside cached data - need to make a request
|
||||
ajax = true;
|
||||
} else if (JSON.stringify(request.order) !== JSON.stringify(cacheLastRequest.order) ||
|
||||
JSON.stringify(request.columns) !== JSON.stringify(cacheLastRequest.columns) ||
|
||||
JSON.stringify(request.search) !== JSON.stringify(cacheLastRequest.search)
|
||||
) {
|
||||
// properties changed (ordering, columns, searching)
|
||||
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);
|
||||
}
|
||||
if (settings.clearCache) {
|
||||
// API requested that the cache be cleared
|
||||
ajax = true;
|
||||
settings.clearCache = false;
|
||||
} else if (cacheLower < 0 || requestStart < cacheLower || requestEnd > cacheUpper) {
|
||||
// outside cached data - need to make a request
|
||||
ajax = true;
|
||||
} else if (JSON.stringify(request.order) !== JSON.stringify(cacheLastRequest.order) ||
|
||||
JSON.stringify(request.columns) !== JSON.stringify(cacheLastRequest.columns) ||
|
||||
JSON.stringify(request.search) !== JSON.stringify(cacheLastRequest.search)
|
||||
) {
|
||||
// properties changed (ordering, columns, searching)
|
||||
ajax = true;
|
||||
}
|
||||
};
|
||||
|
||||
// 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;
|
||||
});
|
||||
// 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
|
||||
// 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 if (isset($usingClientSideDataTable) && $usingClientSideDataTable) { ?>
|
||||
let lastColNr = $(".using-data-table").find("tr:first th").length - 1;
|
||||
theTable = $('.using-data-table').DataTable({
|
||||
"responsive": true,
|
||||
"paging": true,
|
||||
"lengthMenu": [ 5, 10, 25, 50, 75, 100, 250, 500, 1000, 2500 ],
|
||||
"pageLength": 10,
|
||||
"lengthChange": true,
|
||||
"searching": true,
|
||||
"ordering": true,
|
||||
"info": true,
|
||||
"autoWidth": true,
|
||||
"scrollX": true,
|
||||
"stateSave": true,
|
||||
"language": {
|
||||
url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->languages[$currentLocale] ?? config('Basics')->i18n ?>.json"
|
||||
},
|
||||
"columnDefs": [
|
||||
{
|
||||
orderable: false,
|
||||
searchable: false,
|
||||
targets: [0,lastColNr]
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
let lastColNr = $(".using-data-table").find("tr:first th").length - 1;
|
||||
theTable = $('.using-data-table').DataTable({
|
||||
"responsive": true,
|
||||
"paging": true,
|
||||
"lengthMenu": [ 5, 10, 25, 50, 75, 100, 250, 500, 1000, 2500 ],
|
||||
"pageLength": 10,
|
||||
"lengthChange": true,
|
||||
"searching": true,
|
||||
"ordering": true,
|
||||
"info": true,
|
||||
"autoWidth": true,
|
||||
"scrollX": true,
|
||||
"stateSave": true,
|
||||
"language": {
|
||||
url: "//cdn.datatables.net/plug-ins/1.13.4/i18n/<?= config('Basics')->languages[$currentLocale] ?? config('Basics')->i18n ?>.json"
|
||||
},
|
||||
"columnDefs": [
|
||||
{
|
||||
orderable: false,
|
||||
searchable: false,
|
||||
targets: [0,lastColNr]
|
||||
}
|
||||
]
|
||||
});
|
||||
<?php } ?>
|
||||
|
||||
$('#confirm2delete').on('show.bs.modal', function (e) {
|
||||
$(this).find('.btn-confirm').attr('href', $(e.relatedTarget).data('href'));
|
||||
});
|
||||
|
||||
$('#confirm2delete').on('show.bs.modal', function (e) {
|
||||
$(this).find('.btn-confirm').attr('href', $(e.relatedTarget).data('href'));
|
||||
});
|
||||
|
||||
function toggleAllCheckboxes($cssClass, $io=null) {
|
||||
$('.'+$cssClass).prop('checked', $io);
|
||||
}
|
||||
function toggleAllCheckboxes($cssClass, $io=null) {
|
||||
$('.'+$cssClass).prop('checked', $io);
|
||||
}
|
||||
<?= $this->endSection() ?>
|
||||
@ -2,6 +2,7 @@
|
||||
<?= $this->include("themes/_commonPartialsBs/select2bs5") ?>
|
||||
<?= $this->include("themes/_commonPartialsBs/sweetalert") ?>
|
||||
<?=$this->extend('themes/backend/vuexy/main/defaultlayout') ?>
|
||||
|
||||
<?= $this->section("content") ?>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
|
||||
@ -43,11 +43,12 @@ const lastColNr = $('#tableOfTarifasacabado').find("tr:first th").length - 1;
|
||||
return `
|
||||
<td class="text-right py-0 align-middle">
|
||||
<div class="btn-group btn-group-sm">
|
||||
<i class="ti ti-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i>
|
||||
<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-pencil ti-sm btn-edit mx-2" data-id="${data.id}"></i></a>
|
||||
<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>
|
||||
</td>`;
|
||||
};
|
||||
|
||||
theTable = $('#tableOfTarifasacabado').DataTable({
|
||||
processing: 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() ?>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user