pdf result

resources/assets/js/components/demo/admin/home/index.vue

@@ -3,7 +3,7 @@
 		<div class="panel-body">
 			<h4>Undian Terkini</h4>
 			<div class="form-group">
-				<button class="btn btn-success" v-if="data.election.status == 1 &&  data.user.role==1"
+				<button class="btn btn-success" v-if="data.election.status == 1 && data.user.role == 1"
 					@click="util.showModal('#start-election-modal')">Mula Undian</button>
 
 				<router-link :to="{ name: 'Current Result' }" class="btn btn-info" v-if="data.election.status == 2">
@@ -37,6 +37,9 @@
 							<td>
 								<router-link :to="{ name: 'Election Result', params: { election_id: election.id } }"
 									class="btn btn-info">Keputusan Undian</router-link>
+
+								<a class="btn btn-warning" :href="getPDFurl(election.id)">Muat Turun PDF</a>
+								
 							</td>
 						</tr>
 						<tr v-if="data.elections.length < 1">
@@ -60,7 +63,8 @@
 							<div class="modal-body">
 								<div class="form-group">
 									<label for="name">Nama Undian</label>
-									<input type="text" name="name" autocomplete="on" class="form-control" placeholder="(Optional)" />
+									<input type="text" name="name" autocomplete="on" class="form-control"
+										placeholder="(Optional)" />
 								</div>
 
 								<div class="form-group">
@@ -91,12 +95,14 @@
 							<div class="modal-body">
 								<div class="form-group">
 									<label for="name">Nama Undian</label>
-									<input type="text" name="name" :value="data.election.name" autocomplete="on" class="form-control" placeholder="(Optional)" />
+									<input type="text" name="name" :value="data.election.name" autocomplete="on"
+										class="form-control" placeholder="(Optional)" />
 								</div>
 
 								<div class="form-group">
 									<label for="password">Kata Laluan</label>
-									<input type="password" name="password" autocomplete="on" class="form-control" required />
+									<input type="password" name="password" autocomplete="on" class="form-control"
+										required />
 								</div>
 							</div>
 							<div class="modal-footer">
@@ -112,6 +118,12 @@
 	</div>
 </template>
 
+<style>
+    .center-header {
+        text-align: center;
+    }
+</style>
+
 <script>
 export default {
 	data: () => ({
@@ -181,6 +193,12 @@ export default {
 					$.notifyClose();
 					vm.util.showResult(error, 'error');
 				})
+		},
+
+
+		getPDFurl(Id) {
+			// Construct and return the URL based on the item ID
+			return `/result/${Id}`;
 		}
 	}
 }