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

merge_ui

Browse Source
This commit is contained in:
hayatie
2024-04-15 11:55:41 +08:00
parent 2da5918bbd 558e6993a3
commit 9c978355dd
19 changed files with 536 additions and 278 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/js/components/demo/voter/home/index.vue
+2
View File
@@ -7,6 +7,8 @@
<li class="list-group-item"><b>No. Anggota : </b>{{ data.user.no_anggota }}</li>
<li class="list-group-item"><b>Nama : </b>{{ data.user.name }}</li>
<li class="list-group-item"><b>Unit : </b>{{ data.user.unit }}</li>
<li class="list-group-item"><b>Saham : </b>{{ data.user.saham }}</li>
<li class="list-group-item"><b>Yuran : </b>{{ data.user.yuran }}</li>
<li class="list-group-item" v-if="data.election.status==1">
<center>Undian belum bermula</center>
</li>
resources/assets/js/components/demo/voter/home/vote.vue
+146 -89
View File
@@ -1,69 +1,89 @@
<template>
<div class="row col-md-10 col-md-offset-1">
<div class="col-md-4">
<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) }}
</li>
<li class="list-group-item">
<center>
<button class="btn btn-success" @click="util.showModal('#vote-modal')">Submit Vote</button>
<button class="btn btn-default" @click="reset()">Reset</button>
</center>
</li>
</ul>
</div>
<div class="col-md-8">
<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">
<table class="table table-hover">
<thead>
<tr>
<th></th>
<th>Nama</th>
<th>Partylist</th>
<th>Unit</th>
</tr>
</thead>
<tbody>
<tr v-for="nominee in data.nominees" v-if="nominee.position_id==position.id" @click="vote(position.id,nominee.id)">
<td><input type="radio" :name="position.id" :id="nominee.id"/></td>
<td>{{ nominee.name }}</td>
<td>{{ getPartylist(nominee.partylist_id) }}</td>
<td>{{ nominee.unit }}</td>
</tr>
</tbody>
</table>
<div class="row col-md-10 col-md-offset-1">
<div class="col-md-4">
<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) }}
</li>
<!-- <ul class="list-group">
<li class="list-group-item" v-for="result in data.result">
<b>{{ getPosition(result.position_id) }} : </b>{{ getNominee(result.nominee_id) }}
</li>
</ul> -->
<li class="list-group-item">
<center>
<button class="btn btn-success" @click="util.showModal('#vote-modal')">Submit Vote</button>
<button class="btn btn-default" @click="reset()">Reset</button>
</center>
</li>
</ul>
</div>
<div class="col-md-8">
<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">
<table class="table table-hover">
<thead>
<tr>
<th></th>
<th>Name</th>
<th>No. Anggota</th>
<th>Unit</th>
</tr>
</thead>
<tbody>
<tr v-for="(nominee, index) in data.nominees" v-if="nominee.position_id == position.id"
:key="nominee.id">
<td><input type="checkbox" :id="nominee.id" @change="vote(position.id, nominee.id)" />
</td>
<td>{{ nominee.name }}</td>
<td>{{ nominee.no_anggota }}</td>
<td>{{ nominee.unit }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="modal" id="vote-modal" tabindex="-2" role="dialog" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">AGM</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<h3>Nota: You can only vote once, so vote wisely.</h3>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary" @click="submit()">Submit Vote</button>
</div>
</div>
</div>
</div>
</div>
<modal id="vote-modal">
<modal-header>UNDIAN</modal-header>
<modal-body>
<h3>Note: You can only vote once, so vote wisely.</h3>
</modal-body>
<modal-footer>
<button class="btn btn-success" @click="submit()">Submit Vote</button>
<button class="btn btn-default" data-dismiss="modal">Cancel</button>
</modal-footer>
</modal>
</div>
</template>
<script>
export default{
export default {
created: function () {
if (this.data.result.length > 0 || this.data.election.status != 2)
this.$router.push({name: 'Voter Home'})
if (this.data.result.length > 0 || this.data.election.status != 2)
this.$router.push({ name: 'Voter Home' })
for (var i in this.data.positions) {
this.selected.push({
position_id: this.data.positions[i]['id'],
nominee_id: null,
position_id: this.data.positions[i]['id'],
nominee_id: [],
});
}
},
@@ -71,39 +91,56 @@ export default{
data: function () {
return {
selected: [],
name: {}
name: {},
selectedNominees: {
},
}
},
methods: {
test: function () {
console.log('tab');
this.util.showModal('#vote-modal')
},
submit: function () {
this.util.hideModal('#vote-modal');
if (this.hasNullVote()) return;
if (Object.keys(this.selected).length === 0) {
// No selections made
this.util.notify('Please select at least one nominee.', 'error');
return;
}
var vm = this;
this.util.notify('Submitting your vote, please wait...', 'loading');
let data = {};
data['vote'] = this.selected;
axios.post(config.API+'election/vote', data)
.then(response=>{
$.notifyClose();
if (vm.util.showResult(response, 'success')){
vm.data.result = response.data.result;
vm.$router.push({name: 'Voter Home'});
}
console.log(this.selected)
// Prepare data to send to the server
let data = {
vote: this.selected
};
// Log the data to ensure it's correctly formatted
console.log(data);
// Send a POST request to the server
axios.post(config.API + 'election/vote', data)
.then(response => {
$.notifyClose();
if (vm.util.showResult(response, 'success')) {
vm.data.result = response.data.result;
vm.$router.push({ name: 'Voter Home' });
$('.modal').modal('hide');
}
})
.catch(error=>{
.catch(error => {
$.notifyClose();
vm.util.showResult(error, 'error');
})
});
},
hasNullVote: function () {
let selected = this.selected;
for (var i in selected)
if (selected[i]['nominee_id'] == null){
console.log('null' + this.selectedNominees);
let selected = this.selectedNominees;
for (var i in selected)
if (selected[i]['nominee_id'] == null) {
this.util.notify('You must vote on all position', 'error');
return true;
}
@@ -111,42 +148,62 @@ export default{
},
reset: function () {
let selected = this.selected;
for (var i in selected){
$('#'+selected[i]['nominee_id']).selected(false);
console.log(this.selectedNominees);
let selected = this.selectedNominees;
for (var i in selected) {
$('#' + selected[i]['nominee_id']).selected(false);
selected[i]['nominee_id'] = null;
}
},
vote: function (position_id, nominee_id) {
$('#'+nominee_id).selected();
for (var i in this.selected)
if (this.selected[i]['position_id'] == position_id) {
this.selected[i]['nominee_id'] = nominee_id;
}
if (!this.selected[0]['position_id']) {
this.$set(this.selected[0], position_id, []);
}
const index = this.selected[0]['nominee_id'].indexOf(nominee_id);
if (index === -1) {
// Nominee not found, add it
this.selected[0]['nominee_id'].push(nominee_id);
} else {
// Nominee found, remove it
this.selected[0]['nominee_id'].splice(index, 1);
}
console.log(this.selected[0])
},
getName: function (id) {
let positions = this.data.positions;
let selected = this.selected;
for (var i in selected)
if (selected[i]['position_id'] == id)
for (var i in selected)
if (selected[i]['position_id'] == id)
return this.getNominee(selected[i]['nominee_id']);
return '';
},
getNominee: function (id) {
let positions = this.data.positions;
let nominees = this.data.nominees;
for (var i in nominees)
if (nominees[i]['id'] == id) return nominees[i]['name'];
if (nominees[i]['id']==id) return nominees[i].name;
return '';
},
// getNominee: function (id) {
// let nominees = this.data.nominees;
// for (var i in nominees)
// if (nominees[i]['id'] == id) return nominees[i]['name'];
// },
getPartylist: function (id) {
let partylists = this.data.partylists;
for (var i in partylists)
if (partylists[i]['id']==id) return partylists[i]['name'];
if (partylists[i]['id'] == id) return partylists[i]['name'];
return 'No Partylist';
}
},
// uncheck: function (checkedName) {
// this.checkedName = this.checkedNames.filter(name => name !== checkedName);
// }
}
}
</script>
</script>
resources/assets/js/components/demo/voter/index.vue
+3 -3
View File
@@ -27,12 +27,12 @@
<a href="#">Pautan Zoom</a>
</router-link>
<router-link :to="{name: 'Vote'}" v-if="data.election.status==2 && !hasVoted()" tag="li" exact>
<a href="#">Vote</a>
<router-link :to="{name: 'Vote'}" v-if="data.election.status==2 && data.user.saham >= 500 && !hasVoted()" tag="li" exact>
<a href="#">Undian</a>
</router-link>
<router-link :to="{name: 'Result'}" v-if="data.election.status==2 && hasVoted()" tag="li">
<a href="#">Results</a>
<a href="#">Keputusan</a>
</router-link>
</ul>