mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
terminado
This commit is contained in:
@ -38,55 +38,81 @@ class Ticket {
|
||||
|
||||
#initDatatable() {
|
||||
|
||||
this.#headerSearcher();
|
||||
|
||||
const self = this;
|
||||
|
||||
self.#headerSearcher();
|
||||
|
||||
const actions = ['view'];
|
||||
const columns = [
|
||||
{ 'data': 'id' },
|
||||
{
|
||||
'data': 'categoria_id',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[row.categoria];
|
||||
}
|
||||
},
|
||||
{
|
||||
'data': 'seccion_id',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[row.seccion];
|
||||
}
|
||||
},
|
||||
{
|
||||
'data': 'estado_id',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[row.estado];
|
||||
}
|
||||
},
|
||||
{
|
||||
'data': 'prioridad',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[data];
|
||||
|
||||
let columns = [];
|
||||
if (window.userType == 1) {
|
||||
columns = [
|
||||
{ 'data': 'id' },
|
||||
{
|
||||
'data': 'categoria_id',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[row.categoria];
|
||||
}
|
||||
},
|
||||
visible: false,
|
||||
},
|
||||
{ 'data': 'titulo' },
|
||||
{
|
||||
'data': 'usuario_id',
|
||||
render: function (data, type, row) {
|
||||
return row.usuario;
|
||||
{
|
||||
'data': 'seccion_id',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[row.seccion];
|
||||
}
|
||||
},
|
||||
visible: false,
|
||||
},
|
||||
{
|
||||
'data': 'user_soporte_id',
|
||||
render: function (data, type, row) {
|
||||
return row.user_soporte;
|
||||
{
|
||||
'data': 'estado_id',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[row.estado];
|
||||
}
|
||||
},
|
||||
visible: false,
|
||||
},
|
||||
{ 'data': 'created_at' },
|
||||
];
|
||||
{
|
||||
'data': 'prioridad',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[data];
|
||||
},
|
||||
},
|
||||
{ 'data': 'titulo' },
|
||||
{
|
||||
'data': 'usuario_id',
|
||||
render: function (data, type, row) {
|
||||
return row.usuario;
|
||||
},
|
||||
},
|
||||
{
|
||||
'data': 'user_soporte_id',
|
||||
render: function (data, type, row) {
|
||||
return row.user_soporte;
|
||||
},
|
||||
},
|
||||
{ 'data': 'created_at' },
|
||||
];
|
||||
}
|
||||
else {
|
||||
columns = [
|
||||
{ 'data': 'id' },
|
||||
{
|
||||
'data': 'categoria_id',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[row.categoria];
|
||||
}
|
||||
},
|
||||
{
|
||||
'data': 'seccion_id',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[row.seccion];
|
||||
}
|
||||
},
|
||||
{
|
||||
'data': 'estado_id',
|
||||
render: function (data, type, row) {
|
||||
return window.language.Tickets[row.estado];
|
||||
}
|
||||
},
|
||||
{ 'data': 'titulo' },
|
||||
{ 'data': 'created_at' },
|
||||
];
|
||||
}
|
||||
|
||||
|
||||
this.table = new Table(
|
||||
@ -103,17 +129,10 @@ class Ticket {
|
||||
});
|
||||
|
||||
this.table.table.on('init.dt', function () {
|
||||
self.table.table.page.len(50).draw();
|
||||
if (window.userType == 1) {
|
||||
|
||||
self.table.table.column(4).visible(true);
|
||||
self.table.table.column(6).visible(true);
|
||||
self.table.table.column(7).visible(true);
|
||||
self.table.table.page.len(100).draw();
|
||||
self.table.table.draw();
|
||||
|
||||
self.table.table.column(4).header().style.display = 'table-cell';
|
||||
self.table.table.column(6).header().style.display = 'table-cell';
|
||||
self.table.table.column(7).header().style.display = 'table-cell';
|
||||
}
|
||||
});
|
||||
|
||||
this.table.setEditCallback(function (id) {
|
||||
@ -124,11 +143,14 @@ class Ticket {
|
||||
#headerSearcher() {
|
||||
const self = this;
|
||||
|
||||
$('#tableOfTickets thead tr').clone(true).appendTo('#tableOfTickets thead');
|
||||
$('#tableOfTickets thead tr.search-header').remove();
|
||||
let searchRow = $('#tableOfTickets thead tr').first().clone(true);
|
||||
searchRow.addClass('search-header').appendTo('#tableOfTickets thead');
|
||||
|
||||
$('#tableOfTickets thead tr:eq(1) th').each(function (i) {
|
||||
if (!$(this).hasClass("noFilter")) {
|
||||
var title = $(this).text();
|
||||
if (i == 8) {
|
||||
if (title == window.language.Tickets.fechaCreacion) {
|
||||
|
||||
$(this).html('<input id="bs-rangepicker-range" type="text" class="form-control " style="min-width:100px;max-width:120px;font-size:0.8rem !important;" />');
|
||||
var bsRangePickerRange = $('#bs-rangepicker-range')
|
||||
@ -142,13 +164,13 @@ class Ticket {
|
||||
[window.language.datePicker.ultimoMes]: [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||||
},
|
||||
opens: 'right',
|
||||
language: '<?= config('Basics')->i18n ?>',
|
||||
language: $('html').attr('lang'),
|
||||
"locale": {
|
||||
"customRangeLabel": "<?= lang('datePicker.personalizar') ?>",
|
||||
"customRangeLabel": window.language.datePicker.personalizar,
|
||||
"format": "YYYY-MM-DD",
|
||||
"separator": " ",
|
||||
"applyLabel": "<?= lang('datePicker.aplicar') ?>",
|
||||
"cancelLabel": "<?= lang('datePicker.limpiar') ?>",
|
||||
"applyLabel": window.language.datePicker.aplicar,
|
||||
"cancelLabel": window.language.datePicker.limpiar,
|
||||
|
||||
},
|
||||
"alwaysShowCalendars": true,
|
||||
@ -158,7 +180,7 @@ class Ticket {
|
||||
|
||||
bsRangePickerRange.on('apply.daterangepicker', function (ev, picker) {
|
||||
$(this).val(picker.startDate.format('YYYY-MM-DD') + ' ' + picker.endDate.format('YYYY-MM-DD'));
|
||||
self.table
|
||||
self.table.table
|
||||
.column(i)
|
||||
.search(this.value)
|
||||
.draw();
|
||||
@ -166,14 +188,14 @@ class Ticket {
|
||||
|
||||
bsRangePickerRange.on('cancel.daterangepicker', function (ev, picker) {
|
||||
$(this).val('');
|
||||
self.table
|
||||
self.table.table
|
||||
.column(i)
|
||||
.search(this.value)
|
||||
.draw();
|
||||
});
|
||||
|
||||
}
|
||||
else if (i == 1) {
|
||||
else if (title == window.language.Tickets.tipo) {
|
||||
// Agregar un selector en la tercera columna
|
||||
$(this).html('<select class="form-control" style="min-width:100px;max-width:120px;font-size:0.8rem !important;"></select>');
|
||||
|
||||
@ -188,11 +210,11 @@ class Ticket {
|
||||
var val = $.fn.dataTable.util.escapeRegex(
|
||||
$(this).val()
|
||||
);
|
||||
self.table.column(i).search(val).draw();
|
||||
self.table.table.column(i).search(val).draw();
|
||||
});
|
||||
}
|
||||
|
||||
else if (i == 2) {
|
||||
else if (title == window.language.Tickets.seccion) {
|
||||
// Agregar un selector en la tercera columna
|
||||
$(this).html('<select class="form-control" style="min-width:100px;max-width:120px;font-size:0.8rem !important;"></select>');
|
||||
|
||||
@ -210,10 +232,10 @@ class Ticket {
|
||||
var val = $.fn.dataTable.util.escapeRegex(
|
||||
$(this).val()
|
||||
);
|
||||
self.table.column(i).search(val).draw();
|
||||
self.table.table.column(i).search(val).draw();
|
||||
});
|
||||
}
|
||||
else if (i == 2) {
|
||||
else if (title == window.language.Tickets.estado) {
|
||||
// Agregar un selector en la tercera columna
|
||||
$(this).html('<select class="form-control" style="min-width:100px;max-width:120px;font-size:0.8rem !important;"></select>');
|
||||
|
||||
@ -223,15 +245,15 @@ class Ticket {
|
||||
selectorEstado.append('<option value="abierto">' + window.language.Tickets.abierto + '</option>');
|
||||
selectorEstado.append('<option value="en_proceso">' + window.language.Tickets.en_proceso + '</option>');
|
||||
selectorEstado.append('<option value="resuelto">' + window.language.Tickets.resuelto + '</option>');
|
||||
|
||||
|
||||
selectorEstado.on('change', function () {
|
||||
var val = $.fn.dataTable.util.escapeRegex(
|
||||
$(this).val()
|
||||
);
|
||||
self.table.column(i).search(val).draw();
|
||||
self.table.table.column(i).search(val).draw();
|
||||
});
|
||||
}
|
||||
else if (i == 8) {
|
||||
else if (title == window.language.Tickets.prioridad) {
|
||||
// Agregar un selector en la tercera columna
|
||||
$(this).html('<select class="form-control" style="min-width:100px;max-width:120px;font-size:0.8rem !important;"></select>');
|
||||
|
||||
@ -241,20 +263,20 @@ class Ticket {
|
||||
selectorPrioridad.append('<option value="baja">' + window.language.Tickets.baja + '</option>');
|
||||
selectorPrioridad.append('<option value="media">' + window.language.Tickets.media + '</option>');
|
||||
selectorPrioridad.append('<option value="baja">' + window.language.Tickets.alta + '</option>');
|
||||
|
||||
|
||||
selectorPrioridad.on('change', function () {
|
||||
var val = $.fn.dataTable.util.escapeRegex(
|
||||
$(this).val()
|
||||
);
|
||||
self.table.column(i).search(val).draw();
|
||||
self.table.table.column(i).search(val).draw();
|
||||
});
|
||||
}
|
||||
else {
|
||||
$(this).html('<input type="text" class="form-control " style="min-width:100px;max-width:120px;font-size:0.8rem !important;" />');
|
||||
|
||||
$('input', this).on('change clear', function () {
|
||||
if (self.table.column(i).search() !== this.value) {
|
||||
self.table
|
||||
if (self.table.table.column(i).search() !== this.value) {
|
||||
self.table.table
|
||||
.column(i)
|
||||
.search(this.value)
|
||||
.draw();
|
||||
@ -273,7 +295,7 @@ document.addEventListener('DOMContentLoaded', function () {
|
||||
|
||||
const locale = document.querySelector('meta[name="locale"]').getAttribute('content');
|
||||
|
||||
new Ajax('/translate/getTranslation', { locale: locale, translationFile: ['Tickets, datePicker'] }, {},
|
||||
new Ajax('/translate/getTranslation', { locale: locale, translationFile: ['Tickets', 'datePicker'] }, {},
|
||||
function (translations) {
|
||||
window.language = JSON.parse(translations);
|
||||
new Ticket();
|
||||
|
||||
Reference in New Issue
Block a user