@ -3534,6 +3534,206 @@ function Category(props) {
/***/ } ) ,
/***/ "./resources/js/Pages/ModalClosing.js" :
/ * ! * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ! * \
! * * * . / resources / js / Pages / ModalClosing . 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 */ ModalClosing )
/* harmony export */ } ) ;
/* harmony import */ var react _ _WEBPACK _IMPORTED _MODULE _0 _ _ = _ _webpack _require _ _ ( /*! react */ "./node_modules/react/index.js" ) ;
/* harmony import */ var react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ = _ _webpack _require _ _ ( /*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js" ) ;
function ModalClosing ( ) {
return /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ . jsx ) ( "div" , {
id : "my-modal" ,
className : "modal" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ . jsxs ) ( "div" , {
className : "modal-box" ,
children : [ /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ . jsx ) ( "h1" , {
className : "font-bold text-2xl pb-8" ,
children : "Form Closing"
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ . jsx ) ( "div" , {
className : "form-control py-4 px-6" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ . jsxs ) ( "label" , {
className : "cursor-pointer label" ,
children : [ /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ . jsx ) ( "span" , {
className : "label-text" ,
children : "Roll forward Budget per Category"
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ . jsx ) ( "input" , {
type : "checkbox" ,
checked : "checked" ,
className : "checkbox" ,
value : "" ,
onChange : function onChange ( ) { }
} ) ]
} )
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ . jsxs ) ( "div" , {
className : "modal-action" ,
children : [ /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ . jsx ) ( "a" , {
href : "#" ,
className : "btn btn-primary" ,
children : "Download"
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _1 _ _ . jsx ) ( "a" , {
href : "#" ,
className : "btn" ,
children : "Close"
} ) ]
} ) ]
} )
} ) ;
}
/***/ } ) ,
/***/ "./resources/js/Pages/Summary.js" :
/ * ! * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ! * \
! * * * . / resources / js / Pages / Summary . 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 */ Summary )
/* 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 _inertiajs _inertia _react _ _WEBPACK _IMPORTED _MODULE _3 _ _ = _ _webpack _require _ _ ( /*! @inertiajs/inertia-react */ "./node_modules/@inertiajs/inertia-react/dist/index.js" ) ;
/* harmony import */ var _utils _ _WEBPACK _IMPORTED _MODULE _4 _ _ = _ _webpack _require _ _ ( /*! @/utils */ "./resources/js/utils.js" ) ;
/* harmony import */ var _ModalClosing _ _WEBPACK _IMPORTED _MODULE _5 _ _ = _ _webpack _require _ _ ( /*! ./ModalClosing */ "./resources/js/Pages/ModalClosing.js" ) ;
/* harmony import */ var react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ = _ _webpack _require _ _ ( /*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js" ) ;
function Summary ( props ) {
var _props$budgets = props . budgets ,
budgets = _props$budgets . data ,
links = _props$budgets . links ;
return /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsxs ) ( _Layouts _Authenticated _ _WEBPACK _IMPORTED _MODULE _2 _ _ [ "default" ] , {
errors : props . errors ,
header : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "h2" , {
className : "font-semibold text-xl text-gray-800 leading-tight" ,
children : "Summary"
} ) ,
children : [ /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( _inertiajs _inertia _react _ _WEBPACK _IMPORTED _MODULE _3 _ _ . Head , {
title : "Summary"
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsxs ) ( "div" , {
className : "flex flex-col space-x-0 space-y-2 md:space-y-0 md:space-x-4 md:flex-row pt-6 px-6" ,
children : [ /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "card bg-white w-full md:w-1/4" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "card-body" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsxs ) ( "h1" , {
className : "font-bold text-xl" ,
children : [ "Total Income : " , ( 0 , _utils _ _WEBPACK _IMPORTED _MODULE _4 _ _ . formatIDR ) ( props . income ) ]
} )
} )
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "card bg-white w-full md:w-1/4" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "card-body" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsxs ) ( "h1" , {
className : "font-bold text-xl" ,
children : [ "Total Expense : " , ( 0 , _utils _ _WEBPACK _IMPORTED _MODULE _4 _ _ . formatIDR ) ( props . expense ) ]
} )
} )
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "card bg-white w-full md:w-1/4" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "card-body" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsxs ) ( "h1" , {
className : "font-bold text-xl" ,
children : [ "Balance : " , ( 0 , _utils _ _WEBPACK _IMPORTED _MODULE _4 _ _ . formatIDR ) ( props . balance ) ]
} )
} )
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "card bg-white w-full md:w-1/4" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "card-body" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "a" , {
href : "#my-modal" ,
className : "btn btn-primary" ,
children : "Form Closing"
} )
} )
} ) ]
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "flex flex-col space-y-2 md:space-y-0 md:flex-row py-6" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "w-full px-6 md:pr-8" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "card bg-white" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsxs ) ( "div" , {
className : "card-body" ,
children : [ /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "div" , {
className : "overflow-x-auto" ,
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsxs ) ( "table" , {
className : "table w-full table-zebra" ,
children : [ /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "thead" , {
children : /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsxs ) ( "tr" , {
children : [ /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "th" , { } ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "th" , {
children : "Category"
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "th" , {
children : "Description"
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "th" , {
children : "Budget"
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "th" , {
children : "Previous Budget"
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "th" , {
children : "Total Expense/month"
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "th" , {
children : "Remain per Category"
} ) ]
} )
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "tbody" , {
children : budgets === null || budgets === void 0 ? void 0 : budgets . map ( function ( budget ) {
var _budget$category , _budget$category2 ;
return /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsxs ) ( "tr" , {
children : [ /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "th" , {
children : budget . id
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "td" , {
children : budget === null || budget === void 0 ? void 0 : ( _budget$category = budget . category ) === null || _budget$category === void 0 ? void 0 : _budget$category . name
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "td" , {
children : budget === null || budget === void 0 ? void 0 : ( _budget$category2 = budget . category ) === null || _budget$category2 === void 0 ? void 0 : _budget$category2 . description
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "td" , {
children : ( 0 , _utils _ _WEBPACK _IMPORTED _MODULE _4 _ _ . formatIDR ) ( budget . budget )
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "td" , {
children : ( 0 , _utils _ _WEBPACK _IMPORTED _MODULE _4 _ _ . formatIDR ) ( budget . rollover )
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "td" , {
children : ( 0 , _utils _ _WEBPACK _IMPORTED _MODULE _4 _ _ . formatIDR ) ( budget . total _used )
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( "td" , {
children : ( 0 , _utils _ _WEBPACK _IMPORTED _MODULE _4 _ _ . formatIDR ) ( budget . remain )
} ) ]
} , budget . id ) ;
} )
} ) ]
} )
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( _Components _Pagination _ _WEBPACK _IMPORTED _MODULE _1 _ _ [ "default" ] , {
links : links
} ) ]
} )
} )
} )
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _6 _ _ . jsx ) ( _ModalClosing _ _WEBPACK _IMPORTED _MODULE _5 _ _ [ "default" ] , { } ) ]
} ) ;
}
/***/ } ) ,
/***/ "./resources/js/Pages/Transaction.js" :
/ * ! * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ! * \
! * * * . / resources / js / Pages / Transaction . js * * * !
@ -3554,6 +3754,12 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var moment _ _WEBPACK _IMPORTED _MODULE _5 _ _ _default = /*#__PURE__*/ _ _webpack _require _ _ . n ( moment _ _WEBPACK _IMPORTED _MODULE _5 _ _ ) ;
/* 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" ) ;
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 ; }
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 ( ) ; }
function _nonIterableRest ( ) { throw new TypeError ( "Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method." ) ; }
@ -3607,11 +3813,20 @@ function Transaction(props) {
} ;
var toggleIncome = function toggleIncome ( ) {
setData ( 'is_income' , data . is _income === 0 ? 1 : 0 ) ;
setData ( _objectSpread ( _objectSpread ( { } , data ) , { } , {
category _id : '' ,
is _income : data . is _income === 0 ? 1 : 0
} ) ) ;
} ;
var handleSelectedcategory = function handleSelectedcategory ( e ) {
setData ( 'category_id' , e . target . value ) ;
var category = categories . find ( function ( cat ) {
return + cat . id === + e . target . value ;
} ) ;
setData ( _objectSpread ( _objectSpread ( { } , data ) , { } , {
description : category . description ,
category _id : e . target . value
} ) ) ;
} ;
var handleChange = function handleChange ( e ) {
@ -3718,7 +3933,8 @@ function Transaction(props) {
children : [ /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _7 _ _ . jsx ) ( "input" , {
type : "checkbox" ,
checked : data . is _income === 1 ? true : false ,
onChange : toggleIncome
onChange : toggleIncome ,
className : "checkbox checkbox-primary"
} ) , /*#__PURE__*/ ( 0 , react _jsx _runtime _ _WEBPACK _IMPORTED _MODULE _7 _ _ . jsx ) ( "span" , {
className : "label-text font-bold" ,
children : "Income"
@ -3964,7 +4180,7 @@ var appName = ((_window$document$getE = window.document.getElementsByTagName('ti
}
} ) ;
_inertiajs _progress _ _WEBPACK _IMPORTED _MODULE _3 _ _ . InertiaProgress . init ( {
color : '# 4B5563 '
color : '# 570df8 '
} ) ;
/***/ } ) ,
@ -80603,6 +80819,10 @@ var map = {
"./Auth/VerifyEmail.js" : "./resources/js/Pages/Auth/VerifyEmail.js" ,
"./Category" : "./resources/js/Pages/Category.js" ,
"./Category.js" : "./resources/js/Pages/Category.js" ,
"./ModalClosing" : "./resources/js/Pages/ModalClosing.js" ,
"./ModalClosing.js" : "./resources/js/Pages/ModalClosing.js" ,
"./Summary" : "./resources/js/Pages/Summary.js" ,
"./Summary.js" : "./resources/js/Pages/Summary.js" ,
"./Transaction" : "./resources/js/Pages/Transaction.js" ,
"./Transaction.js" : "./resources/js/Pages/Transaction.js"
} ;
