fix: master

app/Http/Controllers/PurchaseController.php

@@ -64,9 +64,7 @@ class PurchaseController extends Controller
         return inertia("Purchases/Create", [
             "number" => "PBN" . now()->format("YmdHis"),
             "ppn" => Ppn::first()->ppn,
-            "productNumber" => Inertia::lazy(
-                fn() => "PDK" . now()->format("YmdHis")
-            ),
+            "productNumber" => "PDK" . now()->format("YmdHis"),
             "suppliers" => Inertia::lazy(
                 fn() => Supplier::filter([
                     "search" => request("supplier"),

resources/js/pages/Customers/Index.vue

@@ -31,9 +31,9 @@ const onDelete = (data) => {
 </script>
 
 <template>
-  <ConfirmDialog />
-
   <DashboardLayout title="Daftar Pelanggan">
+    <ConfirmDialog />
+
     <DataTable
       responsiveLayout="scroll"
       columnResizeMode="expand"
@@ -84,11 +84,7 @@ const onDelete = (data) => {
             v-tooltip.bottom="'Ubah Pelanggan'"
             :href="route('customers.edit', data.id)"
           />
-        </template>
-      </Column>
 
-      <Column>
-        <template #body="{ data }">
           <Button
             v-if="!data.isUsed"
             icon="pi pi-trash"

resources/js/pages/Products/Create.vue

@@ -8,14 +8,18 @@ const props = defineProps({
 })
 
 const form = useForm({
-  number: props.number,
   name: null,
   unit: null,
   profit: 0,
 })
 
 const onSubmit = () => {
-  form.post(route('products.store'), { onSuccess: () => form.reset() })
+  form
+    .transform((data) => ({
+      number: props.number,
+      ...data,
+    }))
+    .post(route('products.store'), { onSuccess: () => form.reset() })
 }
 </script>
 
@@ -33,7 +37,7 @@ const onSubmit = () => {
                   label="Nomor Produk"
                   placeholder="nomor produk"
                   :error="form.errors.number"
-                  v-model="form.number"
+                  v-model="number"
                 />
               </div>
 

resources/js/pages/Products/Index.vue

@@ -31,9 +31,9 @@ const onDelete = (data) => {
 </script>
 
 <template>
-  <ConfirmDialog />
-
   <DashboardLayout title="Daftar Produk">
+    <ConfirmDialog />
+
     <DataTable
       responsiveLayout="scroll"
       columnResizeMode="expand"
@@ -84,11 +84,7 @@ const onDelete = (data) => {
             v-tooltip.bottom="'Ubah Produk'"
             :href="route('products.edit', data.id)"
           />
-        </template>
-      </Column>
 
-      <Column>
-        <template #body="{ data }">
           <Button
             v-if="!data.isUsed"
             icon="pi pi-trash"

resources/js/pages/Purchases/Components/ProductCreate.vue

@@ -1,16 +1,8 @@
 <script setup>
-import { onMounted } from 'vue'
-import { Inertia } from '@inertiajs/inertia'
 import { usePage } from '@inertiajs/inertia-vue3'
 import { useForm } from '@/composables/useForm'
 import AppInputText from '@/components/AppInputText.vue'
 
-const getProductNumber = () => {
-  Inertia.reload({ only: ['productNumber'] })
-}
-
-onMounted(() => getProductNumber())
-
 const form = useForm({
   name: null,
   unit: null,
@@ -22,10 +14,7 @@ const onSubmit = () => {
       number: usePage().props.value.productNumber,
       ...data,
     }))
-    .post(route('products.store'), {
-      onSuccess: () => form.reset(),
-      onFinish: () => getProductNumber(),
-    })
+    .post(route('products.store'), { onSuccess: () => form.reset() })
 }
 </script>
 

resources/js/pages/Purchases/Create.vue

@@ -1,5 +1,4 @@
 <script setup>
-import { Inertia } from '@inertiajs/inertia'
 import { optionStatus } from './config'
 import { cartTable } from './config'
 import Details from './Components/Details.vue'
@@ -50,8 +49,6 @@ const onSubmit = () => {
         form.reset()
 
         onClearProduct()
-
-        Inertia.reload({ only: ['number'] })
       },
     })
 }

resources/js/pages/Suppliers/Index.vue

@@ -31,9 +31,9 @@ const onDelete = (data) => {
 </script>
 
 <template>
-  <ConfirmDialog />
-
   <DashboardLayout title="Daftar Supplier">
+    <ConfirmDialog />
+
     <DataTable
       responsiveLayout="scroll"
       columnResizeMode="expand"
@@ -84,11 +84,7 @@ const onDelete = (data) => {
             v-tooltip.bottom="'Ubah Supplier'"
             :href="route('suppliers.edit', data.id)"
           />
-        </template>
-      </Column>
 
-      <Column>
-        <template #body="{ data }">
           <Button
             v-if="!data.isUsed"
             icon="pi pi-trash"

resources/js/pages/Users/Edit.vue

@@ -83,39 +83,23 @@ const onSubmit = () => {
           </template>
 
           <template #footer>
-            <div class="grid">
-              <div
-                class="col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-start"
-              >
-                <Button
-                  v-if="$page.props.auth.user.role_id !== user.role_id"
-                  label="Hapus"
-                  icon="pi pi-trash"
-                  class="p-button-outlined p-button-danger"
-                  @click="onDeleteUser"
-                />
-              </div>
+            <div class="flex flex-column md:flex-row justify-content-end">
+              <AppButtonLink
+                v-if="user.role_id !== 1"
+                label="Blokir"
+                icon="pi pi-ban"
+                method="delete"
+                class="p-button-outlined p-button-danger md:mr-3 mb-3 md:mb-0"
+                :href="route('users.block', user.id)"
+              />
 
-              <div
-                class="col-12 md:col-6 flex flex-column md:flex-row justify-content-center md:justify-content-end"
-              >
-                <AppButtonLink
-                  v-if="user.role_id !== 1"
-                  label="Blokir"
-                  icon="pi pi-ban"
-                  method="delete"
-                  class="p-button-outlined p-button-danger md:mr-3 mb-3 md:mb-0"
-                  :href="route('users.block', user.id)"
-                />
-
-                <Button
-                  label="Simpan"
-                  class="p-button-outlined"
-                  icon="pi pi-check"
-                  :disabled="form.processing"
-                  @click="onSubmit"
-                />
-              </div>
+              <Button
+                label="Simpan"
+                class="p-button-outlined"
+                icon="pi pi-check"
+                :disabled="form.processing"
+                @click="onSubmit"
+              />
             </div>
           </template>
         </Card>

resources/js/pages/Users/Index.vue

@@ -28,6 +28,23 @@ const onResetPassword = (data) => {
     },
   })
 }
+
+const deleteConfirm = useConfirm()
+
+const onDelete = (data) => {
+  deleteConfirm.require({
+    message: `Yakin akan menghapus data (${data.name}) ?`,
+    header: 'Hapus User',
+    acceptLabel: 'Iya',
+    rejectLabel: 'Tidak',
+    accept: () => {
+      Inertia.delete(route('users.destroy', data.id))
+    },
+    reject: () => {
+      deleteConfirm.close()
+    },
+  })
+}
 </script>
 
 <template>
@@ -92,6 +109,14 @@ const onResetPassword = (data) => {
             v-tooltip.bottom="'Reset Kata Sandi'"
             @click="onResetPassword(data)"
           />
+
+          <Button
+            v-if="data.role_id !== 1"
+            icon="pi pi-trash"
+            class="p-button-icon-only p-button-rounded p-button-text"
+            v-tooltip.bottom="'Hapus User'"
+            @click="onDelete(data)"
+          />
         </template>
       </Column>
     </DataTable>