From 19a0f2f646c722d4b193857851ebb76578ca20ae Mon Sep 17 00:00:00 2001
From: cp6 <cp6@users.noreply.github.com>
Date: Mon, 9 Dec 2024 16:42:43 +1100
Subject: [PATCH] Added Datatables to shared index for sorting and searching
 ability

---
 resources/views/shared/index.blade.php | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/resources/views/shared/index.blade.php b/resources/views/shared/index.blade.php
index 30e680f..269877a 100644
--- a/resources/views/shared/index.blade.php
+++ b/resources/views/shared/index.blade.php
@@ -9,7 +9,7 @@
                 <a href="{{ route('shared.create') }}" class="btn btn-primary mb-3">Add shared hosting</a>
                 <x-response-alerts></x-response-alerts>
                 <div class="table-responsive">
-                    <table class="table table-bordered">
+                    <table class="table table-bordered" id="shared-table">
                         <thead class="table-light">
                         <tr class="bg-gray-100">
                             <th>Name</th>
@@ -70,4 +70,24 @@
     <x-modal-delete-script>
         <x-slot name="uri">shared</x-slot>
     </x-modal-delete-script>
+
+    @section('scripts')
+        <script>
+            window.addEventListener('load', function () {
+                $('#shared-table').DataTable({
+                    "pageLength": 15,
+                    "lengthMenu": [5, 10, 15, 25, 30, 50, 75, 100],
+                    "columnDefs": [
+                        {"orderable": false, "targets": [9]}
+                    ],
+                    "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>