update: add navigation for assessment results on role teacher

This commit is contained in:
abiyasa05 2025-04-01 11:26:56 +07:00
parent eab7ae24ba
commit 8bed9accaa
4 changed files with 75 additions and 35 deletions

View File

@ -307,7 +307,7 @@
style="margin-top: 12px; margin-left: 15px; color: #676767;"></i> style="margin-top: 12px; margin-left: 15px; color: #676767;"></i>
</div> </div>
<div class="col"> <div class="col">
<a class="nav-link" href="#" style="color: #34364A;">Assessment Results</a> <a class="nav-link" href="{{ route('literacy_teacher_assessment_results') }}" style="color: #34364A;">Assessment Results</a>
</div> </div>
</div> </div>
</li> </li>
@ -341,9 +341,8 @@
<!-- Form untuk generate question --> <!-- Form untuk generate question -->
<form id="aiForm" class="mt-4"> <form id="aiForm" class="mt-4">
<div class="mb-3"> <div class="mb-3">
<label for="content" class="form-label">Enter Content:</label> <textarea id="content" name="content" class="form-control" rows="3">
<textarea id="content" name="content" class="form-control" rows="3" </textarea>
placeholder="Masukkan teks atau judul literasi..."></textarea>
</div> </div>
<button type="submit" class="btn btn-primary">Generate</button> <button type="submit" class="btn btn-primary">Generate</button>
</form> </form>
@ -354,17 +353,6 @@
<form action="{{ route('literacy_questions_store') }}" method="POST" id="questionForm" class="mt-4"> <form action="{{ route('literacy_questions_store') }}" method="POST" id="questionForm" class="mt-4">
@csrf @csrf
<!-- Pilihan Materi -->
<div class="mb-3">
<label for="material_id" class="form-label">Materi</label>
<select name="material_id" class="form-control" required>
<option value="">Pilih Materi</option>
@foreach ($materials as $material)
<option value="{{ $material->id }}">{{ $material->title }}</option>
@endforeach
</select>
</div>
<!-- Teks Pertanyaan --> <!-- Teks Pertanyaan -->
<div class="mb-3"> <div class="mb-3">
<label for="question_text" class="form-label">Teks Pertanyaan</label> <label for="question_text" class="form-label">Teks Pertanyaan</label>

View File

@ -306,7 +306,7 @@
style="margin-top: 12px; margin-left: 15px; color: #676767;"></i> style="margin-top: 12px; margin-left: 15px; color: #676767;"></i>
</div> </div>
<div class="col"> <div class="col">
<a class="nav-link" href="#" style="color: #34364A;">Assessment Results</a> <a class="nav-link" href="{{ route('literacy_teacher_assessment_results') }}" style="color: #34364A;">Assessment Results</a>
</div> </div>
</div> </div>
</li> </li>
@ -353,7 +353,6 @@
<th>No</th> <th>No</th>
<th>Judul</th> <th>Judul</th>
<th>Deskripsi</th> <th>Deskripsi</th>
<th>File</th>
<th>Aksi</th> <th>Aksi</th>
</tr> </tr>
</thead> </thead>
@ -363,14 +362,6 @@
<td>{{ $index + 1 }}</td> <td>{{ $index + 1 }}</td>
<td>{{ $material->title }}</td> <td>{{ $material->title }}</td>
<td>{{ $material->description ?? '-' }}</td> <td>{{ $material->description ?? '-' }}</td>
<td>
@if ($material->file_path)
<a href="{{ asset($material->file_path) }}" target="_blank"
class="text-primary">Download</a>
@else
Tidak ada file
@endif
</td>
<td> <td>
<button class="btn btn-sm btn-info text-white" data-toggle="modal" <button class="btn btn-sm btn-info text-white" data-toggle="modal"
data-target="#detailMateriModal{{ $material->id }}">Detail</button> data-target="#detailMateriModal{{ $material->id }}">Detail</button>

View File

