From 1824427b625177d3fd25805b14ce6810bd419a03 Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Thu, 28 Aug 2025 01:24:48 +0700
Subject: [PATCH] =?UTF-8?q?=E2=9A=A0=EF=B8=8F=20refactor=20(form):=20remov?=
 =?UTF-8?q?e=20unused=20components=20and=20logic=20from=20entry=20forms?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/app/doctor/entry-form.vue  | 27 ------------
 app/components/app/patient/entry-form.vue |  5 ---
 app/components/app/user/entry-form.vue    |  5 ---
 app/components/flow/doctor/add.vue        | 20 ---------
 app/components/flow/doctor/list.vue       | 53 -----------------------
 app/components/flow/patient/add.vue       |  4 ++
 app/components/flow/user/entry.vue        |  5 +++
 7 files changed, 9 insertions(+), 110 deletions(-)
 delete mode 100644 app/components/flow/doctor/add.vue
 delete mode 100644 app/components/flow/doctor/list.vue

diff --git a/app/components/app/doctor/entry-form.vue b/app/components/app/doctor/entry-form.vue
index 2c7ecac2..5aec1ba3 100644
--- a/app/components/app/doctor/entry-form.vue
+++ b/app/components/app/doctor/entry-form.vue
@@ -3,7 +3,6 @@ import Block from '~/components/pub/custom-ui/form/block.vue'
 import FieldGroup from '~/components/pub/custom-ui/form/field-group.vue'
 import Field from '~/components/pub/custom-ui/form/field.vue'
 import Label from '~/components/pub/custom-ui/form/label.vue'
-import Action from '~/components/pub/custom-ui/nav-footer/ba-dr-su.vue'
 
 const props = defineProps<{ modelValue: any }>()
 const emit = defineEmits(['update:modelValue', 'event'])
@@ -12,19 +11,10 @@ const data = computed({
   get: () => props.modelValue,
   set: (val) => emit('update:modelValue', val),
 })
-
-function onClick(type: string) {
-  emit('event', type)
-}
 </script>
 
 <template>
   <form id="entry-form">
-    <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
-      <Icon name="i-lucide-user" class="me-2" />
-      <span class="font-semibold">Tambah</span> Dokter
-    </div>
-
     <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
       <div class="flex flex-col justify-between">
         <Block>
@@ -94,24 +84,7 @@ function onClick(type: string) {
             </Field>
           </FieldGroup>
         </Block>
-        <Block>
-          <FieldGroup :column="2">
-            <Label>Username</Label>
-            <Field>
-              <Input type="text" name="username" />
-            </Field>
-          </FieldGroup>
-          <FieldGroup :column="2">
-            <Label>Password</Label>
-            <Field>
-              <Input type="password" name="password" />
-            </Field>
-          </FieldGroup>
-        </Block>
       </div>
     </div>
-    <div class="my-2 flex justify-end py-2">
-      <Action @click="onClick" />
-    </div>
   </form>
 </template>
diff --git a/app/components/app/patient/entry-form.vue b/app/components/app/patient/entry-form.vue
index a9ab8c6b..bf0284ec 100644
--- a/app/components/app/patient/entry-form.vue
+++ b/app/components/app/patient/entry-form.vue
@@ -8,11 +8,6 @@ import Action from '~/components/pub/custom-ui/nav-footer/ba-dr-su.vue'
 
 <template>
   <form id="entry-form">
-    <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
-      <Icon name="i-lucide-user" class="me-2" />
-      <span class="font-semibold">Tambah</span> Pasien
-    </div>
-
     <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
       <Block>
         <FieldGroup :column="3">
diff --git a/app/components/app/user/entry-form.vue b/app/components/app/user/entry-form.vue
index 20780b27..e705f295 100644
--- a/app/components/app/user/entry-form.vue
+++ b/app/components/app/user/entry-form.vue
@@ -15,11 +15,6 @@ const data = computed({
 
 <template>
   <form id="entry-form">
-    <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
-      <Icon name="i-lucide-user" class="me-2" />
-      <span class="font-semibold">Tambah</span> Dokter
-    </div>
-
     <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
       <div class="flex flex-col justify-between">
         <Block>
diff --git a/app/components/flow/doctor/add.vue b/app/components/flow/doctor/add.vue
deleted file mode 100644
index 98632f5c..00000000
--- a/app/components/flow/doctor/add.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<script setup lang="ts">
-function onEvent(type: string) {
-  if (type === 'cancel') {
-    navigateTo('/doctor')
-  } else if (type === 'draft') {
-    // do something
-  } else if (type === 'submit') {
-    // do something
-  }
-}
-const data = ref({
-  name: '',
-  specialization: '',
-  hospital: '',
-})
-</script>
-
-<template>
-  <AppDoctorEntryForm v-model="data" @event="onEvent" />
-</template>
diff --git a/app/components/flow/doctor/list.vue b/app/components/flow/doctor/list.vue
deleted file mode 100644
index 933eac5d..00000000
--- a/app/components/flow/doctor/list.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<script setup lang="ts">
-import type { HeaderPrep, RefSearchNav } from '~/components/pub/nav/types'
-import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
-
-const data = ref([])
-
-const refSearchNav: RefSearchNav = {
-  onClick: () => {
-    // open filter modal
-  },
-  onInput: (_val: string) => {
-    // filter patient list
-  },
-  onClear: () => {
-    // clear url param
-  },
-}
-
-const recId = ref<number>(0)
-const recAction = ref<string>('')
-const recItem = ref<any>(null)
-
-const headerPrep: HeaderPrep = {
-  title: 'Dokter',
-  icon: 'i-lucide-network',
-  addNav: {
-    label: 'Tambah',
-    onClick: () => navigateTo('/doctor/add'),
-  },
-}
-
-useAsyncData('getDoctor', () => xfetch('/api/v1/doctor'), { server: false, immediate: true })
-
-async function getDoctorList() {
-  const resp = await xfetch('/api/v1/doctor')
-  if (resp.success) {
-    data.value = (resp.body as Record<string, any>).data
-  }
-}
-
-onMounted(() => {
-  getDoctorList()
-})
-
-provide('rec_id', recId)
-provide('rec_action', recAction)
-provide('rec_item', recItem)
-</script>
-
-<template>
-  <Header :prep="{ ...headerPrep }" :ref-search-nav="refSearchNav" />
-  <AppDoctorList :data="data" />
-</template>
diff --git a/app/components/flow/patient/add.vue b/app/components/flow/patient/add.vue
index fd48eeba..fd42e0a6 100644
--- a/app/components/flow/patient/add.vue
+++ b/app/components/flow/patient/add.vue
@@ -1,5 +1,9 @@
 <script setup lang="ts"></script>
 
 <template>
+  <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
+    <Icon name="i-lucide-user" class="me-2" />
+    <span class="font-semibold">Tambah</span> Pasien
+  </div>
   <AppPatientEntryForm />
 </template>
diff --git a/app/components/flow/user/entry.vue b/app/components/flow/user/entry.vue
index 49f9e84c..90369f15 100644
--- a/app/components/flow/user/entry.vue
+++ b/app/components/flow/user/entry.vue
@@ -19,6 +19,11 @@ function onClick(type: string) {
 </script>
 
 <template>
+  <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
+    <Icon name="i-lucide-user" class="me-2" />
+    <span class="font-semibold">Tambah</span> Dokter
+  </div>
+
   <div>
     <AppDoctorEntryForm v-model="data" />
   </div>