handleOnClick('home.index')}
>
-
- Beranda
-
-
+
+
+
+
+ {isEmpty(data.image_prove_url) === false && (
+
+ )
+}
diff --git a/resources/js/Pages/DepositHistory/Index.jsx b/resources/js/Pages/DepositHistory/Index.jsx
new file mode 100644
index 0000000..9c1282e
--- /dev/null
+++ b/resources/js/Pages/DepositHistory/Index.jsx
@@ -0,0 +1,169 @@
+import React, { useEffect, useState } from 'react'
+import { router } from '@inertiajs/react'
+import { usePrevious } from 'react-use'
+import { Head } from '@inertiajs/react'
+import { Button, Dropdown } from 'flowbite-react'
+import { HiPencil, HiTrash } from 'react-icons/hi'
+import { useModalState } from '@/hooks'
+
+import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'
+import Pagination from '@/Components/Pagination'
+import ModalConfirm from '@/Components/ModalConfirm'
+import FormModal from './FormModal'
+import SearchInput from '@/Components/SearchInput'
+import { formatIDR, hasPermission } from '@/utils'
+import { HiEye } from 'react-icons/hi2'
+
+export default function Info(props) {
+ const {
+ query: { links, data },
+ auth,
+ } = props
+
+ const [search, setSearch] = useState('')
+ const preValue = usePrevious(search)
+
+ const formModal = useModalState()
+
+ const toggleFormModal = (deposit = null) => {
+ formModal.setData(deposit)
+ formModal.toggle()
+ }
+
+ const params = { q: search }
+ useEffect(() => {
+ if (preValue) {
+ router.get(
+ route(route().current()),
+ { q: search },
+ {
+ replace: true,
+ preserveState: true,
+ }
+ )
+ }
+ }, [search])
+
+ const canUpdate = hasPermission(auth, 'update-deposit')
+
+ return (
+
+
+
+
- 1
+
diff --git a/resources/js/Layouts/Partials/routes.js b/resources/js/Layouts/Partials/routes.js
index 9c46eae..7d24c67 100644
--- a/resources/js/Layouts/Partials/routes.js
+++ b/resources/js/Layouts/Partials/routes.js
@@ -8,6 +8,8 @@ import {
} from 'react-icons/hi'
import {
HiBanknotes,
+ HiCurrencyDollar,
+ HiFaceSmile,
HiMap,
HiOutlineGlobeAlt,
HiQuestionMarkCircle,
@@ -24,7 +26,14 @@ export default [
active: 'dashboard',
permission: 'view-dashboard',
},
-
+ {
+ name: 'Deposit',
+ show: true,
+ icon: HiCurrencyDollar,
+ route: route('deposit.index'),
+ active: 'deposit.*',
+ permission: 'view-deposit',
+ },
{
name: 'Lokasi',
show: true,
diff --git a/resources/js/Pages/DepositHistory/FormModal.jsx b/resources/js/Pages/DepositHistory/FormModal.jsx
new file mode 100644
index 0000000..bd8a132
--- /dev/null
+++ b/resources/js/Pages/DepositHistory/FormModal.jsx
@@ -0,0 +1,162 @@
+import React, { useEffect } from 'react'
+import Modal from '@/Components/Modal'
+import { useForm } from '@inertiajs/react'
+import Button from '@/Components/Button'
+import FormInput from '@/Components/FormInput'
+import RoleSelectionInput from '../Role/SelectionInput'
+
+import { isEmpty } from 'lodash'
+
+export default function FormModal(props) {
+ const { modalState } = props
+ const { data, setData, post, processing, errors, reset, clearErrors } =
+ useForm({
+ amount: '',
+ image_prove_url: '',
+ status: '',
+ account: {
+ name: '',
+ bank_name: '',
+ holder_name: '',
+ account_number: '',
+ },
+ payment_channel: '',
+ is_valid: 0,
+ status: '',
+ status_text: '',
+ text_color: '',
+ customer_name: '',
+ customer_phone: '',
+ description: '',
+ })
+
+ const handleOnChange = (event) => {
+ setData(
+ event.target.name,
+ event.target.type === 'checkbox'
+ ? event.target.checked
+ ? 1
+ : 0
+ : event.target.value
+ )
+ }
+
+ const handleReset = () => {
+ modalState.setData(null)
+ reset()
+ clearErrors()
+ }
+
+ const handleClose = () => {
+ handleReset()
+ modalState.toggle()
+ }
+
+ const handleSubmit = () => {
+ const deposit = modalState.data
+ post(route('deposit.update', deposit), {
+ onSuccess: () => handleClose(),
+ })
+ }
+
+ useEffect(() => {
+ const deposit = modalState.data
+ if (isEmpty(deposit) === false) {
+ setData({
+ amount: deposit.amount,
+ account: deposit.account,
+ image_prove_url: deposit.image_prove_url,
+ payment_channel: deposit.payment_channel,
+ is_valid: deposit.is_valid,
+ status_text: deposit.status.text,
+ text_color: deposit.status.text_color,
+ customer_name: `${deposit.customer.name} ( ${
+ deposit.customer.phone ?? deposit.customer.email
+ } )`,
+ description: deposit.description,
+ })
+ return
+ }
+ }, [modalState])
+
+ return (
+
+
-
+
+
+
+ 1
+
Keranjang
-
+
+ Transaksi
+
+ handleOnClick(
+ user !== null
+ ? 'customer.profile.index'
+ : 'customer.login'
+ )
+ }
+ >
+
- {user !== null ? (
- Menu
handleOnClick('customer.profile.index')}
- >
-
- ) : (
- handleOnClick('customer.login')}
- >
-
- )}
| Customer | +: | +{data.customer_name} | +
| Deskripsi | +: | +{data.description} | +
| Metode Pembayaran | +: | +{data.payment_channel} | +
| Bank Akun | +: | ++ {data.account.name} ({data.account.bank_name}) + | +
| Jumlah | +: | +{data.amount} | +
| Status | +: | +{data.status_text} | +
+ 
+
+ )}
+ {+data.is_valid !== 0 && (
+ <>
+
+
+ Status
+
+
+
+
+
+
+ )}
+
+
+
+
+
+
+
+
+
+ setSearch(e.target.value)}
+ value={search}
+ />
+
+
+
+
+
+
+
+
+ | + Customer + | ++ Deposit + | ++ Deskripsi + | ++ Status + | ++ |
|---|---|---|---|---|
| + {deposit.customer.name} + | ++ {deposit.amount} + | ++ {deposit.description} + | ++ {deposit.status.text} + | +
+
+
+
+ Lihat
+
+ |
+
+
+
- Rp {formatIDR(deposit.amount)}
+ {deposit.amount}
{deposit.format_created_at}
diff --git a/resources/js/Pages/Home/Deposit/Index.jsx b/resources/js/Pages/Home/Deposit/Index.jsx
index dd0e735..e816873 100644
--- a/resources/js/Pages/Home/Deposit/Index.jsx
+++ b/resources/js/Pages/Home/Deposit/Index.jsx
@@ -76,7 +76,7 @@ export default function Index({
- {formatIDR(history.amount)}
+ {history.amount}
{+history.is_valid !== 0 && (
+
{voucher.location.name}
diff --git a/routes/admin.php b/routes/admin.php
index 892dea7..3a8fc61 100644
--- a/routes/admin.php
+++ b/routes/admin.php
@@ -5,6 +5,7 @@ use App\Http\Controllers\Auth\AuthenticatedSessionController;
use App\Http\Controllers\BannerController;
use App\Http\Controllers\CustomerController;
use App\Http\Controllers\CustomerLevelController;
+use App\Http\Controllers\DepositController;
use App\Http\Controllers\GeneralController;
use App\Http\Controllers\InfoController;
use App\Http\Controllers\LocationController;
@@ -103,5 +104,9 @@ Route::middleware(['http_secure_aware', 'inertia.admin'])
// setting
Route::get('/settings', [SettingController::class, 'index'])->name('setting.index');
Route::post('/settings', [SettingController::class, 'update'])->name('setting.update');
+
+ // deposit
+ Route::get('/deposites', [DepositController::class, 'index'])->name('deposit.index');
+ Route::post('/deposites/{deposit}', [DepositController::class, 'update'])->name('deposit.update');
});
});