fix: solve edit + add pages

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

@@ -1,9 +1,15 @@
 <script setup lang="ts">
-import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Models & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+
+// Apps
 import Content from '~/components/content/encounter/entry.vue'
 
+// Page meta
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|reg'],
@@ -12,10 +18,10 @@ definePageMeta({
 })
 
 // Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]/edit'] || {}
 const { checkRole, hasUpdateAccess } = useRBAC()
 
-// Check if user has access to this page
+// Check if user has access to this page, need to use try - catch for proper handling
 const hasAccess = checkRole(roleAccess)
 if (!hasAccess) {
   navigateTo('/403')
@@ -28,22 +34,26 @@ useHead({
 })
 
 // Get encounter ID from route params
-const encounterId = computed(() => {
+const encounter_id = computed(() => {
   const id = route.params.id
   return typeof id === 'string' ? parseInt(id) : 0
 })
 
 // Define permission-based computed properties
 const canUpdate = hasUpdateAccess(roleAccess)
+
+// User info
+const { user } = useUserStore()
+const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
 </script>
 
 <template>
   <div v-if="canUpdate">
     <Content
-      :id="encounterId"
+      :id="encounter_id"
       class-code="ambulatory"
-      sub-class-code="reg"
-      form-type="edit"
+      :sub-class-code="subClassCode"
+      form-type="Edit"
     />
   </div>
   <Error

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

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Models & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+import { medicalRoles } from '~/const/common/role'
+
+// Page meta
+definePageMeta({
+  middleware: ['rbac'],
+  roles: medicalRoles,
+  title: 'Detail Kunjungan',
+  contentFrame: 'cf-container-md',
+})
+
+// Define common things
+const route = useRoute()
+
+// Prep role checking
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]'] || {}
+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,
+})
+</script>
+
+<template>
+  <div>
+    <div v-if="canRead">
+      <ContentOutpatientEncounterDetail :patient-id="Number(route.params.id)" />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

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

@@ -1,18 +1,23 @@
 <script setup lang="ts">
-import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
-import Content from '~/components/content/encounter/process-next.vue'
+
+// AppS
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+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',
+  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
 })
 
 // Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]/process'] || {}
 const { checkRole, hasReadAccess } = useRBAC()
 
 // Check if user has access to this page
@@ -29,11 +34,12 @@ const route = useRoute()
 useHead({
   title: () => `${route.meta.title}`,
 })
+
 </script>
 
 <template>
   <div v-if="canRead">
-    <Content class-code="ambulatory" sub-class-code="reg" />
+    <Content class-code="ambulatory" />
   </div>
   <Error v-else :status-code="403" />
 </template>

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+import { permissions } from '~/const/page-permission/ambulatory'
 import Error from '~/components/pub/my-ui/error/error.vue'
 import Content from '~/components/content/encounter/entry.vue'
 
@@ -12,8 +12,8 @@ definePageMeta({
 })
 
 // Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
-const { checkRole, hasCreateAccess } = useRBAC()
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/add'] || {}
+const { checkRole, hasReadAccess, hasCreateAccess } = useRBAC()
 
 // Check if user has access to this page
 const hasAccess = checkRole(roleAccess)

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

@@ -1,43 +1,45 @@
 <script setup lang="ts">
-import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
 
+// Models & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+
+// 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',
 })
 
+// Define common things
+const route = useRoute()
+
 // Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
-const { checkRole, hasReadAccess } = useRBAC()
+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)
-if (!hasAccess) {
+const canRead = hasReadAccess(roleAccess)
+if (!hasAccess || !canRead) {
   navigateTo('/403')
 }
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
+const canCreate = hasCreateAccess(roleAccess)
 
 // Page needs
-const route = useRoute()
 useHead({
   title: () => route.meta.title as string,
 })
 
-const { user, getActiveRole } = useUserStore()
-// const activeRole = getActiveRole()
-// const activeRoleParts = activeRole ? activeRole.split('|') : ['', '']
-// const activeRolePos = activeRoleParts[0] // reaching this page means it is already set
-// const activeRoleType = activeRoleParts[1] == 'rehab' ? activeRoleParts[1] : ''
+// User info
+const { user } = useUserStore()
 const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
-
 </script>
 
 <template>
@@ -46,7 +48,7 @@ const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
       <Content
         class-code="ambulatory"
         :sub-class-code="subClassCode"
-        type="encounter"
+        :can-create="canCreate"
       />
     </div>
     <Error

app/pages/(features)/chemotherapy/[mode]/[id]/verification.vue

@@ -0,0 +1,47 @@
+<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'
+import ContentChemotherapyAdminList from '~/components/content/chemotherapy/admin-list.vue'
+import ContentChemotherapyVerification from '~/components/content/chemotherapy/verification.vue'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Kemoterapi Admin',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => 'Verifikasi Jadwal Pasien',
+})
+
+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 = true // hasReadAccess(roleAccess)
+
+const mode = computed(() => route.params.mode as string)
+</script>
+
+<template>
+  <div>
+    <div v-if="canRead">
+      <ContentChemotherapyVerification />
+    </div>
+    <Error
+      v-else
+      :status-code="403"
+    />
+  </div>
+</template>