@ -281,7 +281,8 @@
style="margin-top: 12px; margin-left: 15px; color: #676767;"></i> style="margin-top: 12px; margin-left: 15px; color: #676767;"></i>
</div> </div>
<div class="col"> <div class="col">
<a class="nav-link" href="{{ route('literacy_teacher_generate_questions') }}" style="color: #34364A;">AI Generated Questions</a> <a class="nav-link" href="{{ route('literacy_teacher_generate_questions') }}"
style="color: #34364A;">AI Generated Questions</a>
</div> </div>
</div> </div>
</li> </li>
@ -306,7 +307,7 @@
style="margin-top: 12px; margin-left: 15px; color: #676767;"></i> style="margin-top: 12px; margin-left: 15px; color: #676767;"></i>
</div> </div>
<div class="col"> <div class="col">
<a class="nav-link" href="#" style="color: #34364A;">Assessment Results</a> <a class="nav-link" href="{{ route('literacy_teacher_assessment_results') }}" style="color: #34364A;">Assessment Results</a>
</div> </div>
</div> </div>
</li> </li>
@ -338,24 +339,24 @@
<div class="container mt-4"> <div class="container mt-4">
<h3>Manage Questions</h3> <h3>Manage Questions</h3>
<p>This is the content for managing assessment questions.</p> <p>This is the content for managing assessment questions.</p>
<div class="d-flex gap-2"> <div class="d-flex gap-2 mb-3">
<button class="btn btn-dark" data-toggle="modal" data-target="#modalTambahPertanyaan"> <button class="btn btn-dark" data-toggle="modal" data-target="#modalTambahPertanyaan">
+ Tambah Soal + Tambah Soal
</button> </button>
<form action="{{ route('literacy_questions_publish_assessment') }}" method="POST" id="questionForm"> <form action="{{ route('literacy_questions_publish_assessment') }}" method="POST"
id="questionForm" class="d-inline-block">
@csrf @csrf
<button type="submit" class="btn btn-primary"> <button type="submit" class="btn btn-primary">
Publikasikan Asesmen Publikasikan Asesmen
</button> </button>
</form> </form>
<br><br>
</div> </div>
<!-- Include Modal --> <!-- Include Modal -->
@include('literacy.teacher.questions.modals.create') @include('literacy.teacher.questions.modals.create')
<div class="table-responsive mb-5"> <div class="table-responsive mb-5">
<table id="progressTable" class="table table-striped"> <table id="progressTable" class="table table-striped">
<thead> <thead>
@ -371,7 +372,15 @@
<tr> <tr>
<td>{{ $index + 1 }}</td> <td>{{ $index + 1 }}</td>
<td>{{ $question->question_text }}</td> <td>{{ $question->question_text }}</td>
<td>{{ ucfirst($question->type) }}</td> <td>
@if ($question->type == 'multiple_choice')
Pilihan Ganda
@elseif ($question->type == 'essay')
Isian
@else
-
@endif
</td>
<td> <td>
<button class="btn btn-sm btn-info text-white" data-toggle="modal" <button class="btn btn-sm btn-info text-white" data-toggle="modal"
data-target="#detailPertanyaanModal{{ $question->id }}">Detail</button> data-target="#detailPertanyaanModal{{ $question->id }}">Detail</button>
@ -454,6 +463,58 @@
</div> </div>
</div> </div>
</div> </div>
<script>
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".addOption").forEach(function (btn) {
btn.addEventListener("click", function (e) {
let container = this.previousElementSibling;
let index = container.querySelectorAll(".option-group").length;
let div = document.createElement("div");
div.classList.add("option-group", "mb-2", "d-flex", "align-items-center");
div.innerHTML = `
<input type="text" name="options[${index}][option_text]" class="form-control me-2" style="width: 40%;" placeholder="Opsi ${index + 1}" required>
<input type="number" name="options[${index}][score]" class="form-control me-2" style="width: 15%;" placeholder="Skor" min="0" max="100" required>
<label class="d-flex align-items-center ms-3">
<input type="checkbox" name="options[${index}][is_correct]" value="1" class="me-2">
<span>Benar</span>
</label>
<button type="button" class="btn btn-danger btn-sm ms-2 remove-option">X</button>
`;
container.appendChild(div);
});
});
document.addEventListener("click", function (e) {
if (e.target.classList.contains("remove-option")) {
e.target.parentElement.remove();
}
});
document.querySelectorAll(".edit_questionType").forEach(function (select) {
select.addEventListener("change", function () {
let parent = this.closest(".modal-content");
let multipleChoiceOptions = parent.querySelector(".edit_multipleChoiceOptions");
let essayScoreField = parent.querySelector("#edit_essayScoreField");
let essayReferenceAnswerField = parent.querySelector("#edit_essayReferenceAnswerField");
if (this.value === "multiple_choice") {
multipleChoiceOptions.style.display = "block";
essayScoreField.style.display = "none";
essayReferenceAnswerField.style.display = "none";
} else {
multipleChoiceOptions.style.display = "none";
essayScoreField.style.display = "block";
essayReferenceAnswerField.style.display = "block";
}
});
});
});
</script>
<!-- JavaScript untuk mengubah konten tab --> <!-- JavaScript untuk mengubah konten tab -->
<script> <script>
function materialModal(id, title, controller) { function materialModal(id, title, controller) {

View File

@ -306,7 +306,7 @@
style="margin-top: 12px; margin-left: 15px; color: #676767;"></i> style="margin-top: 12px; margin-left: 15px; color: #676767;"></i>
</div> </div>
<div class="col"> <div class="col">
<a class="nav-link" href="#" style="color: #34364A;">Assessment Results</a> <a class="nav-link" href="{{ route('literacy_teacher_assessment_results') }}" style="color: #34364A;">Assessment Results</a>
</div> </div>
</div> </div>
</li> </li>