refactor(equipment): add modal form to component list

2025-09-08 13:09:55 +07:00
parent e2ba3c070c
commit 9cb8dd9caf
9 changed files with 285 additions and 144 deletions
@@ -1,39 +0,0 @@
-<script setup lang="ts">
-// types
-import { MaterialSchema, type MaterialFormData } from '~/schemas/material'
-
-const isLoading = ref(false)
-const uoms = [
-  { value: 'uom-1', label: 'Satuan 1' },
-  { value: 'uom-2', label: 'Satuan 2' },
-  { value: 'uom-3', label: 'Satuan 3' },
-]
-const items = [
-  { value: 'item-1', label: 'Item 1' },
-  { value: 'item-2', label: 'Item 2' },
-  { value: 'item-3', label: 'Item 3' },
-]
-
-function onBack() {
-  navigateTo('/tools-equipment-src/equipment')
-}
-
-async function onSubmit(data: MaterialFormData) {
-  console.log(data)
-}
-</script>
-
-<template>
-  <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
-    <Icon name="i-lucide-panel-bottom" class="me-2" />
-    <span class="font-semibold">Tambah</span> Perlengkapan (BMHP)
-  </div>
-  <AppMaterialEntryForm
-    :is-loading="isLoading"
-    :schema="MaterialSchema"
-    :uoms="uoms"
-    :items="items"
-    @back="onBack"
-    @submit="onSubmit"
-  />
-</template>
@@ -1,65 +0,0 @@
-<script setup lang="ts">
-import type { DataTableLoader } from '~/components/pub/base/data-table/type'
-import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/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 isLoading = reactive<DataTableLoader>({
-  isTableLoading: false,
-})
-
-const recId = ref<number>(0)
-const recAction = ref<string>('')
-const recItem = ref<any>(null)
-
-const headerPrep: HeaderPrep = {
-  title: 'Perlengkapan (BMHP)',
-  icon: 'i-lucide-panel-bottom',
-  addNav: {
-    label: 'Tambah',
-    onClick: () => navigateTo('/tools-equipment-src/equipment/add'),
-  },
-}
-
-async function getMaterialList() {
-  isLoading.dataListLoading = true
-
-  // const resp = await xfetch('/api/v1/material')
-  // if (resp.success) {
-  //   data.value = (resp.body as Record<string, any>).data
-  // }
-
-  isLoading.dataListLoading = false
-}
-
-onMounted(() => {
-  getMaterialList()
-})
-
-provide('rec_id', recId)
-provide('rec_action', recAction)
-provide('rec_item', recItem)
-provide('table_data_loader', isLoading)
-</script>
-
-<template>
-  <div class="rounded-md border p-4">
-    <Header :prep="{ ...headerPrep }" :ref-search-nav="refSearchNav" />
-    <div class="rounded-md border p-4">
-      <AppMaterialList v-if="!isLoading.dataListLoading" :data="data" />
-    </div>
-  </div>
-</template>