Angel Javier
Ómicron
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Verificado por Binance
¡Usuario popular!
Tengo una tabla en mi vista de Laravel.
Cuando la ordeno por fecha (más reciente a más antiguo) me ordena desde el primero de julio, hacia abajo
¿No debería ser desde el 4 de julio hacia atrás?
Y Cuando ordeno al revez, también me muestra mayo, al revez y luego junio
Intenté ordenarlos desde mi controlador, pero no me funciona, de igual manera en mi vista he realizado varios cambios y nada.
¿Que puedo revisar para que me ordene de manera correcta?
Si ordeno decendente, debe mostrarme
Julio 4, 3,2 1
Y ascendente: mayo 31, Junio 1, ect
Código de mi vista:
Cuando la ordeno por fecha (más reciente a más antiguo) me ordena desde el primero de julio, hacia abajo
¿No debería ser desde el 4 de julio hacia atrás?
Y Cuando ordeno al revez, también me muestra mayo, al revez y luego junio
Intenté ordenarlos desde mi controlador, pero no me funciona, de igual manera en mi vista he realizado varios cambios y nada.
¿Que puedo revisar para que me ordene de manera correcta?
Si ordeno decendente, debe mostrarme
Julio 4, 3,2 1
Y ascendente: mayo 31, Junio 1, ect
Código de mi vista:
PHP:
@extends('layouts.admin')
@section('content')
<div class="card">
<div class="card-body">
<div class="container-fluid">
<div class="row">
<div class="col-lg-2 col-sm-12 col-md-2">
<label for="">{{ trans('global.from') }}</label>
<input type="date" class="form-control" name="from">
</div>
<div class="col-lg-2 col-sm-12 col-md-2">
<label for="">{{ trans('global.to') }}</label>
<input type="date" class="form-control" name="to">
</div>
<div class="col-lg-2 col-sm-12 col-md-2">
<label for="">{{ trans('global.employee_name') }}</label>
<input type="text" class="form-control" name="employee_name">
</div>
<div class="col-lg-6 col-sm-12 col-md-6">
<button class="btn btn-primary mt-4 filter">{{ trans('global.filter') }}</button>
<button class="btn btn-danger mt-4 reset-filters-btn">{{ trans('global.reset_filter') }}</button>
<a href="{{ route('admin.attendance.excuse') }}" class="btn btn-warning mt-4">{{ trans('global.add_absent_excuse') }}</a>
<button class="export-pdf btn mt-4 btn-success">{{ trans('global.export_pdf') }}</button>
@can('empleado_delete')
<button class="ver-pdf btn btn-info mt-4">Ver PDF</button>
@endcan
</div>
</div>
</div>
<div class="table-responsive">
<table class="table table-bordered table-striped table-hover datatable">
<thead>
<tr>
<th>{{ trans('global.employee_name') }}</th>
<th>{{ trans('global.date') }}</th>
<th>{{ trans('global.entrance') }}</th>
<th>{{ trans('global.lunch_departure') }}</th>
<th>{{ trans('global.lunch_entry') }}</th>
<th>{{ trans('global.exit') }}</th>
<th>{{ trans('global.hours_worked') }}</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
<!-- Modal para mostrar el loader -->
<div class="modal fade" id="loadingModal" tabindex="-1" role="dialog" aria-labelledby="loadingModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body text-center">
<div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
<p class="mt-2">Exportando PDF...</p>
</div>
</div>
</div>
</div>
@endsection
@section('scripts')
@parent
<script>
$(document).ready(function() {
$('.export-pdf').on('click', function(e) {
e.preventDefault();
// Mostrar alerta de Bootstrap "Enviando Planilla, por favor espera"
showAlert('Enviando Planilla, por favor espera', 'alert-warning');
var params = $.param({
from: $('input[name="from"]').val(),
to: $('input[name="to"]').val(),
employee_name: $('input[name="employee_name"]').val()
});
var url = '{{ route("admin.attendance.downloadPdf") }}?' + params;
// Redireccionar a la URL de descarga del PDF para enviar por correo
window.location.href = url;
});
$('.ver-pdf').on('click', function(e) {
e.preventDefault();
// Mostrar alerta de Bootstrap "Generando PDF, por favor espera"
showAlert('Generando PDF, por favor espera', 'alert-warning');
var params = $.param({
from: $('input[name="from"]').val(),
to: $('input[name="to"]').val(),
employee_name: $('input[name="employee_name"]').val(),
view: true
});
var url = '{{ route("admin.attendance.downloadPdf") }}?' + params;
// Redireccionar a la URL de visualización del PDF
window.open(url, '_blank');
});
var table = $('.datatable').DataTable({
processing: true,
serverSide: true,
ajax: {
url: '{{ route("admin.attendance.fetchAttendance") }}',
data: function(d) {
// Agregar valores de filtro a la solicitud AJAX
d.from = $('input[name="from"]').val();
d.to = $('input[name="to"]').val();
d.employee_name = $('input[name="employee_name"]').val();
}
},
columns: [
{ data: 'employee_name', name: 'employee_name' },
{ data: 'date', name: 'date' },
{ data: 'entrance', name: 'entrance' },
{ data: 'lunch_departure', name: 'lunch_departure' },
{ data: 'lunch_entry', name: 'lunch_entry' },
{ data: 'exit', name: 'exit' },
{ data: 'hours_worked', name: 'hours_worked' }
],
dom: 'tip',
columnDefs: [
{
targets: 0,
orderable: true,
searchable: true,
className: 'dt-body-left'
}
],
initComplete: function(settings, json) {
var urlParams = new URLSearchParams(window.location.search);
var planillaEnviada = urlParams.get('planilla_enviada');
if (planillaEnviada === 'true') {
showAlert('Planilla enviada con éxito', 'alert-success');
}
}
});
$(document).on('click', '.filter', function(e) {
e.preventDefault();
table.draw();
});
$(document).on('click', '.reset-filters-btn', function(e) {
e.preventDefault();
$('input[name="from"]').val('');
$('input[name="to"]').val('');
$('input[name="employee_name"]').val('');
table.draw();
});
function showAlert(message, alertType) {
var alertDiv = '<div class="alert ' + alertType + ' alert-dismissible fade show" role="alert">';
alertDiv += message;
alertDiv += '<button type="button" class="close" data-dismiss="alert" aria-label="Close">';
alertDiv += '<span aria-hidden="true">×</span>';
alertDiv += '</button>';
alertDiv += '</div>';
$('.card-body').prepend(alertDiv);
}
});
</script>
@endsection
