Merge branch 'dev' of github.com:dikstub-rssa/simrs-fe into feat/patient-63-adjustment

app/pages/(features)/ambulatory/encounter/[id]/detail.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/detail.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['emp|doc', 'emp|nur', 'emp|reg', 'emp|pha', 'emp|pay', 'emp|mng'],
+  title: 'Detail Kunjungan',
+  contentFrame: 'cf-full-width',
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
+})
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]'] || {}
+const hasAccess = getPageAccess(roleAccess, 'read')
+</script>
+
+<template>
+  <div v-if="hasAccess">
+    <Content />
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/ambulatory/encounter/[id]/edit.vue

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/entry.vue'
+
+const { getParamsId, getRouteTitle, getPageAccess } = usePageChecker()
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['emp|reg'],
+  title: 'Edit Kunjungan',
+  contentFrame: 'cf-full-width',
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
+})
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]/edit'] || {}
+const hasAccess = getPageAccess(roleAccess, 'update')
+const encounterId = getParamsId()
+const { user } = useUserStore()
+const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
+</script>
+
+<template>
+  <div v-if="hasAccess">
+    <Content
+      :id="encounterId"
+      class-code="ambulatory"
+      :sub-class-code="subClassCode"
+      form-type="edit"
+    />
+  </div>
+  <Error
+    v-else
+    :status-code="403"
+  />
+</template>

app/pages/(features)/ambulatory/encounter/[id]/process.vue

@@ -0,0 +1,59 @@
+<script setup lang="ts">
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+
+// Helpers
+import { usePageChecker } from '~/lib/page-checker'
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/process.vue'
+
+const { getRouteTitle, getPageAccess, hasCreateAccess, hasReadAccess, hasUpdateAccess, hasDeleteAccess } = usePageChecker()
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['emp|doc', 'emp|nur', 'emp|miw', 'emp|nut', 'emp|lab', 'emp|pha', 'emp|thr'],
+  title: 'Proses Kunjungan',
+  contentFrame: 'cf-full-width',
+  contentPadding: 'p-0',
+  contentUseCard: false,
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
+})
+
+// Preps role checking
+const route = useRoute()
+const menu = computed(() => route.query.menu as string | undefined)
+const accessKey = computed(() => `/ambulatory/encounter/[id]/process` + (menu.value ? `?menu=${menu.value}` : ''))
+const roleAccess: Record<string, Permission[]> = permissions[accessKey.value] || {}
+const hasAccess = getPageAccess(roleAccess, 'read') || true
+const canCreate = hasCreateAccess(roleAccess)
+const canRead = hasReadAccess(roleAccess)
+const canUpdate = hasUpdateAccess(roleAccess)
+const canDelete = hasDeleteAccess(roleAccess)
+</script>
+
+<template>
+  <!--
+  {{ accessKey }}
+  {{ roleAccess }}
+  {{ hasAccess }}
+  {{ canUpdate }}
+   -->
+  <div v-if="hasAccess">
+    <Content
+      class-code="ambulatory"
+      :can-create="canCreate"
+      :can-read="canRead"
+      :can-update="canUpdate"
+      :can-delete="canDelete"
+    />
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/ambulatory/encounter/add.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/entry.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['emp|reg'],
+  title: 'Tambah Kunjungan',
+  contentFrame: 'cf-full-width',
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
+})
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/add'] || {}
+const hasAccess = getPageAccess(roleAccess, 'create')
+</script>
+
+<template>
+  <div v-if="hasAccess">
+    <Content
+      :id="0"
+      class-code="ambulatory"
+      sub-class-code="reg"
+      form-type="add"
+    />
+  </div>
+  <Error
+    v-else
+    :status-code="403"
+  />
+</template>

app/pages/(features)/ambulatory/encounter/index.vue

@@ -0,0 +1,58 @@
+<script setup lang="ts">
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/list.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
+// Page meta
+definePageMeta({
+  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 hasAccess = getPageAccess(roleAccess, 'read')
+const canCreate = getPageAccess(roleAccess, 'create')
+const canRemove = getPageAccess(roleAccess, 'delete')
+
+// User info
+const { user } = useUserStore()
+const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
+</script>
+
+<template>
+  <div>
+    <div v-if="hasAccess">
+      <Content
+        class-code="ambulatory"
+        :sub-class-code="subClassCode"
+        :can-create="canCreate"
+        :can-delete="canRemove"
+      />
+    </div>
+    <Error
+      v-else
+      :status-code="403"
+    />
+  </div>
+</template>

app/pages/(features)/chemotherapy/encounter/[id]/detail.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+import Error from '~/components/pub/my-ui/error/error.vue'
+import Content from '~/components/content/encounter/detail.vue'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['emp|doc', 'emp|nur', 'emp|reg', 'emp|pha', 'emp|pay', 'emp|mng'],
+  title: 'Detail Kunjungan',
+  contentFrame: 'cf-full-width',
+})
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/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}`,
+})
+</script>
+
+<template>
+  <div v-if="canRead">
+    <Content />
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/chemotherapy/encounter/[id]/process.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/chemoteraphy'
+import Error from '~/components/pub/my-ui/error/error.vue'
+import Content from '~/components/content/encounter/process.vue'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['emp|doc', 'emp|nur', 'emp|reg', 'emp|pha', 'emp|pay', 'emp|mng'],
+  title: 'Tambah Kunjungan',
+  contentFrame: 'cf-full-width',
+})
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/outpatient/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}`,
+})
+</script>
+
+<template>
+  <div v-if="canRead">
+    <Content class-code="ambulatory" sub-class-code="chemo" />
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/chemotherapy/encounter/add.vue

