create: add validation modal for assessment

This commit is contained in:
abiyasa05 2025-04-01 11:24:34 +07:00
parent 5457fe63b2
commit cc6a0f1bab
2 changed files with 66 additions and 0 deletions

View File

@ -0,0 +1,48 @@
<!-- Modal Konfirmasi -->
<div class="modal fade" id="confirmSubmitModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Konfirmasi Pengumpulan</h5>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body">
Apakah Anda yakin ingin menyelesaikan asesmen ini? Jawaban yang sudah disimpan akan diproses.
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
<button type="button" class="btn btn-primary" onclick="submitAssessment()">Ya, Selesaikan</button>
</div>
</div>
</div>
</div>
<!-- Skrip JavaScript untuk Submit Assessment -->
<script>
function submitAssessment() {
var assessmentId = {{ $assessment->id ?? 'null' }}; // Pastikan ID ada
if (!assessmentId) {
alert("Terjadi kesalahan: ID asesmen tidak ditemukan.");
return;
}
$.ajax({
url: "/literacy/student/assessment/submit/" + assessmentId, // Perbaiki URL sesuai route
type: "POST",
headers: {
"X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr('content') // Pastikan CSRF Token dikirim
},
success: function(response) {
alert(response.message);
window.location.href = "/literacy/student/assessments"; // Redirect ke halaman indeks asesmen
},
error: function(xhr) {
console.error(xhr);
alert(xhr.responseJSON?.error || "Gagal menyelesaikan asesmen.");
}
});
$('#confirmSubmitModal').modal('hide'); // Tutup modal setelah klik tombol
}
</script>

View File

@ -0,0 +1,18 @@
<!-- Modal Peringatan Soal Belum Dijawab -->
<div class="modal fade" id="unansweredWarningModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="unansweredWarningModalLabel">Soal Belum Terjawab</h5>
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Anda masih memiliki <strong><span id="unansweredCount"></span></strong> soal yang belum dijawab.</p>
<p>Silakan selesaikan terlebih dahulu sebelum mengumpulkan asesmen.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Kembali</button>
</div>
</div>
</div>
</div>