app/pages/(features)/chemotherapy/[mode]/index.vue

@@ -0,0 +1,55 @@
+<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'
+import ContentChemotherapyAdminList from '~/components/content/chemotherapy/admin-list.vue'
+import ContentChemotherapyVerification from '~/components/content/chemotherapy/verification.vue'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Kemoterapi Admin',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => {
+    const mode = route.params.mode as string
+    if (mode === 'admin') {
+      return 'Administrasi Pasien Rawat Jalan Kemoterapi'
+    } else if (mode === 'series') {
+      return 'Proses Jadwal Pasien'
+    }
+    return 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 = true // hasReadAccess(roleAccess)
+
+const mode = computed(() => route.params.mode as string)
+</script>
+
+<template>
+  <div>
+    <div v-if="canRead">
+      <ContentChemotherapyAdminList v-if="mode === 'admin'" />
+      <ContentChemotherapyProcess v-else-if="mode === 'series'" />
+      <Error v-else :status-code="404" status-message="Mode tidak ditemukan" />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>
+

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+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'
 
@@ -12,7 +12,7 @@ definePageMeta({
 })
 
 // Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter'] || {}
 const { checkRole, hasReadAccess } = useRBAC()
 
 // Check if user has access to this page

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

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+import { permissions } from '~/const/page-permission/chemoteraphy'
 import Error from '~/components/pub/my-ui/error/error.vue'
-import Content from '~/components/content/encounter/process-next.vue'
+import Content from '~/components/content/encounter/process.vue'
 
 definePageMeta({
   middleware: ['rbac'],

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+import { permissions } from '~/const/page-permission/ambulatory'
 import Error from '~/components/pub/my-ui/error/error.vue'
 
 import Content from '~/components/content/encounter/entry.vue'

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+import { permissions } from '~/const/page-permission/ambulatory'
 import Error from '~/components/pub/my-ui/error/error.vue'
 
 import Content from '~/components/content/encounter/list.vue'

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

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+// Redirect to list page - the process page is now at [id]/index.vue
+const route = useRoute()
+navigateTo('/outpation-action/chemotherapy/list')
+</script>
+
+<template>
+  <div />
+</template>

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

@@ -0,0 +1,40 @@
+<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'
+
+definePageMeta({
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Daftar Kempterapi',
+  contentFrame: 'cf-full-width',
+})
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title as string,
+})
+
+const roleAccess: Record<string, Permission[]> = permissions['/chemotherapy'] || {}
+
+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">
+      <ContentChemotherapyList />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

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

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+  const route = useRoute();
+</script>
+
+<template>
+  <div class="p-10 text-center">
+    <div class="mb-5 text-base font-semibold">Hello world!!</div>
+    <div>You are accessing "{{ route.fullPath }}"</div>
+  </div>
+</template>

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

@@ -2,7 +2,7 @@
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/emergency'
 import Error from '~/components/pub/my-ui/error/error.vue'
