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

update-ui,zoom

Browse Source
This commit is contained in:
unknown
2024-03-30 01:39:36 +08:00
parent c089247bf2
commit 1b49be4fb6
25 changed files with 174 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/js/components/admin/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="">Voting System</a>
<a class="navbar-brand" href="">MyKoPKB</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
resources/assets/js/components/admin/login.vue
+1 -1
View File
@@ -2,7 +2,7 @@
<div class="col-md-5 col-md-offset-3">
<div class="panel panel-default">
<div class="panel-heading">
<h4>Admin Login</h4>
<h4>Admin Log Masuk </h4>
</div>
<div class="panel-body">
resources/assets/js/components/admin/position.vue
+1 -1
View File
@@ -5,7 +5,7 @@
<h3><b>Tambah Jawatan</b></h3>
<form>
<div class="form-group">
<label for="name">Position</label>
<label for="name">Jawatan</label>
<input type="text" name="name" class="form-control" required/>
</div>
resources/assets/js/components/demo/admin/admin/admin.vue
+1 -1
View File
@@ -8,7 +8,7 @@
<script>
export default{
created: function () {
this.util.setTitle('Voting System - Manage Account');
this.util.setTitle('MyKoPKB - Pengurusan Akaun');
}
}
</script>
resources/assets/js/components/demo/admin/admin/edit.vue
+3 -3
View File
@@ -1,10 +1,10 @@
<template>
<div class="panel panel-default">
<div class="panel-body">
<h4>Update Account</h4>
<h4>Kemaskini Akaun</h4>
<form @submit.prevent="edit()" id="edit_form">
<div class="form-group">
<label for="name">Name</label>
<label for="name">Nama</label>
<input type="text" name="name" class="form-control" :value="data.user.name" required/>
</div>
@@ -15,7 +15,7 @@
<div class="form-group">
<input type="submit" value="Submit" class="btn btn-info"/>
<router-link :to="{name: 'Update Password'}" class="btn btn-default">Change Password</router-link>
<router-link :to="{name: 'Update Password'}" class="btn btn-default">Tukar Kata Laluan</router-link>
</div>
</form>
</div>
resources/assets/js/components/demo/admin/admin/index.vue
+3 -3
View File
@@ -13,9 +13,9 @@
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Nama</th>
<th>Email</th>
<th>Delete</th>
<th>Padam</th>
</tr>
</thead>
<tbody>
@@ -25,7 +25,7 @@
<td>{{ admin.email }}</td>
<td>
<button class="btn btn-danger" @click="id=admin.id;util.showModal('#delete-admin-modal')">
<i class="fa fa-trash"></i> Delete
<i class="fa fa-trash"></i> Padam
</button>
</td>
</tr>
resources/assets/js/components/demo/admin/admin/password.vue
+5 -5
View File
@@ -1,26 +1,26 @@
<template>
<div class="panel panel-default">
<div class="panel-body">
<h4>Update Password</h4>
<h4>Kemaskini Kata Laluan </h4>
<form @submit.prevent="edit()" id="edit_form">
<div class="form-group">
<label for="old_password">Old Password</label>
<label for="old_password">Kata Laluan lama</label>
<input type="password" name="old_password" class="form-control" required/>
</div>
<div class="form-group">
<label for="password">New Password</label>
<label for="password">Kata Laluan Baru </label>
<input type="password" name="password" class="form-control" required/>
</div>
<div class="form-group">
<label for="confirm_password">Confirm Password</label>
<label for="confirm_password">Sahkan Kata Laluan</label>
<input type="password" name="confirm_password" class="form-control" required/>
</div>
<div class="form-group">
<input type="submit" value="Submit" class="btn btn-info"/>
<router-link :to="{name: 'Update Account'}" class="btn btn-default">Back</router-link>
<router-link :to="{name: 'Update Account'}" class="btn btn-default">Kembali</router-link>
</div>
</form>
</div>
resources/assets/js/components/demo/admin/home/final.vue
+2 -2
View File
@@ -9,10 +9,10 @@
<thead>
<tr>
<th width="10%">No. Anggota</th>
<th width="30%">Name</th>
<th width="30%">Nama</th>
<th width="20%">Partylist</th>
<th width="20%">Unit</th>
<th width="20%">Votes</th>
<th width="20%">Undian</th>
</tr>
</thead>
<tbody>
resources/assets/js/components/demo/admin/home/index.vue
+7 -7
View File
@@ -1,7 +1,7 @@
<template>
<div class="panel panel-default">
<div class="panel-body">
<h4> Recent Elections</h4>
<h4>Undian terkini </h4>
<div class="form-group">
<button class="btn btn-success" v-if="data.election.status == 1" @click="util.showModal('#start-election-modal')">Start Election</button>
@@ -11,7 +11,7 @@
<button class="btn btn-danger" v-if="data.election.status == 2" @click="util.showModal('#stop-election-modal')">End Election</button>
<label v-if="data.election.status == 2">Election has Started {{ start_date }}</label>
<label v-if="data.election.status == 2">Undian telah bermula {{ start_date }}</label>
</div>
@@ -20,10 +20,10 @@
<thead>
<tr>
<th>ID</th>
<th>Election Name</th>
<th>Election Start</th>
<th>Election End</th>
<th>View</th>
<th>Nama Pengundi</th>
<th>Undian Mula </th>
<th>Undian Tamat</th>
<th>Papar</th>
</tr>
</thead>
<tbody>
@@ -73,7 +73,7 @@
</div>
<div class="form-group">
<label for="password">Confirm Password</label>
<label for="password">Sahkan Kata Laluan</label>
<input type="password" name="password" class="form-control" required/>
</div>
</modal-body>
resources/assets/js/components/demo/admin/home/result.vue
+3 -3
View File
@@ -1,7 +1,7 @@
<template>
<div class="row">
<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,14 +9,14 @@
<li class="list-group-item">
<center>
<button class="btn btn-info" @click="refreshNominees()">
Refresh results <i class="fa fa-refresh"></i>
Kemaskini Keputusan<i class="fa fa-refresh"></i>
</button>
</center>
</li>
</ul>
</div>
<div class="col-md-8">
<h4>Results</h4><hr/>
<h4>Keputusan</h4><hr/>
<div class="panel panel-default">
<div class="panel-heading">{{ getPosition(position_id) }} - Results as of : {{ last_update }}</div>
<div class="panel-body">
resources/assets/js/components/demo/admin/index.vue
+4 -4
View File
@@ -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">
@@ -47,14 +47,14 @@
<ul class="dropdown-menu">
<router-link :to="{name:'Update Account'}" tag="li" exact>
<a href="#">Update Account</a>
<a href="#">Kemaskini Akaun</a>
</router-link>
<router-link :to="{name: 'Manage Account'}" tag="li" v-if="data.user.id==1">
<a href="#">Manage Account</a>
<a href="#">Pengurusan Akaun</a>
</router-link>
<li @click="logout()"><a>Logout</a></li>
<li @click="logout()"><a>Log Keluar</a></li>
</ul>
</li>
</ul>
resources/assets/js/components/demo/admin/nominee/add.vue
+3 -3
View File
@@ -31,9 +31,9 @@
</div>
<div class="form-group">
<label for="position_id">Position</label>
<label for="position_id">Jawatan</label>
<select class="form-control" v-model="position_id" name="position_id" required>
<option value="0" disabled>--- Select Position ---</option>
<option value="0" disabled>--- Pilih Jawatan ---</option>
<option v-for="position in data.positions" :value="position.id">{{ position.name }}</option>
</select>
</div>
@@ -50,7 +50,7 @@
<img :src="imageUrl" v-if="imageUrl" alt="Preview">
</div>
<div>
<label for="image">Masukkan Gambar</label>
<label for="image">Muatnaik Gambar</label>
<input name="photo" type="file" accept="image/*" id="file-input" @change="handleImageChange">
</div>
resources/assets/js/components/demo/admin/nominee/edit.vue
+4 -4
View File
@@ -38,9 +38,9 @@
</div>
<div class="form-group">
<label for="position_id">Position</label>
<label for="position_id">Jawatan</label>
<select class="form-control" name="position_id" :value="nominee.position_id" required>
<option value="0" disabled>--- Select Position ---</option>
<option value="0" disabled>--- Pilih Jawatan ---</option>
<option v-for="position in data.positions" :value="position.id">{{ position.name }}</option>
</select>
</div>
@@ -57,7 +57,7 @@
<img :src="imageUrl" v-if="imageUrl" alt="Preview">
</div>
<div>
<label for="image">Masukkan Gambar</label>
<label for="image">Muat Naik Gambar</label>
<input name="photo" type="file" accept="image/*" id="file-input" @change="handleImageChange">
</div>
@@ -66,7 +66,7 @@
<router-link
:to="{name:'Maklumat Calon'}"
class="btn btn-default">
Back
Kembali
</router-link>
</div>
</div>
resources/assets/js/components/demo/admin/nominee/index.vue
+29 -10
View File
@@ -9,7 +9,7 @@
exact
replace
:class="{'active':position_id==0}">
All Position
Senarai Jawatan
</router-link>
<router-link
v-for="position in data.positions"
@@ -31,13 +31,15 @@
<table class="table table-hover">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>Id</th>
<th>Nama</th>
<th>No. Anggota</th>
<th>Unit</th>
<th>Position</th>
<th>Jawatan</th>
<!-- <th>Partylist</th> -->
<th>Action</th>
<th>Maklumat</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody>
@@ -49,20 +51,23 @@
<td>{{ nominee.no_anggota}}</td>
<td>{{ nominee.unit}}</td>
<td>{{ nominee.position}}</td>
<!-- <td>{{ nominee.partylist}}</td> -->
<td>Papar</td>
<td>
<router-link :to="{name: 'Edit Nominee', params:{id:nominee.id}}" class="btn btn-info">
<router-link :to="{name: 'Edit Nominee', params:{id:nominee.id}}" class="btn btn-primary">
<i class="fa fa-edit"></i> Edit
</router-link>
<button
class="btn btn-danger"
@click="util.showModal('#delete-nominee-modal');id=nominee.id">
<i class="fa fa-trash"></i> Delete
<i class="fa fa-trash"></i> Padam
</button>
</td>
</tr>
<tr v-if="nominees.length < 1">
<td colspan="7">No nominees</td>
<td colspan="7">No Calon</td>
</tr>
</tbody>
</table>
@@ -70,7 +75,7 @@
</div>
<modal id="delete-nominee-modal">
<modal-header>Delete Nominee</modal-header>
<modal-header>Padam Calon</modal-header>
<modal-body>
<h3>Are you sure to delete this nominee?</h3>
</modal-body>
@@ -82,10 +87,19 @@
</modal-footer>
</modal>
</div>
</template>
<script>
export default{
data() {
return {
visible: true
}
},
data: function () {
return {
id: 0
@@ -170,3 +184,8 @@ export default{
}
}
</script>
<style>
</style>
resources/assets/js/components/demo/admin/nominee/nominee.vue
+1 -1
View File
@@ -8,7 +8,7 @@
<script>
export default{
created: function () {
this.util.setTitle('Voting System - Maklumat Calon');
this.util.setTitle('MyKoPKB - Maklumat Calon');
}
}
</script>
resources/assets/js/components/demo/admin/position/add.vue
+3 -3
View File
@@ -4,12 +4,12 @@
<h4>Tambah Jawatan</h4>
<form @submit.prevent="add()" id="add-form">
<div class="form-group">
<label for="name">Name</label>
<label for="name">Nama</label>
<input type="text" name="name" class="form-control" required>
</div>
<div class="form-group">
<button type="submit" class="btn btn-success">Submit</button>
<router-link :to="{name: 'Kemaskini Jawatan'}" class="btn btn-default">Back</router-link>
<button type="submit" class="btn btn-success">Hantar</button>
<router-link :to="{name: 'Kemaskini Jawatan'}" class="btn btn-default">Kembali</router-link>
</div>
</form>
</div>
resources/assets/js/components/demo/admin/position/edit.vue
+3 -3
View File
@@ -1,15 +1,15 @@
<template>
<div class="panel panel-default">
<div class="panel-body">
<h4>Edit Position</h4>
<h4>Edit Jawatan</h4>
<form @submit.prevent="edit()" id="edit-form">
<div class="form-group">
<label for="name">Name</label>
<label for="name">Nama</label>
<input type="text" name="name" class="form-control" :value="data.position.name" required/>
</div>
<div class="form-group">
<input type="submit" value="Submit" class="btn btn-success"/>
<router-link :to="{name: 'Kemaskini Jawatan'}" class="btn btn-default">Back</router-link>
<router-link :to="{name: 'Kemaskini Jawatan'}" class="btn btn-default">Kembali</router-link>
</div>
</form>
</div>
resources/assets/js/components/demo/admin/position/index.vue
+6 -6
View File
@@ -18,8 +18,8 @@
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Action</th>
<th>Nama</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody>
@@ -33,12 +33,12 @@
<button
class="btn btn-danger"
@click="util.showModal('#delete-position-modal');id=position.id">
<i class="fa fa-trash"></i> Delete
<i class="fa fa-trash"></i> Padam
</button>
</td>
</tr>
<tr v-if="data.positions.length < 1">
<td colspan="3">No Positions</td>
<td colspan="3">No Jawatan</td>
</tr>
</tbody>
</table>
@@ -47,12 +47,12 @@
</div>
<modal id="delete-position-modal">
<modal-header>Delete Position</modal-header>
<modal-header>Padam Jawatan</modal-header>
<modal-body>
<h2>Are you sure to delete Position?</h2>
</modal-body>
<modal-footer>
<button class="btn btn-danger" @click="deletePosition()">Delete</button>
<button class="btn btn-danger" @click="deletePosition()">Padam</button>
<button class="btn btn-default" @click="util.hideModal('#delete-position-modal')">Cancel</button>
</modal-footer>
</modal>
resources/assets/js/components/demo/admin/position/position.vue
+1 -1
View File
@@ -8,7 +8,7 @@
<script>
export default{
created: function () {
this.util.setTitle('Voting System - Kemaskini Jawatan');
this.util.setTitle('MyKoPKB-Kemaskini Jawatan');
}
}
</script>
resources/assets/js/components/demo/voter/home/attendance.vue
+2 -2
View File
@@ -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">
resources/assets/js/components/demo/voter/home/index.vue
+1 -1
View File
@@ -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>
resources/assets/js/components/demo/voter/home/result.vue
+2 -2
View File
@@ -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>
resources/assets/js/components/demo/voter/home/vote.vue
+4 -4
View File
@@ -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>
resources/assets/js/components/demo/voter/home/zoom.vue
+83 -6
View File
@@ -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>
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" >AGM</a>
<a class="navbar-brand" :href="data.baseURL" >MyKoPKB</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">