Dev branch

resources/js/Pages/Cases/Index.vue

@@ -3,7 +3,9 @@ import AppLayout from "@/Layouts/AppLayout.vue";
 import SectionTitle from "@/Components/SectionTitle.vue";
 import { Link, router } from "@inertiajs/vue3";
 import { ref } from "vue";
-import DataTableServer from "@/Components/DataTable/DataTableServer.vue";
+import DataTable from "@/Components/DataTable/DataTable.vue";
+import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
+import { faFolderOpen } from "@fortawesome/free-solid-svg-icons";
 
 const props = defineProps({
   client_cases: Object,
@@ -47,7 +49,9 @@ const fmtDateDMY = (v) => {
                 <template #title>Primeri</template>
               </SectionTitle>
             </div>
-            <DataTableServer
+            <DataTable
+              :show-search="true"
+              :show-page-size="true"
               :columns="[
                 { key: 'nu', label: 'Št.', sortable: false, class: 'w-40' },
                 { key: 'case', label: 'Primer', sortable: false },
@@ -73,11 +77,17 @@ const fmtDateDMY = (v) => {
                 per_page: client_cases.per_page,
                 total: client_cases.total,
                 last_page: client_cases.last_page,
+                from: client_cases.from,
+                to: client_cases.to,
+                links: client_cases.links,
               }"
               :search="search"
               route-name="clientCase"
               page-param-name="client-cases-page"
               :only-props="['client_cases']"
+              :empty-icon="faFolderOpen"
+              empty-text="Ni zadetkov"
+              empty-description="Ni najdenih primerov. Ustvarite nov primer ali preverite iskalne kriterije."
             >
               <template #cell-nu="{ row }">
                 {{ row.person?.nu || "-" }}
@@ -119,10 +129,7 @@ const fmtDateDMY = (v) => {
                   {{ fmtCurrency(row.active_contracts_balance_sum) }}
                 </div>
               </template>
-              <template #empty>
-                <div class="p-6 text-center text-gray-500">Ni zadetkov.</div>
-              </template>
-            </DataTableServer>
+            </DataTable>
           </div>
           <!-- Pagination handled by DataTableServer -->
         </div>