-import Content from '~/components/content/encounter/process-next.vue'
+import Content from '~/components/content/encounter/process.vue'
 
 definePageMeta({
   middleware: ['rbac'],
@@ -36,4 +36,4 @@ useHead({
     <Content class-code="emergency" sub-class-code="emg" />
   </div>
   <Error v-else :status-code="403" />
-</template>
+</template>

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+import { permissions } from '~/const/page-permission/ambulatory'
 import Error from '~/components/pub/my-ui/error/error.vue'
 import Content from '~/components/content/encounter/entry.vue'
 

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+import { permissions } from '~/const/page-permission/emergency'
 import Error from '~/components/pub/my-ui/error/error.vue'
 
 import Content from '~/components/content/encounter/list.vue'
@@ -13,7 +13,8 @@ definePageMeta({
 })
 
 // Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
+const route = useRoute()
+const roleAccess: Record<string, Permission[]> = permissions[route.path] || {}
 const { checkRole, hasReadAccess } = useRBAC()
 
 // Check if user has access to this page
@@ -26,18 +27,12 @@ if (!hasAccess) {
 const canRead = hasReadAccess(roleAccess)
 
 // Page needs
-const route = useRoute()
 useHead({
   title: () => route.meta.title as string,
 })
 
-const { user, getActiveRole } = useUserStore()
-// const activeRole = getActiveRole()
-// const activeRoleParts = activeRole ? activeRole.split('|') : ['', '']
-// const activeRolePos = activeRoleParts[0] // reaching this page means it is already set
-// const activeRoleType = activeRoleParts[1] == 'rehab' ? activeRoleParts[1] : ''
+const { user } = useUserStore()
 const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
-
 </script>
 
 <template>
@@ -45,7 +40,7 @@ const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
     <div v-if="canRead">
       <Content
         class-code="emergency"
-        sub-class-code="reg"
+        :sub-class-code="subClassCode"
         type="encounter"
       />
     </div>

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

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+  const route = useRoute();
+</script>
+
+<template>
+  <div class="p-10 text-center">
+    <div class="mb-5 text-base font-semibold">Hello world!!</div>
+    <div>You are accessing "{{ route.fullPath }}"</div>
+  </div>
+</template>

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

@@ -2,7 +2,7 @@
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/inpatient'
 import Error from '~/components/pub/my-ui/error/error.vue'
-import Content from '~/components/content/encounter/process-next.vue'
+import Content from '~/components/content/encounter/process.vue'
 
 definePageMeta({
   middleware: ['rbac'],

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+import { permissions } from '~/const/page-permission/ambulatory'
 import Error from '~/components/pub/my-ui/error/error.vue'
 import Content from '~/components/content/encounter/entry.vue'
 

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+import { permissions } from '~/const/page-permission/inpatient'
 import Error from '~/components/pub/my-ui/error/error.vue'
 
 import Content from '~/components/content/encounter/list.vue'
@@ -13,7 +13,7 @@ definePageMeta({
 })
 
 // Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
+const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter'] || {}
 const { checkRole, hasReadAccess } = useRBAC()
 
 // Check if user has access to this page
@@ -31,11 +31,7 @@ useHead({
   title: () => route.meta.title as string,
 })
 
-const { user, getActiveRole } = useUserStore()
-// const activeRole = getActiveRole()
-// const activeRoleParts = activeRole ? activeRole.split('|') : ['', '']
-// const activeRolePos = activeRoleParts[0] // reaching this page means it is already set
-// const activeRoleType = activeRoleParts[1] == 'rehab' ? activeRoleParts[1] : ''
+const { user } = useUserStore()
 const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
 
 </script>

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/outpatient'
+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'
 

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

@@ -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 />
+  </div>
+  <Error
+    v-else
+    :status-code="403"
+  />
+</template>

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

@@ -2,7 +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-next.vue'
+import EncounterProcess from '~/components/content/encounter/process.vue'
 
 definePageMeta({
   middleware: ['rbac'],

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

@@ -1,11 +1,12 @@
 <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 SEP Prosedur',
+  title: 'Update Surat Kontrol',
   contentFrame: 'cf-full-width',
 })
 
@@ -15,26 +16,26 @@ useHead({
   title: () => route.meta.title as string,
 })
 
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/patient']
 
-const { checkRole, hasCreateAccess } = useRBAC()
+const { checkRole, hasReadAccess } = useRBAC()
 
 // Check if user has access to this page
 const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  throw createError({
-    statusCode: 403,
-    statusMessage: 'Access denied',
-  })
-}
+// if (!hasAccess) {
+//   navigateTo('/403')
+// }
 
 // Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+// const canRead = hasReadAccess(roleAccess)
+const canRead = true
 </script>
 
 <template>
-  <div v-if="canCreate">
-    <ContentDoctorAdd />
+  <div>
+    <div v-if="canRead">
+      <ContentSurgeryReportEntry />
+    </div>
+    <Error v-else :status-code="403" />
   </div>
-  <PubMyUiError v-else :status-code="403" />
 </template>

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">
-      <ContentOutpatientEncounterDetail :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

@@ -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 Surat Kontrol',
+  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">
+      <ContentSurgeryReportEntry :callback-url="callbackUrl" />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>

app/pages/(features)/rehab/encounter/[id]/therapy-protocol/[therapy_protocol_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">
+    <ContentTherapyProtocolEdit />
+  </div>
+  <Error
+    v-else
+    :status-code="403"
+  />
+</template>

app/pages/(features)/rehab/encounter/[id]/therapy-protocol/add.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">
+    <ContentTherapyProtocolAdd />
+  </div>
+  <Error
+    v-else
+    :status-code="403"
+  />
+</template>

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

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

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

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+  const route = useRoute();
+</script>
+
+<template>
+  <div class="p-10 text-center">
+    <div class="mb-5 text-base font-semibold">Hello world!!</div>
+    <div>You are accessing "{{ route.fullPath }}"</div>
+  </div>
+</template>

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

@@ -0,0 +1,10 @@
+<script setup lang="ts">
+  const route = useRoute();
+</script>
+
+<template>
+  <div class="p-10 text-center">
+    <div class="mb-5 text-base font-semibold">Hello world!!</div>
+    <div>You are accessing "{{ route.fullPath }}"</div>
+  </div>
+</template>

app/pages/(features)/therapy-protocol/[id]/detail.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 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">
+    <ContentTherapyProtocolDetail/>
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/therapy-protocol/[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: 'Edit 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">
+    <ContentTherapyProtocolEdit />
+  </div>
+  <Error v-else :status-code="403" />
+</template>

app/pages/(features)/therapy-protocol/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 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">
+    <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()