From ca1b0f4cb769edf2c4d3c0ba466e66011ec02e56 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Fri, 26 Sep 2025 16:04:19 +0700
Subject: [PATCH] feat(uom): crate form, list and integrate

---
 app/components/content/uom/list.vue           | 52 +++++++++----------
 .../device/add.vue => common/uom/index.vue}   | 19 ++++---
 .../tools-equipment-src/equipment/add.vue     | 41 ---------------
 3 files changed, 35 insertions(+), 77 deletions(-)
 rename app/pages/(features)/{tools-equipment-src/device/add.vue => common/uom/index.vue} (70%)
 delete mode 100644 app/pages/(features)/tools-equipment-src/equipment/add.vue

diff --git a/app/components/content/uom/list.vue b/app/components/content/uom/list.vue
index fee2e16f..bcb01444 100644
--- a/app/components/content/uom/list.vue
+++ b/app/components/content/uom/list.vue
@@ -2,7 +2,7 @@
 // Components
 import Dialog from '~/components/pub/base/modal/dialog.vue'
 import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
-import AppMedicineMethodEntryForm from '~/components/app/medicine-method/entry-form.vue'
+import AppUomEntryForm from '~/components/app/uom/entry-form.vue'
 import RecordConfirmation from '~/components/pub/custom-ui/confirmation/record-confirmation.vue'
 
 // Helpers
@@ -11,7 +11,7 @@ import { toast } from '~/components/pub/ui/toast'
 
 // Types
 import { ActionEvents, type HeaderPrep } from '~/components/pub/custom-ui/data/types'
-import { MedicineBaseSchema, type MedicineBaseFormData } from '~/schemas/medicine.schema'
+import { UomSchema, type UomFormData } from '~/schemas/uom.schema'
 
 // Handlers
 import {
@@ -26,10 +26,10 @@ import {
   handleActionEdit,
   handleActionRemove,
   handleCancelForm,
-} from '~/handlers/medicine-method.handler'
+} from '~/handlers/uom.handler'
 
 // Services
-import { getMedicineMethods, getMedicineMethodDetail } from '~/services/medicine-method.service'
+import { getUoms, getUomDetail } from '~/services/uom.service'
 
 const title = ref('')
 
