feat/tidy-up:

- mengurangi elm yg tidak diperlukan
- menyesuaikan font-size sesuai breakpoint

app/pages/(features)/org-src/division/index.vue

@@ -32,10 +32,8 @@ const canRead = true
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentDivisionList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
+  <template v-if="canRead">
+    <ContentDivisionList />
+  </template>
+  <Error v-else :status-code="403" />
 </template>

app/pages/(features)/org-src/installation/index.vue

@@ -32,10 +32,8 @@ const canRead = true
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentInstallationList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
+  <template v-if="canRead">
+    <ContentInstallationList />
+  </template>
+  <Error v-else :status-code="403" />
 </template>

app/pages/(features)/org-src/specialist/index.vue

@@ -32,10 +32,8 @@ const canRead = true
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentSpecialistList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
+  <template v-if="canRead">
+    <ContentSpecialistList />
+  </template>
+  <Error v-else :status-code="403" />
 </template>

app/pages/(features)/org-src/subspecialist/index.vue

@@ -32,10 +32,8 @@ const canRead = true
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentSubspecialistList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
+  <template v-if="canRead">
+    <ContentSubspecialistList />
+  </template>
+  <Error v-else :status-code="403" />
 </template>

app/pages/(features)/org-src/unit/index.vue

@@ -32,10 +32,8 @@ const canRead = true
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentUnitList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
+  <template v-if="canRead">
+    <ContentUnitList />
+  </template>
+  <Error v-else :status-code="403" />
 </template>

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

@@ -7,7 +7,7 @@ definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
   title: 'Daftar User',
-  contentFrame: 'cf-full-width',
+  contentFrame: 'cf-container-lg',
 })
 
 const route = useRoute()
@@ -31,10 +31,8 @@ const canRead = true // hasReadAccess(roleAccess)
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentEquipmentList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
+  <template v-if="canRead">
+    <ContentEquipmentList />
+  </template>
+  <Error v-else :status-code="403" />
 </template>

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

@@ -7,7 +7,7 @@ definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
   title: 'Daftar Dokter',
-  contentFrame: 'cf-full-width',
+  contentFrame: 'cf-container-lg',
 })
 
 const route = useRoute()
@@ -31,10 +31,8 @@ const canRead = hasReadAccess(roleAccess)
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentMedicineMethodList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
+  <template v-if="canRead">
+    <ContentMedicineMethodList />
+  </template>
+  <Error v-else :status-code="403" />
 </template>

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

@@ -7,7 +7,7 @@ definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
   title: 'Daftar Dokter',
-  contentFrame: 'cf-full-width',
+  contentFrame: 'cf-container-lg',
 })
 
 const route = useRoute()
@@ -31,10 +31,8 @@ const canRead = hasReadAccess(roleAccess)
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentMedicineGroupList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
+  <template v-if="canRead">
+    <ContentMedicineGroupList />
+  </template>
+  <Error v-else :status-code="403" />
 </template>

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

@@ -34,8 +34,8 @@ const canCreate = hasCreateAccess(roleAccess)
 </script>
 
 <template>
-  <div v-if="canCreate">
+  <template v-if="canCreate">
     <ContentMedicineEntry />
-  </div>
+  </template>
   <Error v-else :status-code="403" />
 </template>

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

@@ -31,10 +31,8 @@ const canRead = hasReadAccess(roleAccess)
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentMedicineList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
+  <template v-if="canRead">
+    <ContentMedicineList />
+  </template>
+  <Error v-else :status-code="403" />
 </template>

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

@@ -7,7 +7,7 @@ definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
   title: 'Daftar User',
-  contentFrame: 'cf-full-width',
+  contentFrame: 'cf-container-lg',
 })
 
 const route = useRoute()
@@ -31,10 +31,8 @@ const canRead = true // hasReadAccess(roleAccess)
 </script>
 
 <template>
-  <div>
-    <div v-if="canRead">
-      <ContentToolsList />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
+  <template v-if="canRead">
+    <ContentToolsList />
+  </template>
+  <Error v-else :status-code="403" />
 </template>

app/pages/_dev/prescription/list.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+// import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/base/error/error.vue'
+// import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
+definePageMeta({
+  // middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Daftar Divisi',
+  contentFrame: 'cf-container-lg',
+})
+
+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">
+      <ContentPrescriptionList />
+    </div>
+    <Error v-else :status-code="403" />
+  </div>
+</template>