|
|
|
@ -2871,8 +2871,8 @@ function Authenticated(_ref) {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", {
|
|
|
|
|
className: "pt-2 pb-3 space-y-1",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Components_ResponsiveNavLink__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
|
|
|
href: route('transactions'),
|
|
|
|
|
active: route().current('transactions'),
|
|
|
|
|
href: route('categories'),
|
|
|
|
|
active: route().current('categories'),
|
|
|
|
|
children: "Category"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Components_ResponsiveNavLink__WEBPACK_IMPORTED_MODULE_3__["default"], {
|
|
|
|
|
href: route('transactions'),
|
|
|
|
@ -3584,13 +3584,15 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
|
|
/* harmony export */ "default": () => (/* binding */ Category)
|
|
|
|
|
/* harmony export */ });
|
|
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
|
|
|
|
/* harmony import */ var _Components_Pagination__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/Pagination */ "./resources/js/Components/Pagination.js");
|
|
|
|
|
/* harmony import */ var _Layouts_Authenticated__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Layouts/Authenticated */ "./resources/js/Layouts/Authenticated.js");
|
|
|
|
|
/* harmony import */ var react_toastify__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-toastify */ "./node_modules/react-toastify/dist/react-toastify.esm.js");
|
|
|
|
|
/* harmony import */ var _inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @inertiajs/inertia-react */ "./node_modules/@inertiajs/inertia-react/dist/index.js");
|
|
|
|
|
/* harmony import */ var react_number_format__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-number-format */ "./node_modules/react-number-format/dist/react-number-format.es.js");
|
|
|
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/utils */ "./resources/js/utils.js");
|
|
|
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
|
|
|
/* harmony import */ var react_number_format__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-number-format */ "./node_modules/react-number-format/dist/react-number-format.es.js");
|
|
|
|
|
/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react-use */ "./node_modules/react-use/esm/usePrevious.js");
|
|
|
|
|
/* harmony import */ var react_toastify__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-toastify */ "./node_modules/react-toastify/dist/react-toastify.esm.js");
|
|
|
|
|
/* harmony import */ var _inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @inertiajs/inertia-react */ "./node_modules/@inertiajs/inertia-react/dist/index.js");
|
|
|
|
|
/* harmony import */ var _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @inertiajs/inertia */ "./node_modules/@inertiajs/inertia/dist/index.js");
|
|
|
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @/utils */ "./resources/js/utils.js");
|
|
|
|
|
/* harmony import */ var _Components_Pagination__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/Components/Pagination */ "./resources/js/Components/Pagination.js");
|
|
|
|
|
/* harmony import */ var _Layouts_Authenticated__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/Layouts/Authenticated */ "./resources/js/Layouts/Authenticated.js");
|
|
|
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
|
|
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
|
|
|
|
|
|
|
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
|
|
@ -3614,19 +3616,28 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function Category(props) {
|
|
|
|
|
var _jsx2;
|
|
|
|
|
|
|
|
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
|
|
|
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
|
|
|
|
|
_useState2 = _slicedToArray(_useState, 2),
|
|
|
|
|
category = _useState2[0],
|
|
|
|
|
setCategory = _useState2[1];
|
|
|
|
|
search = _useState2[0],
|
|
|
|
|
setSearch = _useState2[1];
|
|
|
|
|
|
|
|
|
|
var preValue = (0,react_use__WEBPACK_IMPORTED_MODULE_9__["default"])(search);
|
|
|
|
|
|
|
|
|
|
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
|
|
|
|
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
|
|
|
category = _useState4[0],
|
|
|
|
|
setCategory = _useState4[1];
|
|
|
|
|
|
|
|
|
|
var _props$categories = props.categories,
|
|
|
|
|
categories = _props$categories.data,
|
|
|
|
|
links = _props$categories.links;
|
|
|
|
|
|
|
|
|
|
var _useForm = (0,_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_4__.useForm)({
|
|
|
|
|
var _useForm = (0,_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_3__.useForm)({
|
|
|
|
|
name: '',
|
|
|
|
|
description: '',
|
|
|
|
|
amount: 0
|
|
|
|
@ -3669,7 +3680,7 @@ function Category(props) {
|
|
|
|
|
return confirm('Are you sure you want to delete this record?');
|
|
|
|
|
},
|
|
|
|
|
onSuccess: function onSuccess() {
|
|
|
|
|
return Promise.all([handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast.success('data has been deleted')]);
|
|
|
|
|
return Promise.all([handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_2__.toast.success('data has been deleted')]);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
@ -3680,7 +3691,7 @@ function Category(props) {
|
|
|
|
|
if (category !== null) {
|
|
|
|
|
put(route('categories.update', category), {
|
|
|
|
|
onSuccess: function onSuccess() {
|
|
|
|
|
return Promise.all([handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast.success('The Data has been changed')]);
|
|
|
|
|
return Promise.all([handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_2__.toast.success('The Data has been changed')]);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
return;
|
|
|
|
@ -3688,101 +3699,111 @@ function Category(props) {
|
|
|
|
|
|
|
|
|
|
post(route('categories.store'), {
|
|
|
|
|
onSuccess: function onSuccess() {
|
|
|
|
|
return Promise.all([handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_3__.toast.success('Data has been saved')]);
|
|
|
|
|
return Promise.all([handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_2__.toast.success('Data has been saved')]);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_Layouts_Authenticated__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
|
|
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
|
|
|
if (preValue) {
|
|
|
|
|
_inertiajs_inertia__WEBPACK_IMPORTED_MODULE_4__.Inertia.get(route(route().current()), {
|
|
|
|
|
q: search
|
|
|
|
|
}, {
|
|
|
|
|
replace: true,
|
|
|
|
|
preserveState: true
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}, [search]);
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(_Layouts_Authenticated__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
|
|
|
|
errors: props.errors,
|
|
|
|
|
header: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("h2", {
|
|
|
|
|
header: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("h2", {
|
|
|
|
|
className: "font-semibold text-xl text-gray-800 leading-tight",
|
|
|
|
|
children: "Category"
|
|
|
|
|
}),
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_4__.Head, {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_3__.Head, {
|
|
|
|
|
title: "Category"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
|
|
|
|
|
className: "flex flex-col space-y-2 md:space-y-0 md:flex-row py-12",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
|
|
|
|
|
className: "w-full md:w-1/3 px-6 md:pl-8",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
|
|
|
|
|
className: "card bg-white",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
|
|
|
|
|
className: "card-body",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
|
|
|
|
|
className: "form-control",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("span", {
|
|
|
|
|
className: "label-text",
|
|
|
|
|
children: "Category Name"
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("input", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("input", {
|
|
|
|
|
type: "text",
|
|
|
|
|
placeholder: "Name",
|
|
|
|
|
className: "input input-bordered ".concat(errors.name ? 'input-error' : ''),
|
|
|
|
|
id: "name",
|
|
|
|
|
value: data.name,
|
|
|
|
|
onChange: handleChange
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("span", {
|
|
|
|
|
className: "label-text-alt",
|
|
|
|
|
children: errors.name
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
|
|
|
|
|
className: "form-control",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("span", {
|
|
|
|
|
className: "label-text",
|
|
|
|
|
children: "Description"
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("input", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("input", {
|
|
|
|
|
type: "text",
|
|
|
|
|
placeholder: "Description",
|
|
|
|
|
className: "input input-bordered ".concat(errors.description ? 'input-error' : ''),
|
|
|
|
|
id: "description",
|
|
|
|
|
value: data.description,
|
|
|
|
|
onChange: handleChange
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("span", {
|
|
|
|
|
className: "label-text-alt",
|
|
|
|
|
children: errors.description
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
|
|
|
|
|
className: "form-control",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("span", {
|
|
|
|
|
className: "label-text",
|
|
|
|
|
children: "Amount"
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(react_number_format__WEBPACK_IMPORTED_MODULE_5__["default"], (_jsx2 = {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(react_number_format__WEBPACK_IMPORTED_MODULE_1__["default"], (_jsx2 = {
|
|
|
|
|
thousandSeparator: true,
|
|
|
|
|
className: "input input-bordered ".concat(errors.amount ? 'input-error' : ''),
|
|
|
|
|
value: data.amount
|
|
|
|
|
}, _defineProperty(_jsx2, "thousandSeparator", "."), _defineProperty(_jsx2, "decimalSeparator", ","), _defineProperty(_jsx2, "onValueChange", function onValueChange(_ref) {
|
|
|
|
|
var value = _ref.value;
|
|
|
|
|
return setData('amount', value);
|
|
|
|
|
}), _jsx2)), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("label", {
|
|
|
|
|
}), _jsx2)), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("span", {
|
|
|
|
|
className: "label-text-alt",
|
|
|
|
|
children: errors.amount
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
|
|
|
|
|
className: "card-actions",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("button", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("button", {
|
|
|
|
|
className: "btn btn-primary ".concat(processing && 'animate-spin'),
|
|
|
|
|
onClick: handleSubmit,
|
|
|
|
|
disabled: processing,
|
|
|
|
|
children: "Add"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("button", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("button", {
|
|
|
|
|
className: "btn btn-secondary",
|
|
|
|
|
onClick: handleReset,
|
|
|
|
|
disabled: processing,
|
|
|
|
@ -3791,49 +3812,63 @@ function Category(props) {
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
|
|
|
|
|
className: "w-full md:w-2/3 px-6 md:pr-8",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
|
|
|
|
|
className: "card bg-white",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("div", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("div", {
|
|
|
|
|
className: "card-body",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
|
|
|
|
|
className: "flex justify-end my-1",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
|
|
|
|
|
className: "form-control",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("input", {
|
|
|
|
|
type: "text",
|
|
|
|
|
className: "input input-bordered",
|
|
|
|
|
value: search,
|
|
|
|
|
onChange: function onChange(e) {
|
|
|
|
|
return setSearch(e.target.value);
|
|
|
|
|
},
|
|
|
|
|
placeholder: "Search"
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
|
|
|
|
|
className: "overflow-x-auto",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("table", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("table", {
|
|
|
|
|
className: "table w-full table-zebra",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("thead", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("tr", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("th", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("th", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("thead", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("tr", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("th", {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("th", {
|
|
|
|
|
className: "w-36",
|
|
|
|
|
children: "Category Name"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("th", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("th", {
|
|
|
|
|
children: "Description"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("th", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("th", {
|
|
|
|
|
children: "Amount"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("th", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("th", {
|
|
|
|
|
className: "w-52"
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("tbody", {
|
|
|
|
|
className: processing ? "opacity-70" : "",
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("tbody", {
|
|
|
|
|
className: processing ? 'opacity-70' : '',
|
|
|
|
|
children: categories === null || categories === void 0 ? void 0 : categories.map(function (category) {
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("tr", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("th", {
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("tr", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("th", {
|
|
|
|
|
children: category.id
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("td", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("td", {
|
|
|
|
|
children: category.name
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("td", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("td", {
|
|
|
|
|
children: category.description
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("td", {
|
|
|
|
|
children: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.formatIDR)(category.default_budget)
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)("td", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("td", {
|
|
|
|
|
children: (0,_utils__WEBPACK_IMPORTED_MODULE_5__.formatIDR)(category.default_budget)
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)("td", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
|
|
|
|
|
className: "btn btn-warning mx-1",
|
|
|
|
|
onClick: function onClick() {
|
|
|
|
|
return handleEdit(category);
|
|
|
|
|
},
|
|
|
|
|
children: "Edit"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)("div", {
|
|
|
|
|
className: "btn btn-error mx-1",
|
|
|
|
|
onClick: function onClick() {
|
|
|
|
|
return handleDelete(category);
|
|
|
|
@ -3845,7 +3880,7 @@ function Category(props) {
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_Components_Pagination__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Components_Pagination__WEBPACK_IMPORTED_MODULE_6__["default"], {
|
|
|
|
|
links: links
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
@ -4130,16 +4165,18 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
|
|
/* harmony export */ "default": () => (/* binding */ Transaction)
|
|
|
|
|
/* harmony export */ });
|
|
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
|
|
|
|
/* harmony import */ var _Components_Pagination__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/Components/Pagination */ "./resources/js/Components/Pagination.js");
|
|
|
|
|
/* harmony import */ var _Layouts_Authenticated__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/Layouts/Authenticated */ "./resources/js/Layouts/Authenticated.js");
|
|
|
|
|
/* harmony import */ var react_number_format__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-number-format */ "./node_modules/react-number-format/dist/react-number-format.es.js");
|
|
|
|
|
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
|
|
|
|
|
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_2__);
|
|
|
|
|
/* harmony import */ var _inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @inertiajs/inertia-react */ "./node_modules/@inertiajs/inertia-react/dist/index.js");
|
|
|
|
|
/* harmony import */ var react_toastify__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-toastify */ "./node_modules/react-toastify/dist/react-toastify.esm.js");
|
|
|
|
|
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! moment */ "./node_modules/moment/moment.js");
|
|
|
|
|
/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_5__);
|
|
|
|
|
/* harmony import */ var react_number_format__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-number-format */ "./node_modules/react-number-format/dist/react-number-format.es.js");
|
|
|
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/utils */ "./resources/js/utils.js");
|
|
|
|
|
/* harmony import */ var _Components_CategorySelectInput__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/Components/CategorySelectInput */ "./resources/js/Components/CategorySelectInput.js");
|
|
|
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
|
|
|
/* harmony import */ var _inertiajs_inertia__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @inertiajs/inertia */ "./node_modules/@inertiajs/inertia/dist/index.js");
|
|
|
|
|
/* harmony import */ var react_toastify__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-toastify */ "./node_modules/react-toastify/dist/react-toastify.esm.js");
|
|
|
|
|
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @/utils */ "./resources/js/utils.js");
|
|
|
|
|
/* harmony import */ var react_use__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! react-use */ "./node_modules/react-use/esm/usePrevious.js");
|
|
|
|
|
/* harmony import */ var _Components_Pagination__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @/Components/Pagination */ "./resources/js/Components/Pagination.js");
|
|
|
|
|
/* harmony import */ var _Layouts_Authenticated__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @/Layouts/Authenticated */ "./resources/js/Layouts/Authenticated.js");
|
|
|
|
|
/* harmony import */ var _Components_CategorySelectInput__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @/Components/CategorySelectInput */ "./resources/js/Components/CategorySelectInput.js");
|
|
|
|
|
/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
|
|
|
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
|
|
|
|
|
|
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
|
|
@ -4169,27 +4206,53 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function Transaction(props) {
|
|
|
|
|
var _transactions$data, _jsx2;
|
|
|
|
|
|
|
|
|
|
var transactions = props.transactions;
|
|
|
|
|
var transactions = props.transactions,
|
|
|
|
|
_search = props._search,
|
|
|
|
|
_startDate = props._startDate,
|
|
|
|
|
_endDate = props._endDate;
|
|
|
|
|
|
|
|
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
|
|
|
|
|
var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_startDate ? _startDate : moment__WEBPACK_IMPORTED_MODULE_2___default()().startOf('month').format('YYYY-MM-DD')),
|
|
|
|
|
_useState2 = _slicedToArray(_useState, 2),
|
|
|
|
|
transaction = _useState2[0],
|
|
|
|
|
setTransaction = _useState2[1];
|
|
|
|
|
startDate = _useState2[0],
|
|
|
|
|
setStartDate = _useState2[1];
|
|
|
|
|
|
|
|
|
|
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
|
|
|
|
|
var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_endDate ? _endDate : moment__WEBPACK_IMPORTED_MODULE_2___default()().endOf('month').format('YYYY-MM-DD')),
|
|
|
|
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
|
|
|
showForm = _useState4[0],
|
|
|
|
|
setShowForm = _useState4[1];
|
|
|
|
|
endDate = _useState4[0],
|
|
|
|
|
setEndDate = _useState4[1];
|
|
|
|
|
|
|
|
|
|
var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(_search ? _search : ''),
|
|
|
|
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
|
|
|
search = _useState6[0],
|
|
|
|
|
setSearch = _useState6[1];
|
|
|
|
|
|
|
|
|
|
var prevValues = (0,react_use__WEBPACK_IMPORTED_MODULE_11__["default"])({
|
|
|
|
|
search: search,
|
|
|
|
|
startDate: startDate,
|
|
|
|
|
endDate: endDate
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
var _useState7 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
|
|
|
|
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
|
|
|
transaction = _useState8[0],
|
|
|
|
|
setTransaction = _useState8[1];
|
|
|
|
|
|
|
|
|
|
var _useState9 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
|
|
|
|
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
|
|
|
showForm = _useState10[0],
|
|
|
|
|
setShowForm = _useState10[1];
|
|
|
|
|
|
|
|
|
|
var _useForm = (0,_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_3__.useForm)({
|
|
|
|
|
category_name: '',
|
|
|
|
|
category_id: '',
|
|
|
|
|
description: '',
|
|
|
|
|
amount: 0,
|
|
|
|
|
date: moment__WEBPACK_IMPORTED_MODULE_5___default()().format('yyyy-MM-DD'),
|
|
|
|
|
date: moment__WEBPACK_IMPORTED_MODULE_2___default()().format('yyyy-MM-DD'),
|
|
|
|
|
is_income: 0,
|
|
|
|
|
income_type: 0
|
|
|
|
|
}),
|
|
|
|
@ -4241,11 +4304,14 @@ function Transaction(props) {
|
|
|
|
|
|
|
|
|
|
var handleReset = function handleReset() {
|
|
|
|
|
setTransaction(null);
|
|
|
|
|
setSearch('');
|
|
|
|
|
setStartDate(moment__WEBPACK_IMPORTED_MODULE_2___default()().startOf('month').format('YYYY-MM-DD'));
|
|
|
|
|
setEndDate(moment__WEBPACK_IMPORTED_MODULE_2___default()().endOf('month').format('YYYY-MM-DD'));
|
|
|
|
|
setData({
|
|
|
|
|
category_id: '',
|
|
|
|
|
description: '',
|
|
|
|
|
amount: 0,
|
|
|
|
|
date: moment__WEBPACK_IMPORTED_MODULE_5___default()().format('yyyy-MM-DD'),
|
|
|
|
|
date: moment__WEBPACK_IMPORTED_MODULE_2___default()().format('yyyy-MM-DD'),
|
|
|
|
|
is_income: 0,
|
|
|
|
|
income_type: 0
|
|
|
|
|
});
|
|
|
|
@ -4257,7 +4323,7 @@ function Transaction(props) {
|
|
|
|
|
return confirm('Are you sure you want to delete this record?');
|
|
|
|
|
},
|
|
|
|
|
onSuccess: function onSuccess() {
|
|
|
|
|
return Promise.all([handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast.success('data has been deleted')]);
|
|
|
|
|
return Promise.all([handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_5__.toast.success('data has been deleted')]);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
@ -4271,7 +4337,7 @@ function Transaction(props) {
|
|
|
|
|
category_id: transaction.category_id === null ? '' : transaction.category_id,
|
|
|
|
|
description: transaction.description,
|
|
|
|
|
amount: transaction.amount,
|
|
|
|
|
date: moment__WEBPACK_IMPORTED_MODULE_5___default()(transaction.date).format('yyyy-MM-DD'),
|
|
|
|
|
date: moment__WEBPACK_IMPORTED_MODULE_2___default()(transaction.date).format('yyyy-MM-DD'),
|
|
|
|
|
is_income: +transaction.is_income,
|
|
|
|
|
income_type: +transaction.income_type
|
|
|
|
|
});
|
|
|
|
@ -4283,7 +4349,7 @@ function Transaction(props) {
|
|
|
|
|
if (transaction !== null) {
|
|
|
|
|
put(route('transactions.update', transaction), {
|
|
|
|
|
onSuccess: function onSuccess() {
|
|
|
|
|
return Promise.all([toggleForm(), handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast.success('The Data has been changed')]);
|
|
|
|
|
return Promise.all([toggleForm(), handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_5__.toast.success('The Data has been changed')]);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
return;
|
|
|
|
@ -4291,94 +4357,140 @@ function Transaction(props) {
|
|
|
|
|
|
|
|
|
|
post(route('transactions.store'), {
|
|
|
|
|
onSuccess: function onSuccess() {
|
|
|
|
|
return Promise.all([toggleForm(), handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast.success('Data has been saved')]);
|
|
|
|
|
return Promise.all([toggleForm(), handleReset(), react_toastify__WEBPACK_IMPORTED_MODULE_5__.toast.success('Data has been saved')]);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_Layouts_Authenticated__WEBPACK_IMPORTED_MODULE_2__["default"], {
|
|
|
|
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
|
|
|
if (prevValues) {
|
|
|
|
|
_inertiajs_inertia__WEBPACK_IMPORTED_MODULE_4__.Inertia.get(route(route().current()), {
|
|
|
|
|
q: search,
|
|
|
|
|
startDate: startDate,
|
|
|
|
|
endDate: endDate
|
|
|
|
|
}, {
|
|
|
|
|
replace: true,
|
|
|
|
|
preserveState: true
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}, [search, startDate, endDate]);
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)(_Layouts_Authenticated__WEBPACK_IMPORTED_MODULE_8__["default"], {
|
|
|
|
|
errors: props.errors,
|
|
|
|
|
header: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("h2", {
|
|
|
|
|
header: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("h2", {
|
|
|
|
|
className: "font-semibold text-xl text-gray-800 leading-tight",
|
|
|
|
|
children: "Transaction"
|
|
|
|
|
}),
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_3__.Head, {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_inertiajs_inertia_react__WEBPACK_IMPORTED_MODULE_3__.Head, {
|
|
|
|
|
title: "Transaction"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "flex flex-col space-y-2 py-12",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "w-full px-6 md:pr-8",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "card bg-white",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
|
|
|
|
|
className: "card-body",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "btn btn-secondary max-w-min my-2",
|
|
|
|
|
onClick: function onClick() {
|
|
|
|
|
return toggleForm();
|
|
|
|
|
},
|
|
|
|
|
children: "Add"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
|
|
|
|
|
className: "w-full flex flex-col md:flex-row justify-between my-2 space-x-0 md:space-x-2 space-y-2 md:space-y-0",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "form-control w-full",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("input", {
|
|
|
|
|
type: "date",
|
|
|
|
|
className: "input input-bordered",
|
|
|
|
|
value: startDate,
|
|
|
|
|
onChange: function onChange(e) {
|
|
|
|
|
return setStartDate(e.target.value);
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "form-control w-full",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("input", {
|
|
|
|
|
type: "date",
|
|
|
|
|
className: "input input-bordered",
|
|
|
|
|
value: endDate,
|
|
|
|
|
onChange: function onChange(e) {
|
|
|
|
|
return setEndDate(e.target.value);
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "form-control w-full",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("input", {
|
|
|
|
|
type: "text",
|
|
|
|
|
className: "input input-bordered",
|
|
|
|
|
value: search,
|
|
|
|
|
onChange: function onChange(e) {
|
|
|
|
|
return setSearch(e.target.value);
|
|
|
|
|
},
|
|
|
|
|
placeholder: "Search"
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "overflow-x-auto",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("table", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("table", {
|
|
|
|
|
className: "table w-full table-zebra",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("thead", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("tr", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("th", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("thead", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("tr", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("th", {
|
|
|
|
|
children: "Date"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("th", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("th", {
|
|
|
|
|
children: "Type"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("th", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("th", {
|
|
|
|
|
children: "Category Name"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("th", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("th", {
|
|
|
|
|
className: "w-32",
|
|
|
|
|
children: "Cash In/Out"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("th", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("th", {
|
|
|
|
|
children: "Description"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("th", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("th", {
|
|
|
|
|
children: "Amount"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("th", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("th", {
|
|
|
|
|
className: "w-52"
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("tbody", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("tbody", {
|
|
|
|
|
className: processing ? 'opacity-70' : '',
|
|
|
|
|
children: transactions === null || transactions === void 0 ? void 0 : (_transactions$data = transactions.data) === null || _transactions$data === void 0 ? void 0 : _transactions$data.map(function (transaction) {
|
|
|
|
|
var _transaction$category2;
|
|
|
|
|
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("tr", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("td", {
|
|
|
|
|
children: moment__WEBPACK_IMPORTED_MODULE_5___default()(transaction.date).format('DD/MM/yyyy')
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("td", {
|
|
|
|
|
children: +transaction.is_income === 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("tr", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("td", {
|
|
|
|
|
children: moment__WEBPACK_IMPORTED_MODULE_2___default()(transaction.date).format('DD/MM/yyyy')
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("td", {
|
|
|
|
|
children: +transaction.is_income === 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "badge badge-secondary",
|
|
|
|
|
children: "Expense"
|
|
|
|
|
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "badge badge-primary",
|
|
|
|
|
children: "Income"
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("td", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("td", {
|
|
|
|
|
children: transaction === null || transaction === void 0 ? void 0 : (_transaction$category2 = transaction.category) === null || _transaction$category2 === void 0 ? void 0 : _transaction$category2.name
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("td", {
|
|
|
|
|
children: +transaction.income_type === 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("td", {
|
|
|
|
|
children: +transaction.income_type === 0 ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "badge badge-secondary",
|
|
|
|
|
children: "Cash Out"
|
|
|
|
|
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
}) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "badge badge-accent",
|
|
|
|
|
children: "Cash In"
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("td", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("td", {
|
|
|
|
|
children: transaction.description
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("td", {
|
|
|
|
|
children: (0,_utils__WEBPACK_IMPORTED_MODULE_7__.formatIDR)(transaction.amount)
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("td", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("td", {
|
|
|
|
|
children: (0,_utils__WEBPACK_IMPORTED_MODULE_6__.formatIDR)(transaction.amount)
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("td", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "btn btn-warning mx-1",
|
|
|
|
|
onClick: function onClick() {
|
|
|
|
|
return toggleForm(transaction);
|
|
|
|
|
},
|
|
|
|
|
children: "Edit"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "btn btn-error mx-1",
|
|
|
|
|
onClick: function onClick() {
|
|
|
|
|
return handleDelete(transaction);
|
|
|
|
@ -4390,13 +4502,13 @@ function Transaction(props) {
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Components_Pagination__WEBPACK_IMPORTED_MODULE_1__["default"], {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_Components_Pagination__WEBPACK_IMPORTED_MODULE_7__["default"], {
|
|
|
|
|
links: transactions === null || transactions === void 0 ? void 0 : transactions.links
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
id: "create-modal",
|
|
|
|
|
className: "modal",
|
|
|
|
|
style: showForm ? {
|
|
|
|
@ -4404,93 +4516,93 @@ function Transaction(props) {
|
|
|
|
|
pointerEvents: 'auto',
|
|
|
|
|
visibility: 'visible'
|
|
|
|
|
} : {},
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
|
|
|
|
|
className: "modal-box",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
|
|
|
|
|
className: "form-control",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("label", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span", {
|
|
|
|
|
className: "label-text",
|
|
|
|
|
children: "Date"
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("input", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("input", {
|
|
|
|
|
type: "date",
|
|
|
|
|
className: "input input-bordered ".concat(errors.date ? 'input-error' : ''),
|
|
|
|
|
id: "date",
|
|
|
|
|
value: data.date,
|
|
|
|
|
onChange: handleChange
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("label", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span", {
|
|
|
|
|
className: "label-text-alt",
|
|
|
|
|
children: errors.date
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "form-control",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("label", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("label", {
|
|
|
|
|
className: "cursor-pointer label",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("input", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("input", {
|
|
|
|
|
type: "checkbox",
|
|
|
|
|
checked: data.is_income === 1 ? true : false,
|
|
|
|
|
onChange: toggleIncome,
|
|
|
|
|
className: "checkbox checkbox-primary"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span", {
|
|
|
|
|
className: "label-text font-bold",
|
|
|
|
|
children: "Income"
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
|
|
|
|
|
className: "form-control",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("label", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span", {
|
|
|
|
|
className: "label-text",
|
|
|
|
|
children: "Category"
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Components_CategorySelectInput__WEBPACK_IMPORTED_MODULE_8__["default"], {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(_Components_CategorySelectInput__WEBPACK_IMPORTED_MODULE_9__["default"], {
|
|
|
|
|
value: data.category_name,
|
|
|
|
|
onItemSelected: handleSelectedcategory,
|
|
|
|
|
disabled: data.is_income === 1,
|
|
|
|
|
invalid: errors.category_id ? true : false
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("label", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span", {
|
|
|
|
|
className: "label-text-alt",
|
|
|
|
|
children: errors.category_id
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
|
|
|
|
|
className: "form-control",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("label", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span", {
|
|
|
|
|
className: "label-text",
|
|
|
|
|
children: "Description"
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("input", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("input", {
|
|
|
|
|
type: "text",
|
|
|
|
|
placeholder: "Description",
|
|
|
|
|
className: "input input-bordered ".concat(errors.description ? 'input-error' : ''),
|
|
|
|
|
id: "description",
|
|
|
|
|
value: data.description,
|
|
|
|
|
onChange: handleChange
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("label", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span", {
|
|
|
|
|
className: "label-text-alt",
|
|
|
|
|
children: errors.description
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("div", {
|
|
|
|
|
className: "form-control",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("label", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("label", {
|
|
|
|
|
className: "cursor-pointer label",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span", {
|
|
|
|
|
className: "label-text font-bold",
|
|
|
|
|
children: data.income_type === 0 ? 'Cash Out' : 'Cash In'
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("input", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("input", {
|
|
|
|
|
type: "checkbox",
|
|
|
|
|
checked: data.income_type === 0 ? true : false,
|
|
|
|
|
disabled: data.is_income === 1,
|
|
|
|
@ -4498,41 +4610,41 @@ function Transaction(props) {
|
|
|
|
|
onChange: toggleCashType
|
|
|
|
|
})]
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
|
|
|
|
|
className: "form-control",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("label", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span", {
|
|
|
|
|
className: "label-text",
|
|
|
|
|
children: "Amount"
|
|
|
|
|
})
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_number_format__WEBPACK_IMPORTED_MODULE_6__["default"], (_jsx2 = {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)(react_number_format__WEBPACK_IMPORTED_MODULE_1__["default"], (_jsx2 = {
|
|
|
|
|
thousandSeparator: true,
|
|
|
|
|
className: "input input-bordered ".concat(errors.amount ? 'input-error' : ''),
|
|
|
|
|
value: data.amount
|
|
|
|
|
}, _defineProperty(_jsx2, "thousandSeparator", "."), _defineProperty(_jsx2, "decimalSeparator", ","), _defineProperty(_jsx2, "onValueChange", function onValueChange(_ref) {
|
|
|
|
|
var value = _ref.value;
|
|
|
|
|
return setData('amount', value);
|
|
|
|
|
}), _jsx2)), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("label", {
|
|
|
|
|
}), _jsx2)), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("label", {
|
|
|
|
|
className: "label",
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span", {
|
|
|
|
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("span", {
|
|
|
|
|
className: "label-text-alt",
|
|
|
|
|
children: errors.amount
|
|
|
|
|
})
|
|
|
|
|
})]
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsxs)("div", {
|
|
|
|
|
className: "modal-action",
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("button", {
|
|
|
|
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("button", {
|
|
|
|
|
className: "btn btn-primary ".concat(processing && 'animate-spin'),
|
|
|
|
|
onClick: handleSubmit,
|
|
|
|
|
disabled: processing,
|
|
|
|
|
children: "Add"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("button", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("button", {
|
|
|
|
|
className: "btn btn-secondary",
|
|
|
|
|
onClick: handleReset,
|
|
|
|
|
disabled: processing,
|
|
|
|
|
children: "Clear"
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("button", {
|
|
|
|
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_10__.jsx)("button", {
|
|
|
|
|
className: "btn btn-outline btn-secondary",
|
|
|
|
|
onClick: function onClick() {
|
|
|
|
|
return toggleForm();
|
|
|
|
@ -77511,6 +77623,30 @@ eventManager.on(2
|
|
|
|
|
//# sourceMappingURL=react-toastify.esm.js.map
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ "./node_modules/react-use/esm/usePrevious.js":
|
|
|
|
|
/*!***************************************************!*\
|
|
|
|
|
!*** ./node_modules/react-use/esm/usePrevious.js ***!
|
|
|
|
|
\***************************************************/
|
|
|
|
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
|
|
|
|
|
|
|
|
"use strict";
|
|
|
|
|
__webpack_require__.r(__webpack_exports__);
|
|
|
|
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
|
|
|
/* harmony export */ "default": () => (/* binding */ usePrevious)
|
|
|
|
|
/* harmony export */ });
|
|
|
|
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
|
|
|
|
|
|
|
|
|
|
function usePrevious(state) {
|
|
|
|
|
var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
|
|
|
|
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
|
|
|
|
|
ref.current = state;
|
|
|
|
|
});
|
|
|
|
|
return ref.current;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***/ }),
|
|
|
|
|
|
|
|
|
|
/***/ "./node_modules/react/cjs/react-jsx-runtime.development.js":
|
|
|
|
|