@@ -40,18 +40,18 @@ const {
   searchInput,
   handlePageChange,
   handleSearch,
-  fetchData: getMedicineMethodList,
+  fetchData: getUomList,
 } = usePaginatedList({
   fetchFn: async ({ page, search }) => {
-    const result = await getMedicineMethods({ search, page })
+    const result = await getUoms({ search, page })
     return { success: result.success || false, body: result.body || {} }
   },
-  entityName: 'medicine-method',
+  entityName: 'uom',
 })
 
 const headerPrep: HeaderPrep = {
-  title: 'Metode Obat',
-  icon: 'i-lucide-medicine-bottle',
+  title: 'Uom',
+  icon: 'i-lucide-layout-dashboard',
   refSearchNav: {
     placeholder: 'Cari (min. 3 karakter)...',
     minLength: 3,
@@ -78,11 +78,11 @@ provide('rec_action', recAction)
 provide('rec_item', recItem)
 provide('table_data_loader', isLoading)
 
-const getCurrentMedicineMethodDetail = async (id: number | string) => {
-  const result = await getMedicineMethodDetail(id)
+const getCurrentUomDetail = async (id: number | string) => {
+  const result = await getUomDetail(id)
   if (result.success) {
-    const currentMaterial = result.body?.data || {}
-    recItem.value = currentMaterial
+    const currentValue = result.body?.data || {}
+    recItem.value = currentValue
     isFormEntryDialogOpen.value = true
   }
 }
@@ -91,13 +91,13 @@ const getCurrentMedicineMethodDetail = async (id: number | string) => {
 watch([recId, recAction], () => {
   switch (recAction.value) {
     case ActionEvents.showDetail:
-      getCurrentMedicineMethodDetail(recId.value)
-      title.value = 'Detail Metode Obat'
+      getCurrentUomDetail(recId.value)
+      title.value = 'Detail Uom'
       isReadonly.value = true
       break
     case ActionEvents.showEdit:
-      getCurrentMedicineMethodDetail(recId.value)
-      title.value = 'Edit Metode Obat'
+      getCurrentUomDetail(recId.value)
+      title.value = 'Edit Uom'
       isReadonly.value = false
       break
     case ActionEvents.showConfirmDelete:
@@ -107,7 +107,7 @@ watch([recId, recAction], () => {
 })
 
 onMounted(async () => {
-  await getMedicineMethodList()
+  await getUomList()
 })
 </script>
 
@@ -115,27 +115,27 @@ onMounted(async () => {
   <div class="p-4">
     <Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
     <div class="rounded-md border p-4">
-      <AppMedicineMethodList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
+      <AppUomList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
     </div>
 
     <Dialog
       v-model:open="isFormEntryDialogOpen"
-      :title="!!recItem ? title : 'Tambah Metode Obat'"
+      :title="!!recItem ? title : 'Tambah Uom'"
       size="lg"
       prevent-outside
     >
-      <AppMedicineMethodEntryForm
-        :schema="MedicineBaseSchema"
+      <AppUomEntryForm
+        :schema="UomSchema"
         :values="recItem"
         :is-loading="isProcessing"
         :is-readonly="isReadonly"
         @submit="
-          (values: MedicineBaseFormData | Record<string, any>, resetForm: () => void) => {
+          (values: UomFormData | Record<string, any>, resetForm: () => void) => {
             if (recId > 0) {
-              handleActionEdit(recId, values, getMedicineMethodList, resetForm, toast)
+              handleActionEdit(recId, values, getUomList, resetForm, toast)
               return
             }
-            handleActionSave(values, getMedicineMethodList, resetForm, toast)
+            handleActionSave(values, getUomList, resetForm, toast)
           }
         "
         @cancel="handleCancelForm"
@@ -147,7 +147,7 @@ onMounted(async () => {
       v-model:open="isRecordConfirmationOpen"
       action="delete"
       :record="recItem"
-      @confirm="() => handleActionRemove(recId, getMedicineMethodList, toast)"
+      @confirm="() => handleActionRemove(recId, getUomList, toast)"
       @cancel=""
     >
       <template #default="{ record }">
diff --git a/app/pages/(features)/tools-equipment-src/device/add.vue b/app/pages/(features)/common/uom/index.vue
similarity index 70%
rename from app/pages/(features)/tools-equipment-src/device/add.vue
rename to app/pages/(features)/common/uom/index.vue
index f258ce8e..2efdacb7 100644
--- a/app/pages/(features)/tools-equipment-src/device/add.vue
+++ b/app/pages/(features)/common/uom/index.vue
@@ -6,7 +6,7 @@ import { PAGE_PERMISSIONS } from '~/lib/page-permission'
 definePageMeta({
   middleware: ['rbac'],
   roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah User',
+  title: 'Daftar User',
   contentFrame: 'cf-full-width',
 })
 
@@ -18,24 +18,23 @@ useHead({
 
 const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
 
-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',
-  })
+  navigateTo('/403')
 }
 
 // Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+const canRead = true // hasReadAccess(roleAccess)
 </script>
 
 <template>
-  <div v-if="canCreate">
-    <ContentDeviceEntry />
+  <div>
+    <div v-if="canRead">
+      <ContentUomList />
+    </div>
+    <Error v-else :status-code="403" />
   </div>
-  <Error v-else :status-code="403" />
 </template>
diff --git a/app/pages/(features)/tools-equipment-src/equipment/add.vue b/app/pages/(features)/tools-equipment-src/equipment/add.vue
deleted file mode 100644
index f8fe61a2..00000000
--- a/app/pages/(features)/tools-equipment-src/equipment/add.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<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: 'Tambah User',
-  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">
-    <ContentMaterialEntry />
-  </div>
-  <Error v-else :status-code="403" />
-</template>