wbk/my-idlers
1
0
Fork 0
mirror of https://github.com/cp6/my-idlers.git synced 2025-04-19 17:48:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added Datatables to domain index for sorting and searching ability

Browse source
This commit is contained in:
cp6 2024-12-09 16:45:31 +11:00
parent 29b0f2aed1
commit 946fe9b893
1 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
resources/views/domains/index.blade.php
View file

@ -9,7 +9,7 @@
<a href="{{ route('domains.create') }}" class="btn btn-primary mb-3">Add a domain</a> <a href="{{ route('domains.create') }}" class="btn btn-primary mb-3">Add a domain</a>
<x-response-alerts></x-response-alerts> <x-response-alerts></x-response-alerts>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-bordered"> <table class="table table-bordered" id="domain-table">
<thead class="table-light"> <thead class="table-light">
<tr> <tr>
<th class="text-nowrap">Domain</th> <th class="text-nowrap">Domain</th>
@ -63,4 +63,23 @@
<x-modal-delete-script> <x-modal-delete-script>
<x-slot name="uri">domains</x-slot> <x-slot name="uri">domains</x-slot>
</x-modal-delete-script> </x-modal-delete-script>
@section('scripts')
<script>
window.addEventListener('load', function () {
$('#domain-table').DataTable({
"pageLength": 15,
"lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
"columnDefs": [
{"orderable": false, "targets": [5]}
],
"initComplete": function () {
$('.dataTables_length,.dataTables_filter').addClass('mb-2');
$('.dataTables_paginate').addClass('mt-2');
$('.dataTables_info').addClass('mt-2 text-muted ');
}
});
})
</script>
@endsection
</x-app-layout> </x-app-layout>