diff --git a/public/js/app.js b/public/js/app.js index 82d7fba..39af476 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -18460,6 +18460,42 @@ __webpack_require__.r(__webpack_exports__); // // // +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// var formatter = new Intl.NumberFormat('en-US', { minimumFractionDigits: 2 }); @@ -18632,6 +18668,325 @@ __webpack_require__.r(__webpack_exports__); /***/ }), +/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/Chart/BilanganChart.vue?vue&type=script&lang=js&": +/*!**************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/Chart/BilanganChart.vue?vue&type=script&lang=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": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({ + data: function data() { + return { + series: [{ + name: 'Gadai', + // data: [44, 55, 57, 56, 61, 58, 63, 60, 66, 80, 68] + data: [{ + x: 'Jan', + y: 44, + goals: [{ + name: 'Expected', + value: 32, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Feb', + y: 55, + goals: [{ + name: 'Expected', + value: 56, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Mac', + y: 57, + goals: [{ + name: 'Expected', + value: 40, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Apr', + y: 56, + goals: [{ + name: 'Expected', + value: 77, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Mei', + y: 61, + goals: [{ + name: 'Expected', + value: 65, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Jun', + y: 58, + goals: [{ + name: 'Expected', + value: 60, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Jul', + y: 63, + goals: [{ + name: 'Expected', + value: 43, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Ogos', + y: 60, + goals: [{ + name: 'Expected', + value: 20, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Sept', + y: 66, + goals: [{ + name: 'Expected', + value: 60, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Okt', + y: 80, + goals: [{ + name: 'Expected', + value: 60, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Nov', + y: 86, + goals: [{ + name: 'Expected', + value: 60, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Dis', + y: 101, + goals: [{ + name: 'Expected', + value: 60, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }] + }, { + name: 'Tebus', + // data: [76, 85, 101, 98, 87, 105, 91, 114, 94, 67, 65] + data: [{ + x: 'Jan', + y: 76, + goals: [{ + name: 'Expected', + value: 80, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Feb', + y: 85, + goals: [{ + name: 'Expected', + value: 60, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Mac', + y: 101, + goals: [{ + name: 'Expected', + value: 50, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Apr', + y: 76, + goals: [{ + name: 'Expected', + value: 56, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Mei', + y: 85, + goals: [{ + name: 'Expected', + value: 70, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Jun', + y: 101, + goals: [{ + name: 'Expected', + value: 40, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Jul', + y: 76, + goals: [{ + name: 'Expected', + value: 44, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Ogos', + y: 85, + goals: [{ + name: 'Expected', + value: 45, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Sept', + y: 101, + goals: [{ + name: 'Expected', + value: 80, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Okt', + y: 101, + goals: [{ + name: 'Expected', + value: 70, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Nov', + y: 101, + goals: [{ + name: 'Expected', + value: 40, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }, { + x: 'Dis', + y: 101, + goals: [{ + name: 'Expected', + value: 80, + strokeHeight: 5, + strokeColor: '#775DD0' + }] + }] + }], + chartOptions: { + chart: { + type: 'bar', + height: 350 + }, + plotOptions: { + bar: { + horizontal: false, + columnWidth: '55%', + endingShape: 'rounded', + dataLabels: { + position: 'top' + } + } + }, + // dataLabels: { + // enabled: false + // }, + dataLabels: { + enabled: true, + style: { + colors: ['#333'] + }, + offsetY: -30, + formatter: function formatter(val, opt) { + var total = (val - opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value']) / opt.w.globals.seriesGoals[0][opt.dataPointIndex][0]['value'] * 100; + + if (isNaN(total)) { + return 0.00; + } else { + return total.toFixed(2); + } + } + }, + stroke: { + show: true, + width: 2, + colors: ['transparent'] + }, + // xaxis: { + // categories: ['Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct','Nov','Dis'], + // }, + yaxis: { + title: { + text: '(Bilangan Orang)' + } + }, + fill: { + opacity: 1 + }, + tooltip: { + y: { + formatter: function formatter(val) { + return val + " orang"; + } + } + } + } + }; + } +}); + +/***/ }), + /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/Chart/KeuntunganChart.vue?vue&type=script&lang=js&": /*!****************************************************************************************************************************************************************************************************************************!*\ !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/Chart/KeuntunganChart.vue?vue&type=script&lang=js& ***! @@ -20791,6 +21146,132 @@ __webpack_require__.r(__webpack_exports__); // // // +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// +// /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({}); /***/ }), @@ -21242,6 +21723,7 @@ vue__WEBPACK_IMPORTED_MODULE_9__["default"].component('online-component', (__web vue__WEBPACK_IMPORTED_MODULE_9__["default"].component('details-pelanggan', (__webpack_require__(/*! ./pages/Detailspelanggan.vue */ "./resources/js/pages/Detailspelanggan.vue")["default"])); vue__WEBPACK_IMPORTED_MODULE_9__["default"].component('blacklist-pelanggan', (__webpack_require__(/*! ./pages/Blacklist.vue */ "./resources/js/pages/Blacklist.vue")["default"])); vue__WEBPACK_IMPORTED_MODULE_9__["default"].component('harian-component', (__webpack_require__(/*! ./components/Analisa/Harian.vue */ "./resources/js/components/Analisa/Harian.vue")["default"])); +vue__WEBPACK_IMPORTED_MODULE_9__["default"].component('bilangan-component', (__webpack_require__(/*! ./components/Chart/BilanganChart.vue */ "./resources/js/components/Chart/BilanganChart.vue")["default"])); vue__WEBPACK_IMPORTED_MODULE_9__["default"].component('senaraibajet-component', (__webpack_require__(/*! ./Bajet/Homebajet.vue */ "./resources/js/Bajet/Homebajet.vue")["default"])); vue__WEBPACK_IMPORTED_MODULE_9__["default"].component('clock-component', (__webpack_require__(/*! ./components/util/Clock.vue */ "./resources/js/components/util/Clock.vue")["default"])); vue__WEBPACK_IMPORTED_MODULE_9__["default"].component('apexchart', (vue_apexcharts__WEBPACK_IMPORTED_MODULE_0___default())); // Vue.component('Navbar', require('./components/Navbar.vue').default); @@ -69814,6 +70296,45 @@ component.options.__file = "resources/js/components/Breadcrumb.vue" /***/ }), +/***/ "./resources/js/components/Chart/BilanganChart.vue": +/*!*********************************************************!*\ + !*** ./resources/js/components/Chart/BilanganChart.vue ***! + \*********************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _BilanganChart_vue_vue_type_template_id_7cd6b730___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BilanganChart.vue?vue&type=template&id=7cd6b730& */ "./resources/js/components/Chart/BilanganChart.vue?vue&type=template&id=7cd6b730&"); +/* harmony import */ var _BilanganChart_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BilanganChart.vue?vue&type=script&lang=js& */ "./resources/js/components/Chart/BilanganChart.vue?vue&type=script&lang=js&"); +/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js"); + + + + + +/* normalize component */ +; +var component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])( + _BilanganChart_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"], + _BilanganChart_vue_vue_type_template_id_7cd6b730___WEBPACK_IMPORTED_MODULE_0__.render, + _BilanganChart_vue_vue_type_template_id_7cd6b730___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns, + false, + null, + null, + null + +) + +/* hot reload */ +if (false) { var api; } +component.options.__file = "resources/js/components/Chart/BilanganChart.vue" +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports); + +/***/ }), + /***/ "./resources/js/components/Chart/KeuntunganChart.vue": /*!***********************************************************!*\ !*** ./resources/js/components/Chart/KeuntunganChart.vue ***! @@ -70708,6 +71229,22 @@ __webpack_require__.r(__webpack_exports__); /***/ }), +/***/ "./resources/js/components/Chart/BilanganChart.vue?vue&type=script&lang=js&": +/*!**********************************************************************************!*\ + !*** ./resources/js/components/Chart/BilanganChart.vue?vue&type=script&lang=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": () => (__WEBPACK_DEFAULT_EXPORT__) +/* harmony export */ }); +/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BilanganChart_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BilanganChart.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/Chart/BilanganChart.vue?vue&type=script&lang=js&"); + /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BilanganChart_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__["default"]); + +/***/ }), + /***/ "./resources/js/components/Chart/KeuntunganChart.vue?vue&type=script&lang=js&": /*!************************************************************************************!*\ !*** ./resources/js/components/Chart/KeuntunganChart.vue?vue&type=script&lang=js& ***! @@ -71294,6 +71831,23 @@ __webpack_require__.r(__webpack_exports__); /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_Breadcrumb_vue_vue_type_template_id_c259b9a4___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Breadcrumb.vue?vue&type=template&id=c259b9a4& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/Breadcrumb.vue?vue&type=template&id=c259b9a4&"); +/***/ }), + +/***/ "./resources/js/components/Chart/BilanganChart.vue?vue&type=template&id=7cd6b730&": +/*!****************************************************************************************!*\ + !*** ./resources/js/components/Chart/BilanganChart.vue?vue&type=template&id=7cd6b730& ***! + \****************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_BilanganChart_vue_vue_type_template_id_7cd6b730___WEBPACK_IMPORTED_MODULE_0__.render), +/* harmony export */ "staticRenderFns": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_BilanganChart_vue_vue_type_template_id_7cd6b730___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns) +/* harmony export */ }); +/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_BilanganChart_vue_vue_type_template_id_7cd6b730___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BilanganChart.vue?vue&type=template&id=7cd6b730& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/Chart/BilanganChart.vue?vue&type=template&id=7cd6b730&"); + + /***/ }), /***/ "./resources/js/components/Chart/KeuntunganChart.vue?vue&type=template&id=94cc6810&": @@ -74915,6 +75469,8 @@ var render = function () { "div", { staticClass: "bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8" }, [ + _vm._m(0), + _vm._v(" "), _c("div", { staticClass: "flex flex-nowrap" }, [ _c("div", { staticClass: "w-3/4 h-4 bg-gray-200 rounded-full" }, [ _c( @@ -74941,44 +75497,64 @@ var render = function () { ]), _vm._v(" "), _c("div", { staticClass: "flex pt-2 -mt-2" }, [ - _c("div", { staticClass: "grid grid-rows-2 ml-1 mt-2 w-1/4" }, [ - _c( - "span", - { staticClass: "text-sm leading-none font-bold text-gray-700" }, - [ - _c("i", { staticClass: "fas fa-calendar-day" }), - _vm._v(" RM " + _vm._s(_vm.gadaianharian)), - ] - ), + _c("div", { staticClass: "grid grid-rows-2 ml-1 mt-2 w-1/3" }, [ + _c("div", { staticClass: "flex" }, [ + _c( + "span", + { + staticClass: + "text-sm leading-none font-bold text-gray-700 w-1/3 uppercase", + }, + [_vm._v(" Harian")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: "text-sm leading-none font-bold text-gray-700", + }, + [_vm._v(":")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: "text-sm leading-none font-bold text-gray-700", + }, + [_vm._v("RM " + _vm._s(_vm.gadaianharian))] + ), + ]), _vm._v(" "), - _c( - "span", - { - staticClass: "text-sm leading-none font-bold text-yellow-900", - }, - [ - _c("i", { staticClass: "fas fa-chart-pie" }), - _vm._v(" RM " + _vm._s(_vm.bajetgadaian) + " "), - ] - ), + _c("div", { staticClass: "flex" }, [ + _c( + "span", + { + staticClass: + "text-sm leading-none font-bold text-yellow-700 w-1/3 uppercase", + }, + [_vm._v(" Bajet")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: "text-sm leading-none font-bold text-gray-700", + }, + [_vm._v(":")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: + "text-sm leading-none font-bold text-yellow-900", + }, + [_vm._v(" RM " + _vm._s(_vm.bajetgadaian) + " ")] + ), + ]), ]), _vm._v(" "), - _c("div", { staticClass: "ml-4 text-center w-1/3" }, [ - _c( - "h3", - { staticClass: "text-3xl font-bold -mt-1 text-gray-500" }, - [_vm._v("Pembiayaan")] - ), - _vm._v(" "), - _c( - "span", - { - staticClass: - "text-base leading-none font-bold text-gray-900 text-center", - }, - [_vm._v(_vm._s(this.bulan) + " ")] - ), - ]), + _c("div", { staticClass: "ml-4 text-center w-1/4" }), _vm._v(" "), _c( "div", @@ -75111,6 +75687,8 @@ var render = function () { "div", { staticClass: "bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 " }, [ + _vm._m(1), + _vm._v(" "), _c("div", { staticClass: "flex flex-nowrap" }, [ _c("div", { staticClass: "w-3/4 h-4 bg-gray-200 rounded-full" }, [ _c( @@ -75137,44 +75715,64 @@ var render = function () { ]), _vm._v(" "), _c("div", { staticClass: "flex pt-2 -mt-2" }, [ - _c("div", { staticClass: "grid grid-rows-2 ml-1 mt-2 w-1/4" }, [ - _c( - "span", - { staticClass: "text-sm leading-none font-bold text-gray-700" }, - [ - _c("i", { staticClass: "fas fa-calendar-day" }), - _vm._v(" RM " + _vm._s(_vm.penebusanharian)), - ] - ), + _c("div", { staticClass: "grid grid-rows-2 ml-1 mt-2 w-1/3" }, [ + _c("div", { staticClass: "flex" }, [ + _c( + "span", + { + staticClass: + "text-sm leading-none font-bold text-gray-700 w-1/3 uppercase", + }, + [_vm._v(" Harian")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: "text-sm leading-none font-bold text-gray-700", + }, + [_vm._v(":")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: "text-sm leading-none font-bold text-gray-700", + }, + [_vm._v("RM " + _vm._s(_vm.penebusanharian))] + ), + ]), _vm._v(" "), - _c( - "span", - { - staticClass: "text-sm leading-none font-bold text-yellow-900", - }, - [ - _c("i", { staticClass: "fas fa-chart-pie" }), - _vm._v(" RM " + _vm._s(_vm.bajetpenebusan) + " "), - ] - ), + _c("div", { staticClass: "flex" }, [ + _c( + "span", + { + staticClass: + "text-sm leading-none font-bold text-yellow-700 w-1/3 uppercase", + }, + [_vm._v(" Bajet")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: "text-sm leading-none font-bold text-gray-700", + }, + [_vm._v(":")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: + "text-sm leading-none font-bold text-yellow-900", + }, + [_vm._v(" RM " + _vm._s(_vm.bajetpenebusan) + " ")] + ), + ]), ]), _vm._v(" "), - _c("div", { staticClass: "ml-4 text-center w-1/3" }, [ - _c( - "h3", - { staticClass: "text-3xl font-bold -mt-1 text-gray-500" }, - [_vm._v("Penebusan")] - ), - _vm._v(" "), - _c( - "span", - { - staticClass: - "text-base leading-none font-bold text-gray-900 text-center", - }, - [_vm._v(_vm._s(this.bulan) + " ")] - ), - ]), + _c("div", { staticClass: "ml-4 text-center w-1/3" }), _vm._v(" "), _c( "div", @@ -75307,6 +75905,8 @@ var render = function () { "div", { staticClass: "bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 " }, [ + _vm._m(2), + _vm._v(" "), _c("div", { staticClass: "flex flex-nowrap" }, [ _c("div", { staticClass: "w-3/4 h-4 bg-gray-200 rounded-full" }, [ _c( @@ -75333,44 +75933,64 @@ var render = function () { ]), _vm._v(" "), _c("div", { staticClass: "flex pt-2 -mt-2" }, [ - _c("div", { staticClass: "grid grid-rows-2 ml-1 mt-2 w-1/4" }, [ - _c( - "span", - { staticClass: "text-sm leading-none font-bold text-gray-700" }, - [ - _c("i", { staticClass: "fas fa-calendar-day" }), - _vm._v(" RM " + _vm._s(_vm.keuntunganharian)), - ] - ), + _c("div", { staticClass: "grid grid-rows-2 ml-1 mt-2 w-1/3" }, [ + _c("div", { staticClass: "flex" }, [ + _c( + "span", + { + staticClass: + "text-sm leading-none font-bold text-gray-700 w-1/3 uppercase", + }, + [_vm._v(" Harian")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: "text-sm leading-none font-bold text-gray-700", + }, + [_vm._v(":")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: "text-sm leading-none font-bold text-gray-700", + }, + [_vm._v("RM " + _vm._s(_vm.keuntunganharian))] + ), + ]), _vm._v(" "), - _c( - "span", - { - staticClass: "text-sm leading-none font-bold text-yellow-900", - }, - [ - _c("i", { staticClass: "fas fa-chart-pie" }), - _vm._v(" RM " + _vm._s(_vm.bajetkeuntungan) + " "), - ] - ), + _c("div", { staticClass: "flex" }, [ + _c( + "span", + { + staticClass: + "text-sm leading-none font-bold text-yellow-700 w-1/3 uppercase", + }, + [_vm._v(" Bajet")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: "text-sm leading-none font-bold text-gray-700", + }, + [_vm._v(":")] + ), + _vm._v(" "), + _c( + "span", + { + staticClass: + "text-sm leading-none font-bold text-yellow-900", + }, + [_vm._v(" RM " + _vm._s(_vm.bajetkeuntungan) + " ")] + ), + ]), ]), _vm._v(" "), - _c("div", { staticClass: "ml-4 text-center w-1/3" }, [ - _c( - "h3", - { staticClass: "text-3xl font-bold -mt-1 text-gray-500" }, - [_vm._v("Keuntungan")] - ), - _vm._v(" "), - _c( - "span", - { - staticClass: - "text-base leading-none font-bold text-gray-900 text-center", - }, - [_vm._v(_vm._s(this.bulan) + " ")] - ), - ]), + _c("div", { staticClass: "ml-4 text-center w-1/3" }), _vm._v(" "), _c( "div", @@ -75501,7 +76121,38 @@ var render = function () { ] ) } -var staticRenderFns = [] +var staticRenderFns = [ + function () { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("div", { staticClass: "mb-3 mx-auto justify-center flex" }, [ + _c("h3", { staticClass: "text-3xl font-bold text-gray-500" }, [ + _vm._v("Pembiayaan"), + ]), + ]) + }, + function () { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("div", { staticClass: "mb-3 mx-auto justify-center flex" }, [ + _c("h3", { staticClass: "text-3xl font-bold text-gray-500" }, [ + _vm._v("Penebusan"), + ]), + ]) + }, + function () { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("div", { staticClass: "mb-3 mx-auto justify-center flex" }, [ + _c("h3", { staticClass: "text-3xl font-bold text-gray-500" }, [ + _vm._v("Keuntungan"), + ]), + ]) + }, +] render._withStripped = true @@ -75616,6 +76267,73 @@ render._withStripped = true +/***/ }), + +/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/Chart/BilanganChart.vue?vue&type=template&id=7cd6b730&": +/*!*******************************************************************************************************************************************************************************************************************************!*\ + !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/Chart/BilanganChart.vue?vue&type=template&id=7cd6b730& ***! + \*******************************************************************************************************************************************************************************************************************************/ +/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony export */ __webpack_require__.d(__webpack_exports__, { +/* harmony export */ "render": () => (/* binding */ render), +/* harmony export */ "staticRenderFns": () => (/* binding */ staticRenderFns) +/* harmony export */ }); +var render = function () { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { + staticClass: + "mt-4 bg-white shadow rounded-lg p-4 sm:p-6 xl:p-8 2xl:col-span-1 w-2/3 mx-auto", + }, + [ + _vm._m(0), + _vm._v(" "), + _c( + "div", + { attrs: { id: "chart" } }, + [ + _c("apexchart", { + attrs: { + type: "bar", + height: "350", + options: _vm.chartOptions, + series: _vm.series, + }, + }), + ], + 1 + ), + ] + ) +} +var staticRenderFns = [ + function () { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c( + "div", + { staticClass: "flex items-center justify-between mb-4" }, + [ + _c("div", { staticClass: "flex-shrink-0" }, [ + _c("h3", { staticClass: "text-base font-normal text-gray-500" }, [ + _vm._v("Bilangan Orang Bulanan"), + ]), + ]), + ] + ) + }, +] +render._withStripped = true + + + /***/ }), /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/Chart/KeuntunganChart.vue?vue&type=template&id=94cc6810&": @@ -78856,9 +79574,366 @@ var render = function () { var _vm = this var _h = _vm.$createElement var _c = _vm._self._c || _h - return _c("div") + return _c("div", { staticClass: "bg-white" }, [ + _c("table", { staticClass: "min-w-full leading-normal" }, [ + _vm._m(0), + _vm._v(" "), + _c( + "tbody", + _vm._l(_vm.active.vault, function (petibesi, i) { + return _c("tr", { key: i }, [ + _c( + "td", + { + staticClass: + "px-5 py-5 border-b border-gray-200 bg-white text-sm", + }, + [ + _c("div", { staticClass: "flex items-center" }, [ + _c("div", { staticClass: "ml-3" }, [ + _c("p", { + staticClass: "text-gray-900 whitespace-no-wrap", + domProps: { + textContent: _vm._s(i + 1 + _vm.active.mulaPage), + }, + }), + ]), + ]), + ] + ), + _vm._v(" "), + _c( + "td", + { + staticClass: + "px-5 py-5 border-b border-gray-200 bg-white text-sm", + }, + [ + _c("div", { staticClass: "flex items-center" }, [ + _c("div", { staticClass: "ml-3" }, [ + _c("p", { + staticClass: "text-gray-900 whitespace-no-wrap", + domProps: { textContent: _vm._s(petibesi.tarikh) }, + }), + ]), + ]), + ] + ), + _vm._v(" "), + _c( + "td", + { + staticClass: + "px-5 py-5 border-b border-gray-200 bg-white text-sm", + }, + [ + _c("div", { staticClass: "flex items-center" }, [ + _c("div", { staticClass: "ml-3" }, [ + _c("p", { + staticClass: "text-gray-900 whitespace-no-wrap", + domProps: { + textContent: _vm._s( + _vm.formatterfunction(petibesi.bakiawal) + ), + }, + }), + ]), + ]), + ] + ), + _vm._v(" "), + _c( + "td", + { + staticClass: + "px-5 py-5 border-b border-gray-200 bg-white text-sm", + }, + [ + _c("div", { staticClass: "flex items-center" }, [ + _c("div", { staticClass: "ml-3" }, [ + _c("p", { + staticClass: "text-gray-900 whitespace-no-wrap", + domProps: { + textContent: _vm._s( + _vm.formatterfunction(petibesi.keluar) + ), + }, + }), + ]), + ]), + ] + ), + _vm._v(" "), + _c( + "td", + { + staticClass: + "px-5 py-5 border-b border-gray-200 bg-white text-sm", + }, + [ + _c("div", { staticClass: "flex items-center" }, [ + _c("div", { staticClass: "ml-3" }, [ + _c("p", { + staticClass: "text-gray-900 whitespace-no-wrap", + domProps: { + textContent: _vm._s( + _vm.formatterfunction(petibesi.masuk) + ), + }, + }), + ]), + ]), + ] + ), + _vm._v(" "), + _c( + "td", + { + staticClass: + "px-5 py-5 border-b border-gray-200 bg-white text-sm", + }, + [ + _c("div", { staticClass: "flex items-center" }, [ + _c("div", { staticClass: "ml-3" }, [ + _c("p", { + staticClass: "text-gray-900 whitespace-no-wrap", + domProps: { + textContent: _vm._s( + _vm.formatterfunction(petibesi.pendahuluan) + ), + }, + }), + ]), + ]), + ] + ), + _vm._v(" "), + _c( + "td", + { + staticClass: + "px-5 py-5 border-b border-gray-200 bg-white text-sm", + }, + [ + _c("div", { staticClass: "flex items-center" }, [ + _c("div", { staticClass: "ml-3" }, [ + _c("p", { + staticClass: "text-gray-900 whitespace-no-wrap", + domProps: { + textContent: _vm._s( + _vm.formatterfunction(petibesi.serahan) + ), + }, + }), + ]), + ]), + ] + ), + _vm._v(" "), + _c( + "td", + { + staticClass: + "px-5 py-5 border-b border-gray-200 bg-white text-sm", + }, + [ + _c("div", { staticClass: "flex items-center" }, [ + _c("div", { staticClass: "ml-3" }, [ + _c("p", { + staticClass: "text-gray-900 whitespace-no-wrap", + domProps: { + textContent: _vm._s( + _vm.formatterfunction(petibesi.totpanjar) + ), + }, + }), + ]), + ]), + ] + ), + _vm._v(" "), + _c( + "td", + { + staticClass: + "px-5 py-5 border-b border-gray-200 bg-white text-sm", + }, + [ + _c("div", { staticClass: "flex items-center" }, [ + _c("div", { staticClass: "ml-3" }, [ + _c("p", { + staticClass: "text-gray-900 whitespace-no-wrap", + domProps: { + textContent: _vm._s( + _vm.formatterfunction(petibesi.bakiakhir) + ), + }, + }), + ]), + ]), + ] + ), + _vm._v(" "), + _c( + "td", + { + staticClass: + "px-5 py-5 border-b border-gray-200 bg-white text-sm", + }, + [ + _c("div", { staticClass: "flex items-center" }, [ + _c("div", { staticClass: "ml-3" }, [ + _c( + "button", + { + staticClass: + "border border-yellow-600 text-yellow-600 font-montserrat py-2 px-4 font-medium rounded-xl hover:bg-yellow-600 hover:text-white transition-all duration-300", + on: { + click: function ($event) { + return _vm.action(petibesi.tarikh, petibesi.kodcaw) + }, + }, + }, + [ + _c( + "svg", + { + staticClass: "bi bi-card-checklist", + attrs: { + xmlns: "http://www.w3.org/2000/svg", + width: "16", + height: "16", + fill: "currentColor", + viewBox: "0 0 16 16", + }, + }, + [ + _c("path", { + attrs: { + d: "M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h13zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-13z", + }, + }), + _vm._v(" "), + _c("path", { + attrs: { + d: "M7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0zM7 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm-1.496-.854a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z", + }, + }), + ] + ), + ] + ), + ]), + ]), + ] + ), + ]) + }), + 0 + ), + ]), + ]) } -var staticRenderFns = [] +var staticRenderFns = [ + function () { + var _vm = this + var _h = _vm.$createElement + var _c = _vm._self._c || _h + return _c("thead", { staticClass: "text-center" }, [ + _c("tr", [ + _c( + "th", + { + staticClass: + "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", + }, + [_vm._v("\n Bil\n ")] + ), + _vm._v(" "), + _c( + "th", + { + staticClass: + "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", + }, + [_vm._v("\n Tarikh\n ")] + ), + _vm._v(" "), + _c( + "th", + { + staticClass: + "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", + }, + [_vm._v("\n B/F\n ")] + ), + _vm._v(" "), + _c( + "th", + { + staticClass: + "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", + }, + [_vm._v("\n Keluar\n ")] + ), + _vm._v(" "), + _c( + "th", + { + staticClass: + "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", + }, + [_vm._v("\n Masuk\n ")] + ), + _vm._v(" "), + _c( + "th", + { + staticClass: + "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", + }, + [_vm._v("\n Pendahuluan\n ")] + ), + _vm._v(" "), + _c( + "th", + { + staticClass: + "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", + }, + [_vm._v("\n Serahan\n ")] + ), + _vm._v(" "), + _c( + "th", + { + staticClass: + "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", + }, + [_vm._v("\n Panjar\n ")] + ), + _vm._v(" "), + _c( + "th", + { + staticClass: + "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", + }, + [_vm._v("\n Baki Akhir\n ")] + ), + _vm._v(" "), + _c( + "th", + { + staticClass: + "px-5 py-3 border-b-2 border-gray-200 bg-gray-100 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider", + }, + [_vm._v("\n Act\n ")] + ), + ]), + ]) + }, +] render._withStripped = true @@ -102164,7 +103239,7 @@ if (typeof window !== 'undefined' && window.Vue) { /***/ ((module) => { "use strict"; -module.exports = JSON.parse('{"_from":"axios@^0.21","_id":"axios@0.21.4","_inBundle":false,"_integrity":"sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==","_location":"/axios","_phantomChildren":{},"_requested":{"type":"range","registry":true,"raw":"axios@^0.21","name":"axios","escapedName":"axios","rawSpec":"^0.21","saveSpec":null,"fetchSpec":"^0.21"},"_requiredBy":["#DEV:/","#USER"],"_resolved":"https://registry.npmjs.org/axios/-/axios-0.21.4.tgz","_shasum":"c67b90dc0568e5c1cf2b0b858c43ba28e2eda575","_spec":"axios@^0.21","_where":"C:\\\\laragon\\\\www\\\\adminpkb","author":{"name":"Matt Zabriskie"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"bugs":{"url":"https://github.com/axios/axios/issues"},"bundleDependencies":false,"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}],"dependencies":{"follow-redirects":"^1.14.0"},"deprecated":false,"description":"Promise based HTTP client for the browser and node.js","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"homepage":"https://axios-http.com","jsdelivr":"dist/axios.min.js","keywords":["xhr","http","ajax","promise","node"],"license":"MIT","main":"index.js","name":"axios","repository":{"type":"git","url":"git+https://github.com/axios/axios.git"},"scripts":{"build":"NODE_ENV=production grunt build","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","examples":"node ./examples/server.js","fix":"eslint --fix lib/**/*.js","postversion":"git push && git push --tags","preversion":"npm test","start":"node ./sandbox/server.js","test":"grunt test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json"},"typings":"./index.d.ts","unpkg":"dist/axios.min.js","version":"0.21.4"}'); +module.exports = JSON.parse('{"_args":[["axios@0.21.4","C:\\\\laragon\\\\www\\\\adminpkb"]],"_development":true,"_from":"axios@0.21.4","_id":"axios@0.21.4","_inBundle":false,"_integrity":"sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==","_location":"/axios","_phantomChildren":{},"_requested":{"type":"version","registry":true,"raw":"axios@0.21.4","name":"axios","escapedName":"axios","rawSpec":"0.21.4","saveSpec":null,"fetchSpec":"0.21.4"},"_requiredBy":["#DEV:/"],"_resolved":"https://registry.npmjs.org/axios/-/axios-0.21.4.tgz","_spec":"0.21.4","_where":"C:\\\\laragon\\\\www\\\\adminpkb","author":{"name":"Matt Zabriskie"},"browser":{"./lib/adapters/http.js":"./lib/adapters/xhr.js"},"bugs":{"url":"https://github.com/axios/axios/issues"},"bundlesize":[{"path":"./dist/axios.min.js","threshold":"5kB"}],"dependencies":{"follow-redirects":"^1.14.0"},"description":"Promise based HTTP client for the browser and node.js","devDependencies":{"coveralls":"^3.0.0","es6-promise":"^4.2.4","grunt":"^1.3.0","grunt-banner":"^0.6.0","grunt-cli":"^1.2.0","grunt-contrib-clean":"^1.1.0","grunt-contrib-watch":"^1.0.0","grunt-eslint":"^23.0.0","grunt-karma":"^4.0.0","grunt-mocha-test":"^0.13.3","grunt-ts":"^6.0.0-beta.19","grunt-webpack":"^4.0.2","istanbul-instrumenter-loader":"^1.0.0","jasmine-core":"^2.4.1","karma":"^6.3.2","karma-chrome-launcher":"^3.1.0","karma-firefox-launcher":"^2.1.0","karma-jasmine":"^1.1.1","karma-jasmine-ajax":"^0.1.13","karma-safari-launcher":"^1.0.0","karma-sauce-launcher":"^4.3.6","karma-sinon":"^1.0.5","karma-sourcemap-loader":"^0.3.8","karma-webpack":"^4.0.2","load-grunt-tasks":"^3.5.2","minimist":"^1.2.0","mocha":"^8.2.1","sinon":"^4.5.0","terser-webpack-plugin":"^4.2.3","typescript":"^4.0.5","url-search-params":"^0.10.0","webpack":"^4.44.2","webpack-dev-server":"^3.11.0"},"homepage":"https://axios-http.com","jsdelivr":"dist/axios.min.js","keywords":["xhr","http","ajax","promise","node"],"license":"MIT","main":"index.js","name":"axios","repository":{"type":"git","url":"git+https://github.com/axios/axios.git"},"scripts":{"build":"NODE_ENV=production grunt build","coveralls":"cat coverage/lcov.info | ./node_modules/coveralls/bin/coveralls.js","examples":"node ./examples/server.js","fix":"eslint --fix lib/**/*.js","postversion":"git push && git push --tags","preversion":"npm test","start":"node ./sandbox/server.js","test":"grunt test","version":"npm run build && grunt version && git add -A dist && git add CHANGELOG.md bower.json package.json"},"typings":"./index.d.ts","unpkg":"dist/axios.min.js","version":"0.21.4"}'); /***/ }) diff --git a/resources/js/app.js b/resources/js/app.js index b7003a6..260971c 100644 --- a/resources/js/app.js +++ b/resources/js/app.js @@ -82,6 +82,9 @@ Vue.component('blacklist-pelanggan', require('./pages/Blacklist.vue').default) Vue.component('harian-component', require('./components/Analisa/Harian.vue').default) +Vue.component('bilangan-component', require('./components/Chart/BilanganChart.vue').default) + + Vue.component('senaraibajet-component', require('./Bajet/Homebajet.vue').default) Vue.component('clock-component', require('./components/util/Clock.vue').default) diff --git a/resources/js/components/Analisa/Harian.vue b/resources/js/components/Analisa/Harian.vue index 8aa4cfd..e47c69f 100644 --- a/resources/js/components/Analisa/Harian.vue +++ b/resources/js/components/Analisa/Harian.vue @@ -2,6 +2,10 @@
+
+

