From ad41f4bcfd52cace76fd9f3b712a1634d0350889 Mon Sep 17 00:00:00 2001
From: nurafrinaalimi16 <nurafrinaalimi16@gmail.com>
Date: Sun, 21 Apr 2024 15:30:48 +0800
Subject: [PATCH] add bilangan on maklumat pengundi

---
 .../js/components/demo/admin/voter/index.vue  |  2 ++
 .../components/demo/admin/voter/kehadiran.vue | 24 ++++++++++++++++++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/resources/assets/js/components/demo/admin/voter/index.vue b/resources/assets/js/components/demo/admin/voter/index.vue
index 5c021bf..c5746ae 100644
--- a/resources/assets/js/components/demo/admin/voter/index.vue
+++ b/resources/assets/js/components/demo/admin/voter/index.vue
@@ -16,6 +16,7 @@
 			<table class="table table-hover" id="position_table">
 				<thead>
 					<tr>
+						<th>Bil.</th>
 						<th>Nama Anggota</th>
 						<th>No. Kad Pengenalan</th>
 						<th>No. Anggota</th>
@@ -27,6 +28,7 @@
 				</thead>
 				<tbody>
 					<tr v-for="(voter,i) in data.voters.data">
+						<td>{{ i + 1 }}</td>
 						<td>{{ voter.name }}</td>
 						<td>{{ voter.no_kp }}</td>
 						<td>{{ voter.no_anggota }}</td>
diff --git a/resources/assets/js/components/demo/admin/voter/kehadiran.vue b/resources/assets/js/components/demo/admin/voter/kehadiran.vue
index e6033f4..c917143 100644
--- a/resources/assets/js/components/demo/admin/voter/kehadiran.vue
+++ b/resources/assets/js/components/demo/admin/voter/kehadiran.vue
@@ -5,10 +5,16 @@
 				<i class="fa fa-refresh"></i> Kemaskini Pengundi
 			</button>
 
+			<button class="btn btn-primary" @click="downloadPDF()">
+                <i class="fa fa-download"></i> Muat Turun PDF
+            </button>
+
+
 			<div class="table-responsive">
 				<table class="table table-hover">
 					<thead>
 						<tr>
+							<th>Bil.</th>
 							<th>Nama Anggota</th>
 							<th>No. Kad Pengenalan</th>
 							<th>No. Anggota</th>
@@ -19,6 +25,7 @@
 					</thead>
 					<tbody>
 						<tr v-for="(voter, i) in data.voters.data">
+							<td>{{ i + 1 }}</td>
 							<td>{{ voter.name }}</td>
 							<td>{{ voter.no_kp }}</td>
 							<td>{{ voter.no_anggota }}</td>
@@ -49,6 +56,10 @@
 </template>
 
 <script>
+
+import html2canvas from 'html2canvas';
+import jsPDF from 'jspdf';
+
 export default {
 	data: function () {
 		return {
@@ -90,7 +101,18 @@ export default {
 				default:
 					return '-';
 			}
-		}
+		},
+
+		downloadPDF() {
+            const table = document.getElementById('voterTable');
+
+            html2canvas(table).then(canvas => {
+                const imgData = canvas.toDataURL('image/png');
+                const pdf = new jsPDF();
+                pdf.addImage(imgData, 'PNG', 0, 0);
+                pdf.save('kehadiran-pengundi.pdf');
+            });
+        },
 
 	},