@@ -1,44 +1,46 @@
 <script setup lang="ts">
-import type { PagePermission } from '~/models/role'
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
 import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+import Content from '~/components/content/encounter/entry.vue'
 
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  roles: ['emp|reg'],
   title: 'Tambah Kunjungan',
   contentFrame: 'cf-full-width',
 })
 
-const route = useRoute()
-
-useHead({
-  title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/outpatient/encounter']
-
-const { checkRole, hasCreateAccess } = useRBAC()
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
+const { checkRole, hasReadAccess, hasCreateAccess } = useRBAC()
 
 // Check if user has access to this page
 const hasAccess = checkRole(roleAccess)
 if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
+  navigateTo('/403')
 }
 
+// Define permission-based computed properties
+const canRead = hasReadAccess(roleAccess)
+
+// Page needs
+const route = useRoute()
+useHead({
+  title: () => route.meta.title as string,
+})
+
 // Define permission-based computed properties
 const canCreate = hasCreateAccess(roleAccess)
 </script>
 
 <template>
   <div v-if="canCreate">
-    <ContentEncounterEntry
+    <Content
       :id="0"
       class-code="ambulatory"
-      sub-class-code="reg"
+      sub-class-code="chemo"
       form-type="Tambah"
     />
   </div>

app/pages/(features)/chemotherapy/encounter/index.vue

@@ -1,23 +1,19 @@
 <script setup lang="ts">
-import type { PagePermission } from '~/models/role'
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
 import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+import Content from '~/components/content/encounter/list.vue'
 
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['system', 'doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  roles: ['emp|reg', 'emp|nur', 'emp|doc', 'emp|miw', 'emp|thr', 'emp|nut', 'emp|pha', 'emp|lab'],
   title: 'Daftar Kunjungan',
   contentFrame: 'cf-full-width',
 })
 