Pembiayaan

+
+
{{ this.percentcumgadai }}%
@@ -10,20 +14,25 @@
RM {{ gadaianremaining }} - -
-
-
- RM {{ gadaianharian }} - RM {{ bajetgadaian }} +
+
+ Harian + : + RM {{ gadaianharian }} +
+
+ Bajet + : + RM {{ bajetgadaian }} +
-
-

Pembiayaan

- {{ this.bulan }} +
+ +

{{ percentgadaian.toFixed(2) }}% @@ -48,6 +57,10 @@

+
+

Penebusan

+
+
{{ percentcumtebus }}%
@@ -57,19 +70,28 @@ RM {{ tebusremaining }} -
-
- RM {{ penebusanharian }} - RM {{ bajetpenebusan }} +
+ +
+ Harian + : + RM {{ penebusanharian }} +
+
+ Bajet + : + RM {{ bajetpenebusan }} +
-

Penebusan

- {{ this.bulan }} +

{{ percentpenebusan.toFixed(2) }}% @@ -93,6 +115,10 @@

+
+

Keuntungan

+
+
{{percentcumkeuntungan}}%
@@ -108,13 +134,23 @@
-
- RM {{ keuntunganharian }} - RM {{ bajetkeuntungan }} +
+ +
+ Harian + : + RM {{ keuntunganharian }} +
+
+ Bajet + : + RM {{ bajetkeuntungan }} +
-

Keuntungan

- {{ this.bulan }} +

{{ percentkeuntungan.toFixed(2) }}% diff --git a/resources/js/components/Chart/BilanganChart.vue b/resources/js/components/Chart/BilanganChart.vue new file mode 100644 index 0000000..5849610 --- /dev/null +++ b/resources/js/components/Chart/BilanganChart.vue @@ -0,0 +1,385 @@ + + \ No newline at end of file diff --git a/resources/js/pages/Blacklist.vue b/resources/js/pages/Blacklist.vue index 37df50c..4b25a94 100644 --- a/resources/js/pages/Blacklist.vue +++ b/resources/js/pages/Blacklist.vue @@ -1,5 +1,131 @@