Viewing file:  index.blade.php (4.23 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('layouts.admin')
@section('title') {{trans('admin.activity_logs')}} @endsection
@section('extra-css')
<link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/daterangepicker/daterangepicker.css')}}">
<style>
.daterangepicker.show-calendar{
top: 165px !important;
right: 10px !important;
height: 275px !important;
}
</style>
@endsection
@section('content')
<!-- Main content -->
<section class="content">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-header">
<h2 class="card-title">{{trans('admin.activity_logs')}}</h2>
<div class="filter d-flex" style="float: right">
<select name="staff" class="form-control mr-4" id="staff">
<option value="">{{trans('admin.select_staff')}}</option>
@foreach ($users as $user)
<option value="{{$user->id}}">{{$user->name}}</option>
@endforeach
</select>
<input type="text" id="reservation" name="date" class="form-control" autocomplete="off" placeholder="{{trans('admin.selectDate')}}">
</div>
</div>
<!-- /.card-header -->
<div class="card-body">
<table id="plans" class="table table-striped table-bordered dt-responsive nowrap">
<thead>
<tr>
<th>{{trans('admin.staff')}}</th>
<th>{{trans('admin.details')}}</th>
<th>{{trans('admin.Date')}}</th>
</tr>
</thead>
</table>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</section>
<!-- /.content -->
@endsection
@section('extra-scripts')
<script src="{{asset('plugins/datatables/jquery.dataTables.min.js')}}"></script>
<script src="{{asset('plugins/datatables-bs4/js/dataTables.bootstrap4.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/dataTables.responsive.min.js')}}"></script>
<script src="{{asset('plugins/datatables-responsive/js/responsive.bootstrap4.min.js')}}"></script>
<script src="{{asset('plugins/daterangepicker/moment.min.js')}}"></script>
<script src="{{asset('plugins/daterangepicker/daterangepicker.js')}}"></script>
<script>
"use strict";
$('#reservation').daterangepicker({
autoUpdateInput: false,
locale: {
cancelLabel: 'Clear'
}
});
$('#reservation').on('apply.daterangepicker', function(ev, picker) {
$(this).val(picker.startDate.format('YYYY-MM-DD') + ' to ' + picker.endDate.format('YYYY-MM-DD'));
$('#plans').DataTable().ajax.reload();
});
$('#reservation').on('cancel.daterangepicker', function(ev, picker) {
$(this).val('');
$('#plans').DataTable().ajax.reload();
});
let table = $('#plans').DataTable({
processing: true,
serverSide: true,
responsive: true,
ajax: {
url: '{{ route('admin.get.all.activities') }}',
data: function(d) {
d.staff = $('#staff').val();
d.date = $('#reservation').val();
}
},
columns: [
{ data: "name" },
{ data: "details" },
{ data: "created_at" },
]
});
$('#staff').on('change', function() {
table.ajax.reload();
});
</script>
@endsection
|