update-ui,zoom

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
@@ -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>
@@ -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>
@@ -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>
@@ -8,7 +8,7 @@
<script>
export default{
created: function () {
this.util.setTitle('Voting System - Maklumat Calon');
this.util.setTitle('MyKoPKB - Maklumat Calon');
}
}
</script>