Amir
66 lines
1.7 KiB
Vue
66 lines
1.7 KiB
Vue
<template>
|
|
<Navbar />
|
|
<div class="container" style="min-height: 80vh">
|
|
<button
|
|
class="btn btn-secondary float-start"
|
|
style="margin: 5px"
|
|
onclick="history.back()"
|
|
>
|
|
Kembali <i class="bi bi-backspace-fill"></i>
|
|
</button>
|
|
<div class="wrapper wrapper-content animated fadeInRight">
|
|
<h1>Bayar <i class="bi bi-credit-card-2-front"></i></h1>
|
|
<div class="row">
|
|
<div class="d-flex">
|
|
<h3 class="text-start">Belum Selesai </h3>
|
|
<h5>
|
|
<button @click="renderToPay" class="badge btn-secondary">
|
|
<i class="bi bi-arrow-clockwise"></i>
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
|
|
<ToPay :key="toPayComponent" />
|
|
</div>
|
|
<!-- <div class="row">
|
|
<div class="d-flex">
|
|
<h3 class="text-start">Rekod Bayaran </h3>
|
|
<h5>
|
|
<button @click="renderPaymentHistory" class="badge btn-secondary">
|
|
<i class="bi bi-arrow-clockwise"></i>
|
|
</button>
|
|
</h5>
|
|
</div>
|
|
<PaymentHistory :key="paymentHistoryComponent" />
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
|
|
<Footer />
|
|
</template>
|
|
|
|
<script>
|
|
import Navbar from "./Navbar.vue";
|
|
import Footer from "./Footer.vue";
|
|
import ToPay from "./result/ToPay.vue";
|
|
import PaymentHistory from "./result/PaymentHistory.vue";
|
|
|
|
export default {
|
|
name: "Pay",
|
|
components: { Navbar, Footer, ToPay, PaymentHistory },
|
|
data() {
|
|
return {
|
|
toPayComponent: 0,
|
|
paymentHistoryComponent: 0,
|
|
};
|
|
},
|
|
methods: {
|
|
renderToPay() {
|
|
this.toPayComponent += 1;
|
|
},
|
|
renderPaymentHistory() {
|
|
this.paymentHistoryComponent += 1;
|
|
},
|
|
},
|
|
};
|
|
</script> |