KoPKB/E-Vote
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

user-ui-update

Browse Source
This commit is contained in:
unknown
2024-04-07 08:46:50 +08:00
parent 6768b360f6
commit 2da5918bbd
18 changed files with 308 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/js/components/demo/voter/home/index.vue
+7 -5
View File
@@ -43,8 +43,9 @@
<tr>
<th></th>
<th>Name</th>
<th>Partylist</th>
<th>Unit</th>
<th>Taraf Pendidikan</th>
<th>Pengalaman Kerja </th>
</tr>
</thead>
<tbody>
@@ -56,8 +57,9 @@
style="height: 60px;width: 60px;" />
</td>
<td>{{ nominee.name }}</td>
<td>{{ getPartylist(nominee.partylist_id) }}</td>
<td>{{ nominee.unit }}</td>
<td>{{ nominee.unit }}</td>
<td>{{ nominee.education}}</td>
<td>{{ nominee.experience}}</td>
</tr>
</tbody>
</table>
@@ -75,8 +77,8 @@
<h3><strong><em>"{{ x.motto }}"</em></strong></h3>
<b> Name : </b>{{ x.name }}<br/>
<b> Unit : </b>{{ x.unit }}<br/>
<b> Partylist : </b>{{ getPartylist(x.partylist_id) }}<br/><hr/>
{{ x.description }}
<b> education : </b>{{ getPartylist(x.education) }}<br/><hr/>
{{ x.experience }}
</div>
</div>
</modal-body>
resources/assets/js/components/demo/voter/home/zoom.vue
+2 -1
View File
@@ -7,7 +7,8 @@
</div><hr>
<CENTER><h4>SELAMAT DATANG KE MESYUARAT AGUNG TAHUNAN KoPKB KALI KE-27/2023</h4></CENTER>
<CENTER><h4>SELAMAT DATANG KE MESYUARAT AGUNG TAHUNAN KoPKB
<br> KALI KE-27/2023 </h4></CENTER>
<div class ="centered-button">
<button class="btn btn-primary" @click=" navigateToURL">Klik pada pautan berikut >></button>
resources/assets/js/components/demo/voter/index.vue
+1 -1
View File
@@ -9,7 +9,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" :href="data.baseURL" >MyKoPKB</a>
<a class="navbar-brand" :href="data.baseURL" > <img src='https://i.postimg.cc/ZBDD0ZfQ/Whats-App-Image-2024-03-21-at-1-24-46-PM-2.jpg' border='0' alt="MyKoPKB Logo"></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
resources/assets/js/components/demo/voter/login.vue
+77 -35
View File
@@ -1,34 +1,46 @@
<template>
<div class="col-md-5 col-md-offset-3">
<div class="panel panel-default">
<div class="panel-heading">
<h4>Selamat Datang!</h4>
</div>
<div class="col-md-5 col-md-offset-3">
<div class="panel panel-default">
<div class="panel-body">
<form @submit.prevent="login" id="login_form">
<div class="text-center">
<div class="form-group">
<label for="no_kp">Masukkan No. Kad Pengenalan!</label>
<input type="text" name="no_kp" class="form-control" required/>
<div class="panel-heading">
<img id="logo" alt="Logo">
<h4>Selamat Datang ke MyKoPKB eVoting System !</h4>
</div>
</div>
<div class="panel-body">
<form @submit.prevent="login" id="login_form">
<div class="form-group">
<input
type="submit"
class="btn btn-primary form-control"
value="Login"/>
</div>
<div class="form-group">
<label for="no_kp">Sila Masukkan No. Kad Pengenalan</label>
<input type="text" name="no_kp" placeholder="masukkan no .k/p" class="form-control" required />
</div>
<div class="form-group">
<input type="submit" class="btn btn-primary form-control" value="Masuk" />
</div>
</form>
</div>
</form>
</div>
</div>
</div>
</template>
<script>
export default{
// JavaScript to set the image source
document.addEventListener('DOMContentLoaded', function () {
// Select the image element by its ID
var logoImage = document.getElementById('logo');
// Set the source of the image dynamically
logoImage.src = 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS62as3fVF6AdC6CZhfSIG4GCDBSzS3YyhlJg&s'; // Replace this URL with your desired image URL
});
export default {
data: function () {
return {
@@ -39,22 +51,22 @@ export default{
created: function () {
if (this.util.isLogin())
//return this.$router.push({name:'Admin Home'})
this.util.setTitle('Voter Login');
this.util.setTitle('Log Masuk Pengundi=====');
},
methods: {
login: function(){
axios.post(config.API+'voter/login', $('#login_form').serialize())
.then(response => {
this.stopLoading();
if (this.util.showResult(response, 'success')) {
this.$router.push({ name: 'Voter Verify',params: {'nokp' : response.data.nokp,'notel' : response.data.notel} })
}
})
.catch(error => {
vm.stopLoading();
this.util.showResult(error, 'error');
})
login: function () {
axios.post(config.API + 'voter/login', $('#login_form').serialize())
.then(response => {
this.stopLoading();
if (this.util.showResult(response, 'success')) {
this.$router.push({ name: 'Voter Verify', params: { 'nokp': response.data.nokp, 'notel': response.data.notel } })
}
})
.catch(error => {
vm.stopLoading();
this.util.showResult(error, 'error');
})
},
startLoading: function () {
this.util.notify('Logging in', 'loading');
@@ -67,11 +79,41 @@ export default{
}
},
}
};
</script>
<style>
body {
padding: 50px 5px;
/* background-color:; */
}
</style>
.logo {
width: 200px;
/* Adjust width as needed */
height: auto;
object-fit: cover;
}
.form-control {
border-radius: 0.80rem;
cursor: pointer;
}
.btn-primary:hover {
background-color:#A7D397;
color: #f3f6f8; /* Change text color on hover */
text-shadow : 2px 2px 8px rgba(0, 0, 0, 0.5);
}
</style>