@@ -93,6 +75,53 @@
const TOKEN_SESSION = '{{ $data_session->token_session }}';
let UNIX_END_TIME = null;
let QUESTION_INDEX = 1;
+ let QUESTION_ID = null;
+ let CURRENT_BTN = null;
+ let CAPTION_BTN = null;
+
+ function changeQuestion(num) {
+ Swal.showLoading();
+
+ let xhttp = new XMLHttpRequest();
+ let the_answer = null;
+ let token = document.getElementById('_token').getAttribute('value');
+ let formData = new FormData();
+
+ if(QUESTION_INDEX == num) {
+ console.log('same question');
+ Swal.close();
+ return;
+ }
+
+ document.getElementsByName('jawaban_final').forEach(element => {
+ if (element.checked) {
+ the_answer = {
+ key: element.id.split('_')[1],
+ };
+ }
+ });
+ if(the_answer) {
+ formData.append('jawaban_final', the_answer.key);
+ formData.append('_token', token);
+ formData.append('question', num);
+ formData.append('id_question', QUESTION_ID);
+ formData.append('session_id', SESSION_ID);
+ xhttp.open("POST", "{{ route('ujian.store') }}", false);
+ xhttp.send(formData);
+ }
+ // stopTobii();
+ QUESTION_INDEX = num;
+ getNavigationField();
+ setCurrentNavigation();
+ fetchQuestion(QUESTION_INDEX);
+ Swal.close();
+ }
+
+ function setCurrentNavigation() {
+ $('#nomor_' + QUESTION_INDEX).removeClass('bg-light-subtle');
+ $('#nomor_' + QUESTION_INDEX).removeClass('bg-secondary-subtle');
+ $('#nomor_' + QUESTION_INDEX).addClass('bg-info');
+ }
function fetchQuestion(question_index) {
let xhttp = new XMLHttpRequest();
@@ -102,6 +131,7 @@ function fetchQuestion(question_index) {
let response = JSON.parse(this.responseText);
if(response.status) {
$('#text_question').html(response.data.pertanyaan);
+ QUESTION_ID = response.data.id_soal;
getCurrentAnswer(response.data.id_soal);
} else {
Swal.fire({
@@ -118,6 +148,65 @@ function fetchQuestion(question_index) {
xhttp.send();
}
+ function finishExam() {
+ Swal.fire({
+ title: 'Alert',
+ icon: 'question',
+ text: 'Apakah Anda yakin ingin mengakhiri ujian? (aksi tidak dapat dikembalikan)',
+ confirmButtonText: 'Ya',
+ cancelButtonText: 'Tidak',
+ showCancelButton: true,
+ showCloseButton: true,
+
+ }).then((result) => {
+ if (result.isConfirmed) {
+ event.preventDefault();
+ let xhttp = new XMLHttpRequest();
+ let the_answer = null;
+ let token = document.getElementById('_token').getAttribute('value');
+ let formData = new FormData();
+
+ document.getElementsByName('jawaban_final').forEach(element => {
+ if (element.checked) {
+ the_answer = {
+ key: element.id.split('_')[1],
+ };
+ }
+ });
+ if(the_answer) {
+ formData.append('jawaban_final', the_answer.key);
+ formData.append('_token', token);
+ formData.append('question', QUESTION_INDEX);
+ formData.append('id_question', QUESTION_ID);
+ formData.append('session_id', SESSION_ID);
+ xhttp.open("POST", "{{ route('ujian.store') }}", false);
+ xhttp.send(formData);
+ console.log("sending answer (finish)");
+ }
+
+ ws.send(JSON.stringify({
+ type: "command",
+ action: "stop",
+ session_id: SESSION_ID
+ }));
+
+ //send_data_to_db
+ ws.send(JSON.stringify({
+ type: "send_data_to_db",
+ session_id: SESSION_ID
+ }));
+
+ ws.send(JSON.stringify({
+ type: "update_status",
+ status_sessions: false,
+ session_id: SESSION_ID
+ }));
+
+ window.location.href = "{{ route('hasil-tes.index') }}?id_test_sessions=" + SESSION_ID;
+ }
+ });
+ }
+
function getCurrentAnswer(id_question) {
let xhttp = new XMLHttpRequest();
@@ -136,6 +225,13 @@ function getCurrentAnswer(id_question) {
`;
});
$('#answer_field').append(choices_html);
+ if(response.jawaban != null) {
+ document.getElementsByName('jawaban_final').forEach(element => {
+ if (element.id.split('_')[1] == response.jawaban) {
+ element.checked = true;
+ }
+ });
+ }
}
}
};
@@ -143,6 +239,57 @@ function getCurrentAnswer(id_question) {
xhttp.send();
}
+ function getNavigationField() {
+ let xhttp = new XMLHttpRequest();
+ let total_question = 0;
+
+ xhttp.onreadystatechange = function() {
+ if(this.readyState == 4 && this.status == 200) {
+ let response = JSON.parse(this.responseText);
+ if(response.status) {
+ let navigation_field = '
Navigasi Soal
';
+ $('#navigation_field').html(navigation_field);
+ response.data.forEach((q) => {
+ let answered = 'bg-light-subtle';
+ if(q.answered) {
+ answered = 'bg-secondary-subtle'
+ }
+ navigation_field += `
+
${q.index}
+ `;
+ total_question += 1;
+ });
+ if(QUESTION_INDEX <= total_question) {
+ let next_num = 0;
+ next_num = QUESTION_INDEX + 1;
+ if(next_num > total_question) {
+ // tombol finish dan back
+ navigation_field += `
+
Back
+ `;
+ navigation_field += `
+
Finish
+ `;
+ } else {
+ if((QUESTION_INDEX - 1) != 0) {
+ navigation_field += `
+
Back
+ `;
+ }
+ navigation_field += `
+
Next
+ `;
+ }
+ }
+ $('#navigation_field').html(navigation_field);
+ }
+ }
+ };
+
+ xhttp.open('GET', '{{ route('ujian.navigationField') }}?session_id=' + SESSION_ID, false);
+ xhttp.send();
+ }
+
function getTimeLeft() {
let xhttp = new XMLHttpRequest();
@@ -248,7 +395,6 @@ function checkFullscreen() {
}));
document.addEventListener('fullscreenchange', checkFullscreen);
- // checkFullscreen();
ws.send(JSON.stringify({
type: "update_status",
@@ -281,9 +427,11 @@ function checkFullscreen() {
};
startTobii();
- // getCurrentAnswer();
+ checkFullscreen();
getTimeLeft();
setInterval(updateTimeLeft, 1000);
+ getNavigationField();
+ setCurrentNavigation();
fetchQuestion(QUESTION_INDEX);
};
});
diff --git a/routes/web.php b/routes/web.php
index 6dedebb..6cec98e 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -42,6 +42,7 @@
Route::get('ujian/get/current-answer', [HalamanUjianController::class, 'getCurrentAnswer'])->name('ujian.getCurrentAnswer');
Route::get('ujian/get/time-left', [HalamanUjianController::class, 'getTimeLeft'])->name('ujian.getTimeLeft');
Route::get('ujian/fetch/question', [HalamanUjianController::class, 'fetchQuestion'])->name('ujian.fetchQuestion');
+ Route::get('ujian/fetch/navigation-field', [HalamanUjianController::class, 'getNavigationField'])->name('ujian.navigationField');
Route::resource('hasil-tes', FinishUjianController::class)->only(['index', 'show']);
Route::get('hasil-tes/get/all-answer', [FinishUjianController::class, 'getAllAnswer'])->name('hasil-tes.getAllAnswer');
Route::middleware(['auth', 'role.auth'])->group(function() {