buat bodo
This commit is contained in:
hafifierahman
@@ -6,13 +6,14 @@ use Illuminate\Http\Request;
|
|||||||
use Illuminate\Support\Facades\Auth;
|
use Illuminate\Support\Facades\Auth;
|
||||||
use Illuminate\Support\Facades\Session;
|
use Illuminate\Support\Facades\Session;
|
||||||
use Illuminate\Support\Facades\Http;
|
use Illuminate\Support\Facades\Http;
|
||||||
|
use Carbon\Carbon;
|
||||||
|
|
||||||
class AliranTunaiController extends Controller
|
class AliranTunaiController extends Controller
|
||||||
{
|
{
|
||||||
public function __construct()
|
// public function __construct()
|
||||||
{
|
// {
|
||||||
$this->middleware('auth');
|
// $this->middleware('auth');
|
||||||
}
|
// }
|
||||||
|
|
||||||
public function periksaAliranTunai(Request $request)
|
public function periksaAliranTunai(Request $request)
|
||||||
{
|
{
|
||||||
|
|||||||
Generated
+10423
-38
File diff suppressed because it is too large
Load Diff
+4
-1
@@ -33,7 +33,10 @@
|
|||||||
"@vue/composition-api": "^1.4.0",
|
"@vue/composition-api": "^1.4.0",
|
||||||
"alpinejs": "^3.5.2",
|
"alpinejs": "^3.5.2",
|
||||||
"apexcharts": "^3.30.0",
|
"apexcharts": "^3.30.0",
|
||||||
|
"bootbox": "^5.5.2",
|
||||||
"vue-apexcharts": "^1.6.2",
|
"vue-apexcharts": "^1.6.2",
|
||||||
"vue-axios": "^3.4.0"
|
"vue-axios": "^3.4.0",
|
||||||
|
"vue-class-component": "^7.2.6",
|
||||||
|
"vue-property-decorator": "^9.1.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Vendored
+1019
-48
File diff suppressed because it is too large
Load Diff
Vendored
+1
@@ -38,6 +38,7 @@ Vue.component('breadcrumb', require('./components/Breadcrumb.vue').default)
|
|||||||
Vue.component('dashboard', require('./pages/dashboard.vue').default)
|
Vue.component('dashboard', require('./pages/dashboard.vue').default)
|
||||||
Vue.component('tunai-component', require('./components/Tunai.vue').default)
|
Vue.component('tunai-component', require('./components/Tunai.vue').default)
|
||||||
Vue.component('cawangan-component', require('./components/cawangan.vue').default)
|
Vue.component('cawangan-component', require('./components/cawangan.vue').default)
|
||||||
|
Vue.component('modal-component', require('./components/util/Modal.vue').default)
|
||||||
|
|
||||||
Vue.component('apexchart', VueApexCharts)
|
Vue.component('apexchart', VueApexCharts)
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container mx-auto px-5 my-10">
|
<div class="container mx-auto px-5 my-10">
|
||||||
|
<modal ref="modal"></modal>
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="flex flex-wrap -ml-2 -mt-2">
|
<ul class="flex flex-wrap -ml-2 -mt-2">
|
||||||
<li v-for="(item, index) in $props.items" :key="index" class="mt-2 pl-2">
|
<li v-for="(item, index) in $props.items" :key="index" class="mt-2 pl-2">
|
||||||
@@ -138,7 +139,7 @@
|
|||||||
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
<td class="px-5 py-5 border-b border-gray-200 bg-white text-sm">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="ml-3">
|
<div class="ml-3">
|
||||||
<button class="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"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-checklist" viewBox="0 0 16 16">
|
<button @click="action(tunai.tarikh,tunai.kodcaw,tunai.kodlaluan)" class="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"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-card-checklist" viewBox="0 0 16 16">
|
||||||
<path 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"/>
|
<path 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"/>
|
||||||
<path 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"/>
|
<path 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"/>
|
||||||
</svg>
|
</svg>
|
||||||
@@ -222,88 +223,38 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { ChevronLeftIcon, ChevronRightIcon } from '@vue-hero-icons/solid'
|
import { ChevronLeftIcon, ChevronRightIcon } from '@vue-hero-icons/solid'
|
||||||
|
import modal from './util/Modal.vue'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
ChevronLeftIcon,
|
ChevronLeftIcon,
|
||||||
ChevronRightIcon,
|
ChevronRightIcon,
|
||||||
|
modal
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
items: {
|
items: {
|
||||||
type: Array,
|
type: Array
|
||||||
default: () => [
|
|
||||||
{
|
|
||||||
title: "Totam",
|
|
||||||
content:
|
|
||||||
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid, deleniti. Dolore corporis quidem sequi repellat cupiditate, possimus, excepturi praesentium iste ad voluptatem modi adipisci nulla laborum fugiat nemo placeat tempore numquam. Delectus quae ratione veniam excepturi quisquam nihil libero numquam.",
|
|
||||||
cta: "Find out more"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Natus",
|
|
||||||
content:
|
|
||||||
"Laboriosam aperiam corrupti veniam numquam sint ipsam deleniti iusto esse omnis cumque incidunt provident nisi fugiat consequatur, recusandae perspiciatis nobis atque, molestiae aliquid quaerat et delectus sequi sed? Fugit deleniti perspiciatis, laborum necessitatibus unde fugiat. Mollitia fugit ducimus consequatur veritatis?",
|
|
||||||
cta: "Find out more"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Tempora",
|
|
||||||
content:
|
|
||||||
"Praesentium odit consectetur deleniti quae possimus reprehenderit magni! Quos officiis, perferendis dolores, quo assumenda possimus quibusdam quaerat similique quas deserunt qui alias aut provident. Eos dolorem magni fugit blanditiis, natus rerum inventore dignissimos quia, sunt consequatur neque quis adipisci. Dicta.",
|
|
||||||
cta: "Find out more"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Eaque",
|
|
||||||
content:
|
|
||||||
"Impedit omnis autem labore obcaecati atque ea, non delectus iusto nemo enim possimus. Commodi deleniti perspiciatis iure laboriosam doloribus hic neque, sed possimus pariatur totam quis quos earum incidunt voluptate blanditiis veniam quibusdam id vel optio? Commodi dolores nulla minus?",
|
|
||||||
cta: "Find out more"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
arraytunai: {
|
arraytunai: {
|
||||||
type: Array,
|
type: Array
|
||||||
default: () => [
|
|
||||||
{
|
|
||||||
title: "Totam",
|
|
||||||
content:
|
|
||||||
"Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid, deleniti. Dolore corporis quidem sequi repellat cupiditate, possimus, excepturi praesentium iste ad voluptatem modi adipisci nulla laborum fugiat nemo placeat tempore numquam. Delectus quae ratione veniam excepturi quisquam nihil libero numquam.",
|
|
||||||
cta: "Find out more"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Natus",
|
|
||||||
content:
|
|
||||||
"Laboriosam aperiam corrupti veniam numquam sint ipsam deleniti iusto esse omnis cumque incidunt provident nisi fugiat consequatur, recusandae perspiciatis nobis atque, molestiae aliquid quaerat et delectus sequi sed? Fugit deleniti perspiciatis, laborum necessitatibus unde fugiat. Mollitia fugit ducimus consequatur veritatis?",
|
|
||||||
cta: "Find out more"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Tempora",
|
|
||||||
content:
|
|
||||||
"Praesentium odit consectetur deleniti quae possimus reprehenderit magni! Quos officiis, perferendis dolores, quo assumenda possimus quibusdam quaerat similique quas deserunt qui alias aut provident. Eos dolorem magni fugit blanditiis, natus rerum inventore dignissimos quia, sunt consequatur neque quis adipisci. Dicta.",
|
|
||||||
cta: "Find out more"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Eaque",
|
|
||||||
content:
|
|
||||||
"Impedit omnis autem labore obcaecati atque ea, non delectus iusto nemo enim possimus. Commodi deleniti perspiciatis iure laboriosam doloribus hic neque, sed possimus pariatur totam quis quos earum incidunt voluptate blanditiis veniam quibusdam id vel optio? Commodi dolores nulla minus?",
|
|
||||||
cta: "Find out more"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
index: 0,
|
index: 0,
|
||||||
leftToRight: true
|
leftToRight: true,
|
||||||
|
alirantunai:[]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created: function() {
|
// created: function() {
|
||||||
console.log(this.items);
|
// console.log(this.items);
|
||||||
console.log(this.arraytunai);
|
// console.log(this.arraytunai);
|
||||||
},
|
// },
|
||||||
|
|
||||||
computed: {
|
computed: {
|
||||||
active() {
|
active() {
|
||||||
// Dynamically return the active "item", based on $data.index
|
// Dynamically return the active "item", based on $data.index
|
||||||
// console.log(this.$props.arraytunai[this.$data.index])
|
|
||||||
return this.$props.arraytunai[this.$data.index];
|
return this.$props.arraytunai[this.$data.index];
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -313,7 +264,33 @@ export default {
|
|||||||
// Update LTR before changing $data.index
|
// Update LTR before changing $data.index
|
||||||
this.$data.leftToRight = index > this.$data.index;
|
this.$data.leftToRight = index > this.$data.index;
|
||||||
this.$data.index = index;
|
this.$data.index = index;
|
||||||
}
|
},
|
||||||
|
|
||||||
|
action(tarikhteller,kodcawteller,tel){
|
||||||
|
|
||||||
|
axios.get('/api/check/periksaalirantunai', {
|
||||||
|
params: {
|
||||||
|
tarikh: tarikhteller,
|
||||||
|
kodcaw: kodcawteller,
|
||||||
|
teller: tel
|
||||||
|
|
||||||
|
}
|
||||||
|
}).then(response => {
|
||||||
|
|
||||||
|
if(response.data === 'sama')
|
||||||
|
{
|
||||||
|
console.log('betul betul la ni')
|
||||||
|
}else{
|
||||||
|
this.alirantunai = response.data;
|
||||||
|
|
||||||
|
// console.log(this.alirantunai)
|
||||||
|
this.$refs.modal.showModal = true;
|
||||||
|
this.$refs.modal.serahan = this.alirantunai.pendahuluan;
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@@ -0,0 +1,152 @@
|
|||||||
|
<!-- Use preprocessors via the lang attribute! e.g. <template lang="pug"> -->
|
||||||
|
<template>
|
||||||
|
<div id="app">
|
||||||
|
<transition name="fade">
|
||||||
|
<div v-if="showModal" class="fixed z-10 inset-0 overflow-y-auto">
|
||||||
|
<div
|
||||||
|
class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"
|
||||||
|
>
|
||||||
|
<div class="fixed inset-0 transition-opacity">
|
||||||
|
<div class="absolute inset-0 bg-gray-500 opacity-75"></div>
|
||||||
|
</div>
|
||||||
|
<span
|
||||||
|
class="hidden sm:inline-block sm:align-middle sm:h-screen"
|
||||||
|
></span
|
||||||
|
>​
|
||||||
|
<div
|
||||||
|
class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"
|
||||||
|
role="dialog"
|
||||||
|
aria-modal="true"
|
||||||
|
aria-labelledby="modal-headline"
|
||||||
|
>
|
||||||
|
<div class="bg-white w-1/2 h-1/2 px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
|
||||||
|
<div class="sm:flex sm:items-start">
|
||||||
|
<div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
|
||||||
|
<h3
|
||||||
|
class="text-lg leading-6 font-medium text-gray-900"
|
||||||
|
id="modal-headline"
|
||||||
|
>
|
||||||
|
Modal title
|
||||||
|
</h3>
|
||||||
|
<div class="mt-2 flex flex-cols">
|
||||||
|
|
||||||
|
<div class="relative px-6 py-4 border-0 rounded mb-4 bg-gray-500 text-white">
|
||||||
|
<span class="inline-block mr-5 align-middle text-xl">
|
||||||
|
<i class="fa fa-bell"></i>
|
||||||
|
</span>
|
||||||
|
<span class="inline-block mr-8 align-middle">
|
||||||
|
<b class="capitalize">{{ this.bakiawal }}</b>
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="relative px-6 py-4 border-0 rounded mb-4 bg-gray-500 text-white">
|
||||||
|
<span class="inline-block mr-5 align-middle text-xl">
|
||||||
|
<i class="fa fa-bell"></i>
|
||||||
|
</span>
|
||||||
|
<span class="inline-block mr-8 align-middle">
|
||||||
|
<b class="capitalize">{{ this.serahan }}</b>
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="relative px-6 py-4 border-0 rounded mb-4 bg-gray-500 text-white">
|
||||||
|
<span class="inline-block mr-5 align-middle text-xl">
|
||||||
|
<i class="fa fa-bell"></i>
|
||||||
|
</span>
|
||||||
|
<span class="inline-block mr-8 align-middle">
|
||||||
|
<b class="capitalize">{{this.pendahuluan}}</b>
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="relative px-6 py-4 border-0 rounded mb-4 bg-gray-500 text-white">
|
||||||
|
<span class="inline-block mr-5 align-middle text-xl">
|
||||||
|
<i class="fa fa-bell"></i>
|
||||||
|
</span>
|
||||||
|
<span class="inline-block mr-8 align-middle">
|
||||||
|
<b class="capitalize">ALERT</b>
|
||||||
|
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse"
|
||||||
|
>
|
||||||
|
<span class="flex w-full rounded-md shadow-sm sm:ml-3 sm:w-auto">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="inline-flex justify-center w-full rounded-md border border-transparent px-4 py-2 bg-red-600 text-base leading-6 font-medium text-white shadow-sm hover:bg-red-500 focus:outline-none focus:border-red-700 focus:shadow-outline-red transition ease-in-out duration-150 sm:text-sm sm:leading-5"
|
||||||
|
@click="showModal = false"
|
||||||
|
>
|
||||||
|
Close in red xd
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
class="mt-3 flex w-full rounded-md shadow-sm sm:mt-0 sm:w-auto"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="inline-flex justify-center w-full rounded-md border border-gray-300 px-4 py-2 bg-white text-base leading-6 font-medium text-gray-700 shadow-sm hover:text-gray-500 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue transition ease-in-out duration-150 sm:text-sm sm:leading-5"
|
||||||
|
@click="showModal = false"
|
||||||
|
>
|
||||||
|
Close
|
||||||
|
</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</transition>
|
||||||
|
<!-- <p>Some text</p>
|
||||||
|
<button
|
||||||
|
@click="showModal = true"
|
||||||
|
type="button"
|
||||||
|
class="rounded-md bg-blue-500 hover:bg-blue-700 text-white py-2 px-4"
|
||||||
|
>
|
||||||
|
Show modal
|
||||||
|
</button> -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name:'modal',
|
||||||
|
data: () => ({
|
||||||
|
showModal: true,
|
||||||
|
bakiawal: 0,
|
||||||
|
baki: 0,
|
||||||
|
pendahuluan: 0,
|
||||||
|
serahan: 0,
|
||||||
|
|
||||||
|
}),
|
||||||
|
method:{
|
||||||
|
ontrigger() {
|
||||||
|
this.showModal = true;
|
||||||
|
console.log('true');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- Use preprocessors via the lang attribute! e.g. <style lang="scss"> -->
|
||||||
|
<style>
|
||||||
|
.fade-enter-from,
|
||||||
|
.fade-leave-to {
|
||||||
|
opacity: 0;
|
||||||
|
transition: ease 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-leave-from,
|
||||||
|
.fade-enter-to {
|
||||||
|
opacity: 1;
|
||||||
|
transition: ease 0.2s;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -17,3 +17,8 @@ use Illuminate\Support\Facades\Route;
|
|||||||
Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
|
Route::middleware('auth:sanctum')->get('/user', function (Request $request) {
|
||||||
return $request->user();
|
return $request->user();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
Route::group(['prefix' => 'check'], function () {
|
||||||
|
Route::get('/periksaalirantunai', 'App\Http\Controllers\AliranTunaiController@periksaAliranTunai');
|
||||||
|
Route::get('/kemaskinialirantunai', 'App\Http\Controllers\AliranTunaiController@kemaskiniAliranTunai');
|
||||||
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user