update-ui,zoom
This commit is contained in:
unknown
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="row col-md-10 col-md-offset-1">
|
||||
<div class="col-md-12">
|
||||
<h2 class="text-center">Pengesahan Kehadiran</h2>
|
||||
<h3 class="text-center">Pendaftaran Kehadiran</h3>
|
||||
<hr />
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item"><b>No. Kad Pengenalan : </b>{{ data.user.no_kp }}</li>
|
||||
@@ -18,7 +18,7 @@
|
||||
</ul>
|
||||
<div v-if="hasVoted()">
|
||||
<hr />
|
||||
<h4>Your votes information</h4>
|
||||
<h4>Maklumat Undian</h4>
|
||||
<hr />
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item" v-for="result in data.result">
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
Vote Now
|
||||
</router-link>
|
||||
<router-link v-else :to="{name: 'Result'}" class="btn btn-info">
|
||||
View Result
|
||||
Papar Keputusan
|
||||
</router-link>
|
||||
</center>
|
||||
</li>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="row col-md-10 col-md-offset-1">
|
||||
<div class="col-md-4">
|
||||
<h4>Positions</h4><hr/>
|
||||
<h4>Jawatan</h4><hr/>
|
||||
<ul class="list-group">
|
||||
<router-link :key="position.id" v-for="position in data.positions" class="list-group-item" :class="{'active':position.id==position_id}" tag="li" :to="{query:{position_id:position.id}}" exact replace>
|
||||
{{ position.name }}
|
||||
@@ -9,7 +9,7 @@
|
||||
<li class="list-group-item">
|
||||
<center>
|
||||
<button class="btn btn-info" @click="refreshResults()">
|
||||
Refresh results <i class="fa fa-refresh"></i>
|
||||
Kemaskini Keputusan <i class="fa fa-refresh"></i>
|
||||
</button>
|
||||
</center>
|
||||
</li>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="row col-md-10 col-md-offset-1">
|
||||
<div class="col-md-4">
|
||||
<h4>Vote Information</h4><hr/>
|
||||
<h4>Maklumat Undian</h4><hr/>
|
||||
<ul class="list-group">
|
||||
<li class="list-group-item" v-for="position in data.positions">
|
||||
<b>{{ position.name }} : </b>{{ getName(position.id) }}
|
||||
@@ -15,7 +15,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-8">
|
||||
<h4>Select Candidates</h4><hr/>
|
||||
<h4>Pilih Calon </h4><hr/>
|
||||
<div class="panel panel-info" v-for="position in data.positions">
|
||||
<div class="panel-heading">{{ position.name }}</div>
|
||||
<div class="panel-body table-responsive">
|
||||
@@ -23,7 +23,7 @@
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>Name</th>
|
||||
<th>Nama</th>
|
||||
<th>Partylist</th>
|
||||
<th>Unit</th>
|
||||
</tr>
|
||||
@@ -42,7 +42,7 @@
|
||||
</div>
|
||||
|
||||
<modal id="vote-modal">
|
||||
<modal-header>Vote</modal-header>
|
||||
<modal-header>UNDIAN</modal-header>
|
||||
<modal-body>
|
||||
<h3>Note: You can only vote once, so vote wisely.</h3>
|
||||
</modal-body>
|
||||
|
||||
@@ -1,16 +1,42 @@
|
||||
<template>
|
||||
<div class="row col-md-10 col-md-offset-1">
|
||||
<div class="col-md-12">
|
||||
<h2 class="text-center">Pautan Zoom</h2>
|
||||
|
||||
</div>
|
||||
<h3 class="text-center">Pautan Zoom</h3>
|
||||
<div>
|
||||
<img :src="imageUrl" alt="Centered Image " class="centered-image" />
|
||||
|
||||
</div><hr>
|
||||
|
||||
<CENTER><h4>SELAMAT DATANG KE MESYUARAT AGUNG TAHUNAN KoPKB KALI KE-27/2023</h4></CENTER>
|
||||
|
||||
<div class ="centered-button">
|
||||
<button class="btn btn-primary" @click=" navigateToURL">Klik pada pautan berikut >></button>
|
||||
</div>
|
||||
|
||||
|
||||
<!--
|
||||
<div>
|
||||
<button class="centered-button" @click="handleClick">Klik pada pautan berikut >> </button>
|
||||
</div> -->
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
export default {
|
||||
|
||||
methods: {
|
||||
navigateToURL() {
|
||||
// Navigate to the desired URL
|
||||
window.location.href = 'https://us06web.zoom.us/j/87138156396?pwd=JEakXmAZjRnPeXbPN7K8ajnbL0X77a.1';
|
||||
}
|
||||
},
|
||||
|
||||
created: function () {
|
||||
//console.log(this)
|
||||
},
|
||||
@@ -21,12 +47,63 @@ export default {
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
computed: {
|
||||
header: function () {
|
||||
return this.x.name + ' for ' + this.getPosition(this.x.position_id);
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
return {
|
||||
imageUrl:'https://th.bing.com/th/id/OIP.vCNlpyR-8eSN6qHGGIQemAHaCr?w=338&h=126&c=7&r=0&o=5&dpr=2&pid=1.7'
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// CustomButton {
|
||||
// }
|
||||
// methods: {
|
||||
// goToDestination() {
|
||||
// // Replace 'destinationURL' with the URL you want to navigate to
|
||||
// window.location.href = 'https://us06web.zoom.us/j/87138156396?pwd=JEakXmAZjRnPeXbPN7K8ajnbL0X77a.1';
|
||||
// }
|
||||
// }
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
|
||||
.centered-image {
|
||||
/* Styles for the image */
|
||||
max-width: 30%; /* Ensure the image does not exceed container width */
|
||||
max-height: 30%; /* Ensure the image does not exceed container height */
|
||||
position: relative;
|
||||
/* top: 50%; */
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
|
||||
}
|
||||
.centered-button {
|
||||
/* Button styles */
|
||||
align-items: center;
|
||||
/* background-color: #4CAF50; Green */
|
||||
border-color:rgb(219, 222, 226);
|
||||
padding: 20px 40px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
</script>
|
||||
.centered-button:hover {
|
||||
/* Button styles on hover */
|
||||
outline-color: #045415;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" :href="data.baseURL" >AGM</a>
|
||||
<a class="navbar-brand" :href="data.baseURL" >MyKoPKB</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="myNavbar">
|
||||
|
||||
|
||||
Reference in New Issue
Block a user