feat(material): update with processing

app/components/app/equipment/entry-form.vue

@@ -3,10 +3,8 @@
 import type z from 'zod'
 import type { MaterialFormData } from '~/schemas/material'
 // helpers
-import { toTypedSchema } from '@vee-validate/zod'
 import { useForm } from 'vee-validate'
-import Alert from '~/components/pub/ui/alert/Alert.vue'
-// components
+import { toTypedSchema } from '@vee-validate/zod'
 
 interface Props {
   schema: z.ZodSchema<any>
@@ -116,10 +114,11 @@ function onCancelForm() {
       </span>
     </div>
     <div class="my-2 flex justify-end gap-2 py-2">
-      <Button variant="secondary" class="w-[120px]" @click="onCancelForm"> Kembali </Button>
+      <Button type="button" variant="secondary" class="w-[120px]" @click="onCancelForm"> Kembali </Button>
       <Button
         type="button"
         class="w-[120px]"
+        :disabled="isLoading"
         @click="
           () => {
             handleSubmit(onSubmitForm)()

app/components/content/equipment/list.vue

@@ -15,6 +15,7 @@ import {
   recId,
   recAction,
   recItem,
+  isProcessing,
   isFormEntryDialogOpen,
   isRecordConfirmationOpen,
   handleActionSave,
@@ -119,6 +120,7 @@ onMounted(async () => {
       <AppEquipmentEntryForm
         :schema="MaterialSchema"
         :uoms="uoms"
+        :is-loading="isProcessing"
         @submit="(values: MaterialFormData, resetForm: any) => handleActionSave(values, getEquipmentList, resetForm)"
         @cancel="handleCancelForm"
       />