-const route = useRoute()
-
-useHead({
-  title: () => route.meta.title as string,
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/outpatient/encounter']
-
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
 const { checkRole, hasReadAccess } = useRBAC()
 
 // Check if user has access to this page
@@ -28,14 +24,20 @@ if (!hasAccess) {
 
 // Define permission-based computed properties
 const canRead = hasReadAccess(roleAccess)
+
+// Page needs
+const route = useRoute()
+useHead({
+  title: () => route.meta.title as string,
+})
 </script>
 
 <template>
   <div>
     <div v-if="canRead">
-      <ContentEncounterList
+      <Content
         class-code="ambulatory"
-        sub-class-code="reg"
+        sub-class-code="chemo"
         type="encounter"
       />
     </div>

app/pages/(features)/chemotherapy/list.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import type { PagePermission } from '~/models/role'
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/chemoteraphy'
 import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 
 definePageMeta({
   middleware: ['rbac'],
@@ -16,7 +16,7 @@ useHead({
   title: () => route.meta.title as string,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
+const roleAccess: Record<string, Permission[]> = permissions['/chemotherapy'] || {}
 
 const { checkRole, hasReadAccess } = useRBAC()
 
@@ -27,7 +27,7 @@ if (!hasAccess) {
 }
 
 // Define permission-based computed properties
-const canRead = true // hasReadAccess(roleAccess)
+const canRead = hasReadAccess(roleAccess)
 </script>
 
 <template>

app/pages/(features)/doctor/add.vue

@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
-
-definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah Dokter',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => route.meta.title as string,
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
-
-const { checkRole, hasCreateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
-
-// Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
-</script>
-
-<template>
-  <div v-if="canCreate">
-    <ContentDoctorAdd />
-  </div>
-  <Error v-else :status-code="403" />
-</template>

app/pages/(features)/doctor/index.vue

@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
-
-definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Daftar Dokter',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => route.meta.title as string,
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
-
-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)
-</script>
-
-<template>
-  <div>
-    <div v-if="canRead">
-      <ContentDoctorList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
-</template>

app/pages/(features)/emergency/encounter/[id]/detail.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/emergency'
+
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/detail.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['emp|doc', 'emp|nur', 'emp|reg', 'emp|pha', 'emp|pay', 'emp|mng'],
+  title: 'Detail Kunjungan',
+  contentFrame: 'cf-full-width',
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
+})
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/[id]'] || {}
+const hasAccess = getPageAccess(roleAccess, 'read')
+</script>
+
+<template>
+  <div v-if="hasAccess">
+    <Content />
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/emergency/encounter/[id]/edit.vue

@@ -1,51 +1,43 @@
 <script setup lang="ts">
-import type { PagePermission } from '~/models/role'
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/emergency'
+
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+// Apps
+import Content from '~/components/content/encounter/entry.vue'
+
+const { getParamsId, getRouteTitle, getPageAccess } = usePageChecker()
 
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  roles: ['emp|reg'],
   title: 'Edit Kunjungan',
   contentFrame: 'cf-full-width',
 })
 
-const route = useRoute()
-
 useHead({
-  title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
+  title: () => `${getRouteTitle()}`,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/emergency/encounter']
-
-const { checkRole, hasUpdateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
-
-// Define permission-based computed properties
-const canUpdate = hasUpdateAccess(roleAccess)
-
-// Get encounter ID from route params
-const encounterId = computed(() => {
-  const id = route.params.id
-  return typeof id === 'string' ? parseInt(id) : 0
-})
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/[id]/edit'] || {}
+const hasAccess = getPageAccess(roleAccess, 'update')
+const encounterId = getParamsId()
 </script>
 
 <template>
-  <div v-if="canUpdate">
-    <ContentEncounterEntry
+  <div v-if="hasAccess">
+    <Content
       :id="encounterId"
       class-code="emergency"
       sub-class-code="emg"
-      form-type="Edit"
+      form-type="edit"
     />
   </div>
   <Error
@@ -53,4 +45,3 @@ const encounterId = computed(() => {
     :status-code="403"
   />
 </template>
-

app/pages/(features)/emergency/encounter/[id]/process.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/emergency'
+
+// Helpers
+import { usePageChecker } from '~/lib/page-checker'
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/process.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['emp|doc', 'emp|nur', 'emp|miw', 'emp|nut', 'emp|lab', 'emp|pha', 'emp|thr'],
+  title: 'Proses Kunjungan',
+  contentFrame: 'cf-full-width',
+  contentPadding: 'p-0',
+  contentUseCard: false,
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
+})
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/[id]/process'] || {}
+const hasAccess = getPageAccess(roleAccess, 'read')
+</script>
+
+<template>
+  <div v-if="hasAccess">
+    <Content class-code="emergency" />
+  </div>
+  <Error
+    v-else
+    :status-code="403"
+  />
+</template>

app/pages/(features)/emergency/encounter/add.vue

@@ -1,45 +1,42 @@
 <script setup lang="ts">
-import type { PagePermission } from '~/models/role'
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/emergency'
+
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+// Apps
+import Content from '~/components/content/encounter/entry.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
 
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  roles: ['emp|reg'],
   title: 'Tambah Kunjungan',
   contentFrame: 'cf-full-width',
 })
 
-const route = useRoute()
-
 useHead({
-  title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
+  title: () => `${getRouteTitle()}`,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/emergency/encounter']
-
-const { checkRole, hasCreateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
-
-// Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/add'] || {}
+const hasAccess = getPageAccess(roleAccess, 'create')
 </script>
 
 <template>
-  <div v-if="canCreate">
-    <ContentEncounterEntry
+  <div v-if="hasAccess">
+    <Content
       :id="0"
       class-code="emergency"
       sub-class-code="emg"
-      form-type="Tambah"
+      form-type="add"
     />
   </div>
   <Error

app/pages/(features)/emergency/encounter/index.vue

@@ -1,42 +1,49 @@
 <script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/emergency'
 
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/list.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
+// Page meta
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['system', 'doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  roles: ['emp|reg', 'emp|nur', 'emp|doc', 'emp|miw', 'emp|thr', 'emp|nut', 'emp|pha', 'emp|lab'],
   title: 'Daftar Kunjungan',
   contentFrame: 'cf-full-width',
 })
 
-const route = useRoute()
-
 useHead({
-  title: () => route.meta.title as string,
+  title: () => `${getRouteTitle()}`,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/emergency/encounter']
+// Define common things
+const route = useRoute()
 
-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)
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions[route.path] || {}
+const hasAccess = getPageAccess(roleAccess, 'read')
+const canCreate = getPageAccess(roleAccess, 'create')
+const canRemove = getPageAccess(roleAccess, 'delete')
 </script>
 
 <template>
   <div>
-    <div v-if="canRead">
-      <ContentEncounterList
+    <div v-if="hasAccess">
+      <Content
         class-code="emergency"
         sub-class-code="emg"
-        type="encounter"
+        :can-create="canCreate"
+        :can-delete="canRemove"
       />
     </div>
     <Error

app/pages/(features)/human-src/employee/[id]/edit.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

app/pages/(features)/human-src/employee/[id]/index.vue

@@ -0,0 +1,3 @@
+<template>
+
+</template>

app/pages/(features)/inpatient/encounter/[id]/detail.vue

@@ -0,0 +1,38 @@
+<script setup lang="ts">
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/inpatient'
+
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/detail.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['emp|doc', 'emp|nur', 'emp|reg', 'emp|pha', 'emp|pay', 'emp|mng'],
+  title: 'Detail Kunjungan',
+  contentFrame: 'cf-full-width',
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
+})
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/[id]'] || {}
+const hasAccess = getPageAccess(roleAccess, 'read')
+</script>
+
+<template>
+  <div v-if="hasAccess">
+    <Content />
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/inpatient/encounter/[id]/edit.vue

@@ -1,51 +1,43 @@
 <script setup lang="ts">
-import type { PagePermission } from '~/models/role'
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/inpatient'
+
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+// Apps
+import Content from '~/components/content/encounter/entry.vue'
+
+const { getParamsId, getRouteTitle, getPageAccess } = usePageChecker()
 
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  roles: ['emp|reg'],
   title: 'Edit Kunjungan',
   contentFrame: 'cf-full-width',
 })
 
-const route = useRoute()
-
 useHead({
-  title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
+  title: () => `${getRouteTitle()}`,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/inpatient/encounter']
-
-const { checkRole, hasUpdateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
-
-// Define permission-based computed properties
-const canUpdate = hasUpdateAccess(roleAccess)
-
-// Get encounter ID from route params
-const encounterId = computed(() => {
-  const id = route.params.id
-  return typeof id === 'string' ? parseInt(id) : 0
-})
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/[id]/edit'] || {}
+const hasAccess = getPageAccess(roleAccess, 'update')
+const encounterId = getParamsId()
 </script>
 
 <template>
-  <div v-if="canUpdate">
-    <ContentEncounterEntry
+  <div v-if="hasAccess">
+    <Content
       :id="encounterId"
       class-code="inpatient"
-      sub-class-code="icu"
-      form-type="Edit"
+      sub-class-code="vk"
+      form-type="edit"
     />
   </div>
   <Error
@@ -53,4 +45,3 @@ const encounterId = computed(() => {
     :status-code="403"
   />
 </template>
-

app/pages/(features)/inpatient/encounter/[id]/process.vue

@@ -0,0 +1,43 @@
+<script setup lang="ts">
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/inpatient'
+
+// Helpers
+import { usePageChecker } from '~/lib/page-checker'
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/process.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['emp|doc', 'emp|nur', 'emp|miw', 'emp|nut', 'emp|lab', 'emp|pha', 'emp|thr'],
+  title: 'Proses Kunjungan',
+  contentFrame: 'cf-full-width',
+  contentPadding: 'p-0',
+  contentUseCard: false,
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
+})
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/[id]/process'] || {}
+const hasAccess = getPageAccess(roleAccess, 'read')
+</script>
+
+<template>
+  <div v-if="hasAccess">
+    <Content class-code="inpatient" />
+  </div>
+  <Error
+    v-else
+    :status-code="403"
+  />
+</template>

app/pages/(features)/inpatient/encounter/add.vue

@@ -1,45 +1,42 @@
 <script setup lang="ts">
-import type { PagePermission } from '~/models/role'
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/inpatient'
+
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+// Apps
+import Content from '~/components/content/encounter/entry.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
 
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  roles: ['emp|reg'],
   title: 'Tambah Kunjungan',
   contentFrame: 'cf-full-width',
 })
 
-const route = useRoute()
-
 useHead({
-  title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
+  title: () => `${getRouteTitle()}`,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/inpatient/encounter']
-
-const { checkRole, hasCreateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
-
-// Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/add'] || {}
+const hasAccess = getPageAccess(roleAccess, 'create')
 </script>
 
 <template>
-  <div v-if="canCreate">
-    <ContentEncounterEntry
+  <div v-if="hasAccess">
+    <Content
       :id="0"
       class-code="inpatient"
-      sub-class-code="icu"
-      form-type="Tambah"
+      sub-class-code="vk"
+      form-type="add"
     />
   </div>
   <Error

app/pages/(features)/inpatient/encounter/index.vue

@@ -1,42 +1,49 @@
 <script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/inpatient'
 
+// Helpers
+import { usePageChecker } from "~/lib/page-checker"
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
+import Content from '~/components/content/encounter/list.vue'
+
+const { getRouteTitle, getPageAccess } = usePageChecker()
+
+// Page meta
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['system', 'doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  roles: ['emp|reg', 'emp|nur', 'emp|doc', 'emp|miw', 'emp|thr', 'emp|nut', 'emp|pha', 'emp|lab'],
   title: 'Daftar Kunjungan',
   contentFrame: 'cf-full-width',
 })
 
-const route = useRoute()
-
 useHead({
-  title: () => route.meta.title as string,
+  title: () => `${getRouteTitle()}`,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/inpatient/encounter']
+// Define common things
+const route = useRoute()
 
-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)
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions[route.path] || {}
+const hasAccess = getPageAccess(roleAccess, 'read')
+const canCreate = getPageAccess(roleAccess, 'create')
+const canRemove = getPageAccess(roleAccess, 'delete')
 </script>
 
 <template>
   <div>
-    <div v-if="canRead">
-      <ContentEncounterList
+    <div v-if="hasAccess">
+      <Content
         class-code="inpatient"
         sub-class-code="vk"
-        type="encounter"
+        :can-create="canCreate"
+        :can-delete="canRemove"
       />
     </div>
     <Error

app/pages/(features)/integration/bpjs-vclaim/sep/[id]/detail.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import Error from '~/components/pub/my-ui/error/error.vue'
+import Content from '~/components/content/sep/entry.vue'
+
+definePageMeta({
+  middleware: [],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Detail SEP',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const canCreate = true 
+</script>
+
+<template>
+  <div v-if="canCreate">
+    <Content mode="detail" />
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/integration/bpjs-vclaim/sep/[id]/link.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import Error from '~/components/pub/my-ui/error/error.vue'
+import Content from '~/components/content/sep/entry.vue'
+
+definePageMeta({
+  middleware: [],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Detail SEP',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const canCreate = true 
+</script>
+
+<template>
+  <div v-if="canCreate">
+    <Content mode="link" />
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/integration/bpjs-vclaim/sep/add.vue

@@ -0,0 +1,26 @@
+<script setup lang="ts">
+import Error from '~/components/pub/my-ui/error/error.vue'
+import Content from '~/components/content/sep/entry.vue'
+
+definePageMeta({
+  middleware: [],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Tambah SEP',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const canCreate = true 
+</script>
+
+<template>
+  <div v-if="canCreate">
+    <Content mode="add" />
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/integration/bpjs-vclaim/sep/index.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import Error from '~/components/pub/my-ui/error/error.vue'
+import Content from '~/components/content/sep/list.vue'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Daftar SEP',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const canRead = true
+</script>
+
+<template>
+  <div>
+    <div v-if="canRead">
+      <Content />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

app/pages/(features)/integration/bpjs/prb/[prb_id]/edit.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/my-ui/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Update PRB',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
+
+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)
+const canRead = true
+</script>
+
+<template>
+  <div>
+    <div v-if="canRead">
+      <ContentPrbEntry :is-bpjs="true" />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

app/pages/(features)/integration/bpjs/prb/[prb_id]/index.vue

@@ -6,8 +6,8 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Detail Surat Kontrol',
-  contentFrame: 'cf-container-md',
+  title: 'Detail PRB',
+  contentFrame: 'cf-full-width',
 })
 
 const route = useRoute()
@@ -34,7 +34,7 @@ const canRead = true
 <template>
   <div>
     <div v-if="canRead">
-      <ContentOutpatientEncounterDetail :patient-id="Number(route.params.id)" />
+      <ContentPrbDetail :patient-id="Number(route.params.id)" />
     </div>
     <Error v-else :status-code="403" />
   </div>

app/pages/(features)/integration/bpjs/prb/add.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/my-ui/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Tambah PRB',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
+
+const { checkRole, getPagePermissions } = useRBAC()
+
+// Check if user has access to this page
+const hasAccess = checkRole(roleAccess)
+// if (!hasAccess) {
+//   navigateTo('/403')
+// }
+
+// Define permission-based computed properties
+const pagePermission = getPagePermissions(roleAccess)
+const callbackUrl = route.query['return-path'] as string | undefined
+</script>
+
+<template>
+  <div>
+    <div v-if="pagePermission.canRead">
+      <ContentPrbEntry :is-bpjs="true" :callback-url="callbackUrl" />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

app/pages/(features)/integration/bpjs/prb/index.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/my-ui/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Daftar PRB',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
+
+const { checkRole, getPagePermissions } = useRBAC()
+
+// Check if user has access to this page
+const hasAccess = checkRole(roleAccess)
+// if (!hasAccess) {
+//   navigateTo('/403')
+// }
+
+// Define permission-based computed properties
+const pagePermission = getPagePermissions(roleAccess)
+const callbackUrl = route.query['return-path'] as string | undefined
+</script>
+
+<template>
+  <div>
+    <div v-if="pagePermission.canRead">
+      <ContentPrbBpjsList :callback-url="callbackUrl" />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

app/pages/(features)/outpatient/encounter/[id]/edit.vue

@@ -1,56 +0,0 @@
-<script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
-
-definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Edit Kunjungan',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/outpatient/encounter']
-
-const { checkRole, hasUpdateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
-
-// Define permission-based computed properties
-const canUpdate = hasUpdateAccess(roleAccess)
-
-// Get encounter ID from route params
-const encounterId = computed(() => {
-  const id = route.params.id
-  return typeof id === 'string' ? parseInt(id) : 0
-})
-</script>
-
-<template>
-  <div v-if="canUpdate">
-    <ContentEncounterEntry
-      :id="encounterId"
-      class-code="ambulatory"
-      sub-class-code="reg"
-      form-type="Edit"
-    />
-  </div>
-  <Error
-    v-else
-    :status-code="403"
-  />
-</template>
-

app/pages/(features)/patient/[id]/detail.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-definePageMeta({
-  roles: ['sys', 'doc'],
-})
-</script>
-
-<template>
-  <div>detail pasien</div>
-</template>

app/pages/(features)/patient/[id]/edit.vue

@@ -1,9 +0,0 @@
-<script setup lang="ts">
-definePageMeta({
-  roles: ['sys', 'doc'],
-})
-</script>
-
-<template>
-  <div>edit pasien</div>
-</template>

app/pages/(features)/rehab/encounter-queue/index.vue

@@ -1,3 +0,0 @@
-<template>
-  <div>Examination Queue</div>
-</template>

app/pages/(features)/rehab/encounter/[id]/document-upload/[document_id]/edit.vue

@@ -4,19 +4,19 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 
 definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Update Dokumen Pendukung',
-  contentFrame: 'cf-full-width',
+    middleware: ['rbac'],
+    roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+    title: 'Update Dokumen Pendukung',
+    contentFrame: 'cf-full-width',
 })
 
 const route = useRoute()
 
 useHead({
-  title: () => route.meta.title as string,
+    title: () => route.meta.title as string,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
+const roleAccess: PagePermission = PAGE_PERMISSIONS[`/rehab/encounter`]
 
 const { checkRole, hasReadAccess } = useRBAC()
 
@@ -32,10 +32,10 @@ const canRead = true
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentDocumentUploadEdit/>
+    <div>
+        <div v-if="canRead">
+            <ContentDocumentUploadEdit />
+        </div>
+        <Error v-else :status-code="403" />
     </div>
-    <Error v-else :status-code="403" />
-  </div>
-</template>
+</template>

app/pages/(features)/rehab/encounter/[id]/document-upload/add.vue

@@ -4,19 +4,19 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 
 definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah Dokumen Pendukung',
-  contentFrame: 'cf-full-width',
+    middleware: ['rbac'],
+    roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+    title: 'Tambah Dokumen Pendukung',
+    contentFrame: 'cf-full-width',
 })
 
 const route = useRoute()
 
 useHead({
-  title: () => route.meta.title as string,
+    title: () => route.meta.title as string,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
+const roleAccess: PagePermission = PAGE_PERMISSIONS[`/rehab/encounter`]
 
 const { checkRole, hasReadAccess } = useRBAC()
 
@@ -33,10 +33,10 @@ const callbackUrl = route.query['return-path'] as string | undefined
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentDocumentUploadAdd :callback-url="callbackUrl" />
+    <div>
+        <div v-if="canRead">
+            <ContentDocumentUploadAdd :callback-url="callbackUrl" />
+        </div>
+        <Error v-else :status-code="403" />
     </div>
-    <Error v-else :status-code="403" />
-  </div>
-</template>
+</template>

app/pages/(features)/rehab/encounter/[id]/edit.vue

@@ -1,55 +0,0 @@
-<script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
-
-definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Edit Kunjungan',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
-
-const { checkRole, hasUpdateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
-
-// Define permission-based computed properties
-const canUpdate = hasUpdateAccess(roleAccess)
-
-// Get encounter ID from route params
-const encounterId = computed(() => {
-  const id = route.params.id
-  return typeof id === 'string' ? parseInt(id) : 0
-})
-</script>
-
-<template>
-  <div v-if="canUpdate">
-    <ContentEncounterEntry
-      :id="encounterId"
-      class-code="ambulatory"
-      sub-class-code="rehab"
-      form-type="Edit"
-    />
-  </div>
-  <Error
-    v-else
-    :status-code="403"
-  />
-</template>

app/pages/(features)/rehab/encounter/[id]/kfr/[kfr_id]/edit.vue

@@ -0,0 +1,44 @@
+<script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/my-ui/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Protokol Terapi',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
+
+const { checkRole, hasCreateAccess } = useRBAC()
+
+// Check if user has access to this page
+const hasAccess = checkRole(roleAccess)
+// if (!hasAccess) {
+//   throw createError({
+//     statusCode: 403,
+//     statusMessage: 'Access denied',
+//   })
+// }
+
+// Define permission-based computed properties
+const canCreate = true // hasCreateAccess(roleAccess)
+</script>
+
+<template>
+  <div v-if="canCreate">
+    <ContentKfrEntry mode="edit" />
+  </div>
+  <Error
+    v-else
+    :status-code="403"
+  />
+</template>

app/pages/(features)/rehab/encounter/[id]/kfr/add.vue

@@ -6,7 +6,7 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah Kunjungan',
+  title: 'Protokol Terapi',
   contentFrame: 'cf-full-width',
 })
 
@@ -22,25 +22,20 @@ const { checkRole, hasCreateAccess } = useRBAC()
 
 // Check if user has access to this page
 const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
+// if (!hasAccess) {
+//   throw createError({
+//     statusCode: 403,
+//     statusMessage: 'Access denied',
+//   })
+// }
 
 // Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+const canCreate = true // hasCreateAccess(roleAccess)
 </script>
 
 <template>
   <div v-if="canCreate">
-    <ContentEncounterEntry
-      :id="0"
-      class-code="ambulatory"
-      sub-class-code="rehab"
-      form-type="Tambah"
-    />
+    <ContentKfrEntry />
   </div>
   <Error
     v-else

app/pages/(features)/rehab/encounter/[id]/prb/[prb_id]/edit.vue

@@ -6,7 +6,7 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Daftar Pasien',
+  title: 'Update PRB',
   contentFrame: 'cf-full-width',
 })
 
@@ -22,18 +22,19 @@ const { checkRole, hasReadAccess } = useRBAC()
 
 // Check if user has access to this page
 const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
+// if (!hasAccess) {
+//   navigateTo('/403')
+// }
 
 // Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
+// const canRead = hasReadAccess(roleAccess)
+const canRead = true
 </script>
 
 <template>
   <div>
     <div v-if="canRead">
-      <ContentPatientList />
+      <ContentPrbEntry />
     </div>
     <Error v-else :status-code="403" />
   </div>

app/pages/(features)/rehab/encounter/[id]/prb/[prb_id]/index.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/my-ui/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Detail PRB',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
+
+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)
+const canRead = true
+</script>
+
+<template>
+  <div>
+    <div v-if="canRead">
+      <ContentPrbDetail :patient-id="Number(route.params.id)" />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

app/pages/(features)/rehab/encounter/[id]/prb/add.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/my-ui/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Tambah PRB',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
+
+const { checkRole, getPagePermissions } = useRBAC()
+
+// Check if user has access to this page
+const hasAccess = checkRole(roleAccess)
+// if (!hasAccess) {
+//   navigateTo('/403')
+// }
+
+// Define permission-based computed properties
+const pagePermission = getPagePermissions(roleAccess)
+const callbackUrl = route.query['return-path'] as string | undefined
+</script>
+
+<template>
+  <div>
+    <div v-if="pagePermission.canRead">
+      <ContentPrbEntry :callback-url="callbackUrl" />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

app/pages/(features)/rehab/encounter/[id]/process.vue

@@ -2,6 +2,7 @@
 import type { PagePermission } from '~/models/role'
 import Error from '~/components/pub/my-ui/error/error.vue'
 import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+import EncounterProcess from '~/components/content/encounter/process.vue'
 
 definePageMeta({
   middleware: ['rbac'],
@@ -34,8 +35,8 @@ const pagePermission = getPagePermissions(roleAccess)
 </script>
 
 <template>
-    <div v-if="pagePermission.canRead">
-    <ContentEncounterProcess />
+  <div v-if="pagePermission.canRead">
+    <EncounterProcess class-code="ambulatory" sub-class-code="rehab" />
   </div>
   <Error v-else :status-code="403" />
 </template>

app/pages/(features)/rehab/encounter/[id]/surgery-report/[surgery_report_id]/edit.vue

@@ -34,7 +34,7 @@ const canRead = true
 <template>
   <div>
     <div v-if="canRead">
-      <ContentControlLetterEdit />
+      <ContentSurgeryReportEntry />
     </div>
     <Error v-else :status-code="403" />
   </div>

app/pages/(features)/rehab/encounter/[id]/surgery-report/[surgery_report_id]/index.vue

@@ -7,7 +7,7 @@ definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
   title: 'Detail Surat Kontrol',
-  contentFrame: 'cf-container-md',
+  contentFrame: 'cf-full-width',
 })
 
 const route = useRoute()
@@ -34,7 +34,7 @@ const canRead = true
 <template>
   <div>
     <div v-if="canRead">
-      <ContentControlLetterDetail :patient-id="Number(route.params.id)" />
+      <ContentSurgeryReportDetail :patient-id="Number(route.params.id)" />
     </div>
     <Error v-else :status-code="403" />
   </div>

app/pages/(features)/rehab/encounter/[id]/surgery-report/add.vue

@@ -34,7 +34,7 @@ const callbackUrl = route.query['return-path'] as string | undefined
 <template>
   <div>
     <div v-if="pagePermission.canRead">
-      <ContentControlLetterAdd :callback-url="callbackUrl" />
+      <ContentSurgeryReportEntry :callback-url="callbackUrl" />
     </div>
     <Error v-else :status-code="403" />
   </div>

app/pages/(features)/rehab/encounter/[id]/therapy-protocol/[therapy_protocol_id]/edit.vue

@@ -6,7 +6,7 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah Kunjungan',
+  title: 'Protokol Terapi',
   contentFrame: 'cf-full-width',
 })
 
@@ -16,26 +16,29 @@ useHead({
   title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/registration']
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
 
 const { checkRole, hasCreateAccess } = useRBAC()
 
 // Check if user has access to this page
 const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
+// if (!hasAccess) {
+//   throw createError({
+//     statusCode: 403,
+//     statusMessage: 'Access denied',
+//   })
+// }
 
 // Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+const canCreate = true // hasCreateAccess(roleAccess)
 </script>
 
 <template>
   <div v-if="canCreate">
-    <ContentEncounterEntry :id="1" form-type="Edit" />
+    <ContentTherapyProtocolEdit />
   </div>
-  <Error v-else :status-code="403" />
+  <Error
+    v-else
+    :status-code="403"
+  />
 </template>

app/pages/(features)/rehab/encounter/[id]/therapy-protocol/add.vue

@@ -6,7 +6,7 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah Pasien',
+  title: 'Protokol Terapi',
   contentFrame: 'cf-full-width',
 })
 
@@ -16,26 +16,29 @@ useHead({
   title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
 
 const { checkRole, hasCreateAccess } = useRBAC()
 
 // Check if user has access to this page
 const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
+// if (!hasAccess) {
+//   throw createError({
+//     statusCode: 403,
+//     statusMessage: 'Access denied',
+//   })
+// }
 
 // Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+const canCreate = true // hasCreateAccess(roleAccess)
 </script>
 
 <template>
   <div v-if="canCreate">
-    <ContentPatientAdd />
+    <ContentTherapyProtocolAdd />
   </div>
-  <Error v-else :status-code="403" />
+  <Error
+    v-else
+    :status-code="403"
+  />
 </template>

app/pages/(features)/rehab/encounter/[id]/vaccine-data/[vaccine_data_id]/index.vue

@@ -6,7 +6,7 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Daftar User',
+  title: 'Detail Data Vaksin',
   contentFrame: 'cf-full-width',
 })
 
@@ -16,7 +16,7 @@ useHead({
   title: () => route.meta.title as string,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
+const roleAccess: PagePermission = PAGE_PERMISSIONS[`/rehab/encounter`]
 
 const { checkRole, hasReadAccess } = useRBAC()
 
@@ -27,13 +27,14 @@ const hasAccess = checkRole(roleAccess)
 // }
 
 // Define permission-based computed properties
-const canRead = true // hasReadAccess(roleAccess)
+// const canRead = hasReadAccess(roleAccess)
+const canRead = true
 </script>
 
 <template>
   <div>
     <div v-if="canRead">
-      <ContentSepList />
+      <ContentVaccineDataDetail :patient-id="Number(route.params.id)" />
     </div>
     <Error v-else :status-code="403" />
   </div>

app/pages/(features)/rehab/encounter/[id]/vaccine-data/add.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/my-ui/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Tambah Data Vaksin',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
+
+const { checkRole, getPagePermissions } = useRBAC()
+
+// Check if user has access to this page
+const hasAccess = checkRole(roleAccess)
+// if (!hasAccess) {
+//   navigateTo('/403')
+// }
+
+// Define permission-based computed properties
+const pagePermission = getPagePermissions(roleAccess)
+const callbackUrl = route.query['return-path'] as string | undefined
+</script>
+
+<template>
+  <div>
+    <div v-if="pagePermission.canRead">
+      <ContentVaccineDataEntry :callback-url="callbackUrl" />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

app/pages/(features)/rehab/encounter/index.vue

@@ -1,47 +0,0 @@
-<script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
-
-definePageMeta({
-  middleware: ['rbac'],
-  roles: ['system', 'emp-doc', 'emp-nur', 'emp-reg', 'emp-pha', 'emp-pay', 'emp-mng'],
-  title: 'Daftar Kunjungan',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => route.meta.title as string,
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/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 = true // hasReadAccess(roleAccess)
-</script>
-
-<template>
-  <div>
-    <div v-if="canRead">
-      <ContentEncounterList
-        class-code="ambulatory"
-        sub-class-code="rehab"
-        type="encounter"
-      />
-    </div>
-    <Error
-      v-else
-      :status-code="403"
-    />
-  </div>
-</template>

app/pages/(features)/rehab/registration-queue/index.vue

@@ -1,5 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <FlowRehabRegistrationHome />
-</template>

app/pages/(features)/rehab/registration-queue/sep-prosedur/add.vue

@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
-
-definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah SEP Prosedur',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => route.meta.title as string,
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
-
-const { checkRole, hasCreateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
-
-// Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
-</script>
-
-<template>
-  <div v-if="canCreate">
-    <ContentDoctorAdd />
-  </div>
-  <PubMyUiError v-else :status-code="403" />
-</template>

app/pages/(features)/rehab/registration/add.vue

@@ -1,41 +0,0 @@
-<script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
-
-definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah Kunjungan',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/registration']
-
-const { checkRole, hasCreateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
-
-// Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
-</script>
-
-<template>
-  <template v-if="canCreate">
-    <ContentEncounterEntry form-type="Tambah" />
-  </template>
-  <Error v-else :status-code="403" />
-</template>

app/pages/(features)/rehab/registration/index.vue

@@ -1,40 +0,0 @@
-<script setup lang="ts">
-import type { PagePermission } from '~/models/role'
-import Error from '~/components/pub/my-ui/error/error.vue'
-import { PAGE_PERMISSIONS } from '~/lib/page-permission'
-
-definePageMeta({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Pendaftaran',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => route.meta.title as string,
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/registration']
-
-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)
-</script>
-
-<template>
-  <div>
-    <div v-if="canRead">
-      <ContentEncounterList type="registration" />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
-</template>

app/pages/(features)/therapy-protocol/[id]/detail.vue

@@ -6,7 +6,7 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah Kunjungan',
+  title: 'Detail Protokol Terapi',
   contentFrame: 'cf-full-width',
 })
 
@@ -16,26 +16,26 @@ useHead({
   title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/registration']
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
 
 const { checkRole, hasCreateAccess } = useRBAC()
 
 // Check if user has access to this page
 const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
+// if (!hasAccess) {
+//   throw createError({
+//     statusCode: 403,
+//     statusMessage: 'Access denied',
+//   })
+// }
 
 // Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+const canCreate = true // hasCreateAccess(roleAccess)
 </script>
 
 <template>
   <div v-if="canCreate">
-    <ContentEncounterEntry :id="1" form-type="Detail" />
+    <ContentTherapyProtocolDetail/>
   </div>
   <Error v-else :status-code="403" />
 </template>

app/pages/(features)/therapy-protocol/[id]/edit.vue

@@ -6,7 +6,7 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah Kunjungan',
+  title: 'Edit Protokol Terapi',
   contentFrame: 'cf-full-width',
 })
 
@@ -22,20 +22,20 @@ const { checkRole, hasCreateAccess } = useRBAC()
 
 // Check if user has access to this page
 const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
+// if (!hasAccess) {
+//   throw createError({
+//     statusCode: 403,
+//     statusMessage: 'Access denied',
+//   })
+// }
 
 // Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+const canCreate = true // hasCreateAccess(roleAccess)
 </script>
 
 <template>
   <div v-if="canCreate">
-    <ContentEncounterEntry :id="1" form-type="Detail" />
+    <ContentTherapyProtocolEdit />
   </div>
   <Error v-else :status-code="403" />
 </template>

app/pages/(features)/therapy-protocol/add.vue

@@ -4,19 +4,19 @@ import Error from '~/components/pub/my-ui/error/error.vue'
 import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 
 definePageMeta({
-  middleware: [],
+  middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah SEP',
+  title: 'Tambah Protokol Terapi',
   contentFrame: 'cf-full-width',
 })
 
 const route = useRoute()
 
 useHead({
-  title: () => route.meta.title as string,
+  title: () => `${route.meta.title}`, // backtick to avoid the ts-plugin(2322) warning
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
 
 const { checkRole, hasCreateAccess } = useRBAC()
 
@@ -35,7 +35,7 @@ const canCreate = true // hasCreateAccess(roleAccess)
 
 <template>
   <div v-if="canCreate">
-    <ContentSepEntry />
+    <ContentTherapyProtocolAdd />
   </div>
   <Error v-else :status-code="403" />
 </template>

app/pages/(features)/tools-equipment-src/medicine/index.vue

@@ -5,7 +5,7 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  roles: [],
   title: 'Daftar Dokter',
   contentFrame: 'cf-full-width',
 })
@@ -16,7 +16,7 @@ useHead({
   title: () => route.meta.title as string,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/tools-equipment-src/medicine']!
 
 const { checkRole, hasReadAccess } = useRBAC()