From e1c4c585b1ced627898a3ce1bafb8f4a00e5db00 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Wed, 3 Dec 2025 15:06:58 +0700
Subject: [PATCH] fix: page encounter main

---
 .../app/encounter/dropdown-action.vue         | 11 ++++-
 app/components/content/encounter/list.vue     |  6 +--
 .../(features)/ambulatory/encounter/index.vue | 39 ++++++++---------
 .../(features)/emergency/encounter/index.vue  | 42 +++++++++----------
 .../(features)/inpatient/encounter/index.vue  | 41 +++++++++---------
 5 files changed, 72 insertions(+), 67 deletions(-)

diff --git a/app/components/app/encounter/dropdown-action.vue b/app/components/app/encounter/dropdown-action.vue
index a3b43f1c..0815e6a7 100644
--- a/app/components/app/encounter/dropdown-action.vue
+++ b/app/components/app/encounter/dropdown-action.vue
@@ -24,10 +24,19 @@ const baseLinkItems: LinkItem[] = [
     },
     icon: 'i-lucide-eye',
   },
+  {
+    label: 'Edit',
+    value: 'edit',
+    groups: ['registration'],
+    onClick: () => {
+      proceedItem(ActionEvents.showEdit)
+    },
+    icon: 'i-lucide-pencil',
+  },
   {
     label: 'Process',
     value: 'process',
-    groups: ['registration'],
+    groups: ['medical'],
     onClick: () => {
       proceedItem(ActionEvents.showProcess)
     },
diff --git a/app/components/content/encounter/list.vue b/app/components/content/encounter/list.vue
index 12c8badd..1ea0d6a0 100644
--- a/app/components/content/encounter/list.vue
+++ b/app/components/content/encounter/list.vue
@@ -51,18 +51,17 @@ const recItem = ref<any>(null)
 const isFilterFormDialogOpen = ref(false)
 const isRecordConfirmationOpen = ref(false)
 const isRecordCancelOpen = ref(false)
-const isRoleRegistration = activeServicePosition.value === 'registration'
 
 // Headers
 const hreaderPrep: CH.Config = {
   title: 'Kunjungan',
   icon: 'i-lucide-users',
-  addNav: isRoleRegistration ? {
+  addNav: {
     label: 'Tambah',
     onClick: () => {
       navigateTo(`/${props.classCode}/encounter/add`)
     },
-  } : {} as any,
+  },
 }
 if (!props.canCreate) {
   delete hreaderPrep.addNav
@@ -265,6 +264,7 @@ function handleRemoveConfirmation() {
 
   <!-- Batal -->
   <RecordConfirmation
+    v-if="canDelete"
     v-model:open="isRecordCancelOpen"
     custom-title="Batalkan Kunjungan"
     custom-message="Apakah anda yakin ingin membatalkan kunjungan pasien berikut?"
diff --git a/app/pages/(features)/ambulatory/encounter/index.vue b/app/pages/(features)/ambulatory/encounter/index.vue
index 99f3db06..fb5eb020 100644
--- a/app/pages/(features)/ambulatory/encounter/index.vue
+++ b/app/pages/(features)/ambulatory/encounter/index.vue
@@ -1,41 +1,37 @@
 <script setup lang="ts">
-// Pubs
-import Error from '~/components/pub/my-ui/error/error.vue'
-
-// Models & Consts
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/ambulatory'
 
+// Helpers
+import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
 // Apps
 import Content from '~/components/content/encounter/list.vue'
 
 // Page meta
 definePageMeta({
-  // middleware: ['rbac'],
-  // roles: ['emp|reg', 'emp|nur', 'emp|doc', 'emp|miw', 'emp|thr', 'emp|nut', 'emp|pha', 'emp|lab'],
+  middleware: ['rbac'],
+  roles: ['emp|reg', 'emp|nur', 'emp|doc', 'emp|miw', 'emp|thr', 'emp|nut', 'emp|pha', 'emp|lab'],
   title: 'Daftar Kunjungan',
   contentFrame: 'cf-full-width',
 })
 
+useHead({
+  title: () => `${getRouteTitle()}`,
+})
+
 // Define common things
 const route = useRoute()
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions[route.path] || {}
-const { checkRole, hasCreateAccess, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-const canRead = hasReadAccess(roleAccess)
-if (!hasAccess || !canRead) {
-  navigateTo('/403')
-}
-const canCreate = hasCreateAccess(roleAccess)
-
-// Page needs
-useHead({
-  title: () => route.meta.title as string,
-})
+const hasAccess = checkPageAccess(roleAccess, 'read')
+const canCreate = checkPageAccess(roleAccess, 'create')
+const canRemove = checkPageAccess(roleAccess, 'delete')
 
 // User info
 const { user } = useUserStore()
@@ -44,11 +40,12 @@ const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
 
 <template>
   <div>
-    <div v-if="canRead">
+    <div v-if="hasAccess">
       <Content
         class-code="ambulatory"
         :sub-class-code="subClassCode"
         :can-create="canCreate"
+        :can-delete="canRemove"
       />
     </div>
     <Error
diff --git a/app/pages/(features)/emergency/encounter/index.vue b/app/pages/(features)/emergency/encounter/index.vue
index bc83f3f2..f0229002 100644
--- a/app/pages/(features)/emergency/encounter/index.vue
+++ b/app/pages/(features)/emergency/encounter/index.vue
@@ -1,10 +1,18 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/emergency'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
 
+// Apps
 import Content from '~/components/content/encounter/list.vue'
 
+// Page meta
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|reg', 'emp|nur', 'emp|doc', 'emp|miw', 'emp|thr', 'emp|nut', 'emp|pha', 'emp|lab'],
@@ -12,36 +20,28 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
-// Preps role checking
-const route = useRoute()
-const roleAccess: Record<string, Permission[]> = permissions[route.path] || {}
-const { checkRole, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
-
-// Page needs
 useHead({
-  title: () => route.meta.title as string,
+  title: () => `${getRouteTitle()}`,
 })
 
-const { user } = useUserStore()
-const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
+// Define common things
+const route = useRoute()
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions[route.path] || {}
+const hasAccess = checkPageAccess(roleAccess, 'read')
+const canCreate = checkPageAccess(roleAccess, 'create')
+const canRemove = checkPageAccess(roleAccess, 'delete')
 </script>
 
 <template>
   <div>
-    <div v-if="canRead">
+    <div v-if="hasAccess">
       <Content
         class-code="emergency"
-        :sub-class-code="subClassCode"
-        type="encounter"
+        sub-class-code="emg"
+        :can-create="canCreate"
+        :can-delete="canRemove"
       />
     </div>
     <Error
diff --git a/app/pages/(features)/inpatient/encounter/index.vue b/app/pages/(features)/inpatient/encounter/index.vue
index ad73d029..09121b1c 100644
--- a/app/pages/(features)/inpatient/encounter/index.vue
+++ b/app/pages/(features)/inpatient/encounter/index.vue
@@ -1,10 +1,18 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/inpatient'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
 
+// Apps
 import Content from '~/components/content/encounter/list.vue'
 
+// Page meta
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|reg', 'emp|nur', 'emp|doc', 'emp|miw', 'emp|thr', 'emp|nut', 'emp|pha', 'emp|lab'],
@@ -12,37 +20,28 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
-// Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter'] || {}
-const { checkRole, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
-
-// Page needs
-const route = useRoute()
 useHead({
-  title: () => route.meta.title as string,
+  title: () => `${getRouteTitle()}`,
 })
 
-const { user } = useUserStore()
-const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
+// Define common things
+const route = useRoute()
 
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions[route.path] || {}
+const hasAccess = checkPageAccess(roleAccess, 'read')
+const canCreate = checkPageAccess(roleAccess, 'create')
+const canRemove = checkPageAccess(roleAccess, 'delete')
 </script>
 
 <template>
   <div>
-    <div v-if="canRead">
+    <div v-if="hasAccess">
       <Content
         class-code="inpatient"
-        :sub-class-code="subClassCode"
-        type="encounter"
+        sub-class-code="vk"
+        :can-create="canCreate"
+        :can-delete="canRemove"
       />
     </div>
     <Error