From 922820f1b0bf4c8b7cb8baddb89808c6e37d1d3f Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Wed, 13 Aug 2025 17:04:54 +0700
Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8=20feat=20(base):=20introduce=20ba?=
 =?UTF-8?q?se=20data=20table=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/app/patient/list.vue    |  2 +-
 app/components/pub/base/data-table.vue | 46 ++++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 1 deletion(-)
 create mode 100644 app/components/pub/base/data-table.vue

diff --git a/app/components/app/patient/list.vue b/app/components/app/patient/list.vue
index 3267842c..beba372c 100644
--- a/app/components/app/patient/list.vue
+++ b/app/components/app/patient/list.vue
@@ -7,7 +7,7 @@ defineProps<{
 </script>
 
 <template>
-  <PubNavDataTable
+  <PubBaseDataTable
     :rows="data"
     :cols="cols"
     :header="header"
diff --git a/app/components/pub/base/data-table.vue b/app/components/pub/base/data-table.vue
new file mode 100644
index 00000000..983559b8
--- /dev/null
+++ b/app/components/pub/base/data-table.vue
@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '~/components/pub/ui/table'
+
+defineProps<{
+  rows: unknown[]
+  cols: object
+  header: object[]
+  keys: string[]
+  funcParsed: object
+  funcHtml: object
+  funcComponent: object
+}>()
+</script>
+
+<template>
+  <Table>
+    <TableHeader>
+      <TableRow>
+        <TableHead
+          v-for="(h, idx) in header[0]"
+          :key="`head-${idx}`"
+          :style="{ width: cols[idx]?.width ? `${cols[idx].width}px` : undefined }"
+        >
+          {{ h.label }}
+        </TableHead>
+      </TableRow>
+    </TableHeader>
+
+    <TableBody>
+      <TableRow v-for="(row, rowIndex) in rows" :key="`row-${rowIndex}`">
+        <TableCell v-for="(key, cellIndex) in keys" :key="`cell-${rowIndex}-${cellIndex}`">
+          <!-- If funcComponent has a renderer -->
+          <component
+            :is="funcComponent[key](row, rowIndex).component"
+            v-if="funcComponent[key]"
+            v-bind="funcComponent[key](row, rowIndex)"
+          />
+          <!-- If funcParsed or funcHtml returns a value -->
+          <template v-else>
+            {{ funcParsed[key]?.(row) ?? funcHtml[key]?.(row) ?? row[key] }}
+          </template>
+        </TableCell>
+      </TableRow>
+    </TableBody>
+  </Table>
+</template>

From 0b59f48fdba9c0bbb36e7a5e5febcd41f8ff8bf1 Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Thu, 14 Aug 2025 10:43:00 +0700
Subject: [PATCH 2/2] =?UTF-8?q?=E2=9C=A8=20feat=20(patient):=20set=20dynam?=
 =?UTF-8?q?ic=20title=20for=20patient=20pages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app.vue                              | 6 ++++++
 app/components/layout/SidebarNavLink.vue | 4 ++--
 app/pages/(features)/patient/add.vue     | 6 +++++-
 app/pages/(features)/patient/index.vue   | 6 +++++-
 4 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index 29936a9b..dfe34d61 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -5,6 +5,12 @@ const useIdFunction = () => useId()
 
 const textDirection = useTextDirection({ initialValue: 'ltr' })
 const dir = computed(() => (textDirection.value === 'rtl' ? 'rtl' : 'ltr'))
+
+useHead({
+  // as a string,
+  // where `%s` is replaced with the title
+  titleTemplate: '%s - RSSA',
+})
 </script>
 
 <template>
diff --git a/app/components/layout/SidebarNavLink.vue b/app/components/layout/SidebarNavLink.vue
index 9a3b873e..06812075 100644
--- a/app/components/layout/SidebarNavLink.vue
+++ b/app/components/layout/SidebarNavLink.vue
@@ -18,10 +18,10 @@ const { setOpenMobile } = useSidebar()
 <template>
   <SidebarMenu>
     <SidebarMenuItem>
-      <SidebarMenuButton as-child :tooltip="item.title" :size="size">
+      <SidebarMenuButton as-child :tooltip="item.title" :size="size" class="">
         <NuxtLink
           :to="item.link"
-          class="group flex items-center gap-3 rounded-lg px-3 py-3 text-sm font-medium transition-all duration-200"
+          class="group flex items-center gap-3 rounded-lg px-3 py-4 text-sm font-medium transition-all duration-200"
           active-class="bg-primary text-white"
           @click="setOpenMobile(false)"
         >
diff --git a/app/pages/(features)/patient/add.vue b/app/pages/(features)/patient/add.vue
index 30b25cf4..f354264d 100644
--- a/app/pages/(features)/patient/add.vue
+++ b/app/pages/(features)/patient/add.vue
@@ -5,10 +5,14 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  pageTitle: 'Patient',
+  title: 'Tambah Pasien',
   contentFrame: 'cf-full-width',
 })
 
+useHead({
+  title: () => useRoute().meta.title,
+})
+
 const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
 
 const { checkRole, hasCreateAccess } = useRBAC()
diff --git a/app/pages/(features)/patient/index.vue b/app/pages/(features)/patient/index.vue
index 916b3a4b..d4bf0313 100644
--- a/app/pages/(features)/patient/index.vue
+++ b/app/pages/(features)/patient/index.vue
@@ -5,10 +5,14 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  pageTitle: 'Patient',
+  title: 'Daftar Pasien',
   contentFrame: 'cf-full-width',
 })
 
+useHead({
+  title: () => useRoute().meta.title,
+})
+
 const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
 
 const { checkRole, hasReadAccess } = useRBAC()