@extends('backEnd.master')
@section('mainContent')
<section class="admin-visitor-area up_st_admin_visitor">
<div class="container-fluid p-0">
<div class="row justify-content-center">
<div class="col-12">
<div class="box_header">
<div class="main-title d-flex">
<h3 class="mb-0 mr-30" >{{ __('common.login_logout_activity') }}</h3>
<ul class="d-flex">
@if(permissionCheck('activity_log.login.destroy_all'))
<li><a class="primary-btn radius_30px mr-10 fix-gr-bg" href="" id="clear_log_btn"><i class="ti-plus"></i>{{__('common.clean_all')}}</a></li>
@endif
</ul>
</div>
</div>
</div>
<div class="col-lg-12">
<div class="QA_section QA_section_heading_custom check_box_table">
<div class="QA_table ">
<!-- table-responsive -->
<div id="login_table_div">
@include('useractivitylog::components.login_list')
</div>
</div>
</div>
</div>
</div>
</div>
@include('backEnd.partials._deleteModalForAjax',['item_name' => __("common.login_logout_activity")])
</section>
@endsection
@push('scripts')
<script>
(function($){
"use strict";
$(document).ready(function(){
activeDataTable();
$(document).on('click', '#clear_log_btn', function(event){
event.preventDefault();
$('#deleteItemModal').modal('show');
});
$(document).on('submit', '#item_delete_form', function(event) {
event.preventDefault();
$('#deleteItemModal').modal('hide');
$("#pre-loader").removeClass('d-none');
var formData = new FormData();
formData.append('_token', "{{ csrf_token() }}");
$.ajax({
url: "{{ route('activity_log.login.destroy_all') }}",
type: "POST",
cache: false,
contentType: false,
processData: false,
data: formData,
success: function(response) {
$('#login_table_div').html(response.login_lists);
$("#pre-loader").addClass('d-none');
toastr.success("{{__('common.deleted_successfully')}}","{{__('common.success')}}");
activeDataTable();
},
error: function(response) {
if(response.responseJSON.error){
toastr.error(response.responseJSON.error ,"{{__('common.error')}}");
$('#pre-loader').addClass('d-none');
return false;
}
toastr.error("{{__('common.error_message')}}", "{{__('common.error')}}");
$("#pre-loader").addClass('d-none');
}
});
});
function activeDataTable(){
var url = "{{ route('activity_log.login-data') }}";
$('#loginLogoutDataTable').DataTable({
processing: true,
serverSide: true,
stateSave: true,
"ajax": ({
url: url
}),
"initComplete": function(json) {
},
columns: [{
data: 'DT_RowIndex',
name: 'id'
},
{
data: 'user_name',
name: 'user_name'
},
{
data: 'login_time',
name: 'login_time'
},
{
data: 'logout_time',
name: 'logout_time'
},
{
data: 'ip',
name: 'ip'
},
{
data: 'agent',
name: 'agent'
},
{
data: 'subject',
name: 'subject'
}
],
bLengthChange: false,
"bDestroy": true,
language: {
search: "<i class='ti-search'></i>",
searchPlaceholder: trans('common.quick_search'),
paginate: {
next: "<i class='ti-arrow-right'></i>",
previous: "<i class='ti-arrow-left'></i>"
}
},
dom: 'Bfrtip',
buttons: [{
extend: 'copyHtml5',
text: '<i class="fa fa-files-o"></i>',
title: $("#header_title").text(),
titleAttr: 'Copy',
exportOptions: {
columns: ':visible',
columns: ':not(:last-child)',
}
},
{
extend: 'excelHtml5',
text: '<i class="fa fa-file-excel-o"></i>',
titleAttr: 'Excel',
title: $("#header_title").text(),
margin: [10, 10, 10, 0],
exportOptions: {
columns: ':visible',
columns: ':not(:last-child)',
},
},
{
extend: 'csvHtml5',
text: '<i class="fa fa-file-text-o"></i>',
titleAttr: 'CSV',
exportOptions: {
columns: ':visible',
columns: ':not(:last-child)',
}
},
{
extend: 'pdfHtml5',
text: '<i class="fa fa-file-pdf-o"></i>',
title: $("#header_title").text(),
titleAttr: 'PDF',
exportOptions: {
columns: ':visible',
columns: ':not(:last-child)',
},
pageSize: 'A4',
margin: [0, 0, 0, 0],
alignment: 'center',
header: true,
},
{
extend: 'print',
text: '<i class="fa fa-print"></i>',
titleAttr: 'Print',
title: $("#header_title").text(),
exportOptions: {
columns: ':not(:last-child)',
}
},
{
extend: 'colvis',
text: '<i class="fa fa-columns"></i>',
postfixButtons: ['colvisRestore']
}
],
columnDefs: [{
visible: false
}],
responsive: true,
});
}
});
})(jQuery);
</script>
@endpush