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

fix attendance page (add highlight on kehadiran)

Browse Source
This commit is contained in:
nurafrinaalimi16
2025-04-24 17:11:32 +08:00
parent f82f10ab9d
commit 421a119986
1 changed files with 37 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/assets/js/components/demo/voter/home/attendance.vue
+37 -11
View File
@@ -35,13 +35,16 @@
<input type="text" name="unit" class="form-control" readonly :value="data.user.unit" required /> <input type="text" name="unit" class="form-control" readonly :value="data.user.unit" required />
</div> </div>
<div class="form-group"> <div class="form-group red-border">
<label for="role">Kehadiran :</label> <label for="kehadiran">Kehadiran :</label>
<select class="form-control" id="kehadiran" name="kehadiran" value="" required> <select class="form-control" id="kehadiran" name="kehadiran" required>
<option value="0">Sila Pilih :</option> <option value="0">Sila Pilih :</option>
<option value="1">Fizikal</option> <option value="1">Fizikal</option>
<option value="2">Maya</option> <option value="2">Maya</option>
</select> </select>
<small class="form-text text-muted">
<em>Sila pilih kehadiran (Maya/Fizikal) kemudian klik “✅ SAYA TERIMA”</em>
</small>
</div> </div>
<div class="alert alert-info mt-4 small"> <div class="alert alert-info mt-4 small">
@@ -59,16 +62,21 @@
<div class="text-center mt-4"> <div class="text-center mt-4">
<!-- If already confirmed attendance --> <!-- If already confirmed attendance -->
<div v-if="data.user.kehadiran != 0" class="alert alert-success fw-bold"> <div v-if="data.user.kehadiran != 0" class="alert alert-success fw-bold text-center py-4">
KEHADIRAN ANDA TELAH DISAHKAN SECARA <p class="mb-2">KEHADIRAN ANDA TELAH DISAHKAN SECARA</p>
<strong class="text-uppercase"> <h5 class="text-uppercase mb-3">
{{ data.user.kehadiran == 1 ? 'FIZIKAL' : 'MAYA' }} <strong class="fw-bold">
</strong> {{ data.user.kehadiran == 1 ? 'FIZIKAL' : 'MAYA' }}
<div class="mt-2 text-dark fw-normal"> </strong>
Sila ke tab <strong>Undian</strong> untuk mengundi. </h5>
</div>
<router-link :to="{ name: 'Vote' }"
class="btn btn-warning px-4 py-2 fw-bold rounded-pill shadow-sm">
🗳️ Undi Sekarang
</router-link>
</div> </div>
<!-- If not yet confirmed attendance --> <!-- If not yet confirmed attendance -->
<button type="submit" class="btn btn-lg btn-success px-5" v-else-if="data.election.status == 2"> <button type="submit" class="btn btn-lg btn-success px-5" v-else-if="data.election.status == 2">
✅ SAYA TERIMA ✅ SAYA TERIMA
@@ -80,6 +88,17 @@
</div> </div>
</template> </template>
<style>
.form-group.red-border {
border: 2px solid red;
padding: 10px;
border-radius: 5px;
}
.form-group.red-border label {
color: rgb(0, 0, 0);
}
</style>
<script> <script>
@@ -106,6 +125,13 @@ export default {
edit: function () { edit: function () {
if (this.loading) return; if (this.loading) return;
const selectedValue = document.getElementById("kehadiran").value;
if (selectedValue === "0") {
this.util.notify(" Sila pilih jenis kehadiran anda sebelum meneruskan.", "error");
return;
}
this.loading = true; this.loading = true;
var vm = this; var vm = this;
this.util.notify('Adding Attendance', 'loading'); this.util.notify('Adding Attendance', 'loading');