DONE: remove verified by ajk, fix bug on pagination, improve UI

This commit is contained in:
ISMAIL MASSERAN
2026-04-27 12:06:54 +08:00
parent bd2306b073
commit 4425fa6176
20 changed files with 77081 additions and 535 deletions
@@ -1,23 +1,23 @@
<template>
<div class="panel panel-default">
<div class="panel-body">
<h4>Tambah Jawatan</h4>
<form @submit.prevent="add()" id="add-form">
<div class="form-group">
<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">Hantar</button>
<router-link :to="{name: 'Kemaskini Jawatan'}" class="btn btn-default">Kembali</router-link>
</div>
</form>
<div class="panel panel-default">
<div class="panel-body">
<h4>Tambah Sesi</h4>
<form @submit.prevent="add()" id="add-form">
<div class="form-group">
<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">Hantar</button>
<router-link :to="{ name: 'Kemaskini Sesi' }" class="btn btn-default">Kembali</router-link>
</div>
</form>
</div>
</div>
</div>
</template>
<script>
export default{
export default {
data: function () {
return {
loading: false
@@ -29,15 +29,15 @@ export default{
this.loading = true;
var vm = this;
this.util.notify('Adding Position', 'loading')
axios.post(config.API+'position', $('#add-form').serialize())
.then(response=>{
axios.post(config.API + 'position', $('#add-form').serialize())
.then(response => {
$.notifyClose();
vm.loading = false;
if (vm.util.showResult(response, 'success')) {
vm.$router.push({name:'Kemaskini Jawatan', query:{refresh:true}});
vm.$router.push({ name: 'Kemaskini Sesi', query: { refresh: true } });
}
})
.catch(error=>{
.catch(error => {
$.notifyClose();
vm.loading = false;
vm.util.showResult(error);
@@ -1,23 +1,23 @@
<template>
<div class="panel panel-default">
<div class="panel-body">
<h4>Edit Jawatan</h4>
<form @submit.prevent="edit()" id="edit-form">
<div class="form-group">
<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">Kembali</router-link>
</div>
</form>
<div class="panel panel-default">
<div class="panel-body">
<h4>Edit Sesi</h4>
<form @submit.prevent="edit()" id="edit-form">
<div class="form-group">
<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 Sesi' }" class="btn btn-default">Kembali</router-link>
</div>
</form>
</div>
</div>
</div>
</template>
<script>
export default{
export default {
data: function () {
return {
loading: false
@@ -26,7 +26,7 @@ export default{
created: function () {
if (!this.data.position.id) {
this.$router.push({name:'Kemaskini Jawatan'});
this.$router.push({ name: 'Kemaskini Sesi' });
}
},
@@ -36,15 +36,15 @@ export default{
this.loading = true;
var vm = this;
this.util.notify('Updating position', 'loading');
axios.put(config.API+'position/'+this.data.position.id, $('#edit-form').serialize())
.then(response=>{
axios.put(config.API + 'position/' + this.data.position.id, $('#edit-form').serialize())
.then(response => {
vm.loading = false;
$.notifyClose();
if (vm.util.showResult(response, 'success')) {
vm.$router.push({name:'Kemaskini Jawatan', query:{refresh:true}});
vm.$router.push({ name: 'Kemaskini Sesi', query: { refresh: true } });
}
})
.catch(error=>{
.catch(error => {
$.notifyClose();
vm.loading = false;
vm.util.showResult(error);
@@ -5,11 +5,11 @@
<div class="panel-body">
<div class="form-group">
<router-link class="btn btn-success" :to="{ name: 'Tambah Jawatan' }">
<i class="fa fa-plus"></i> Tambah Jawatan
<router-link class="btn btn-success" :to="{ name: 'Tambah Sesi' }">
<i class="fa fa-plus"></i> Tambah Sesi
</router-link>
<button class="btn btn-default" @click="refreshPosition()">
<i class="fa fa-refresh"></i> Kemaskini Jawatan
<i class="fa fa-refresh"></i> Kemaskini Sesi
</button>
</div>
@@ -59,7 +59,7 @@ export default {
created: function () {
if (this.$route.query.refresh) {
this.refreshPosition();
this.$router.replace({ name: 'Kemaskini Jawatan' })
this.$router.replace({ name: 'Kemaskini Sesi' })
}
},
@@ -1,14 +1,14 @@
<template>
<div class="container col-md-8 col-md-offset-2">
<h4>Kemaskini Jawatan</h4>
<router-view></router-view>
</div>
<div class="container col-md-8 col-md-offset-2">
<h4>Kemaskini Sesi</h4>
<router-view></router-view>
</div>
</template>
<script>
export default{
export default {
created: function () {
this.util.setTitle('MyKoPKB-Kemaskini Jawatan');
this.util.setTitle('MyKoPKB-Kemaskini Sesi');
}
}
</script>
</script>