update: view on materials teacher

This commit is contained in:
abiyasa05 2025-06-21 08:12:04 +07:00
parent 8403f2dd6c
commit b8ecb7cf8a
4 changed files with 51 additions and 35 deletions

View File

@ -434,40 +434,6 @@ class="btn btn-sm btn-primary" target="_blank">
</div>
</div>
</div>
<div id="settings" class="content" style="display: none;">
<h1>Settings</h1>
<p>Possible account settings
needed<br>during the learning process</p>
<div class="container">
<div class="row">
<div class="col">
<div class="custom-card">
<img src="./images/profile.png" alt="Image 1" class="circle-image">
<h2 class="custom-title">My Profile</h2>
<p class="custom-subtitle">Ubah data diri kamu</p>
{{-- <button type="button" class="btn btn-primary custom-button">
<p class="button-text">Edit Now</p>
</button> --}}
<div class="custom-button">
<p class="button-text">Edit Now</p>
</div>
</div>
</div>
<div class="col">
<div class="custom-card">
<img src="./images/my-password.png" alt="Image 2" class="circle-image">
<h2 class="custom-title">My Password</h2>
<p class="custom-subtitle">Ganti kata sandimu</p>
<div class="custom-button">
<p class="button-text">Change Now</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
@ -492,6 +458,25 @@ class="btn btn-sm btn-primary" target="_blank">
</div>
</div>
</div>
<script>
function addStoryText(id) {
let container = document.getElementById('editStoryTextContainer-' + id);
let div = document.createElement('div');
div.classList.add('d-flex', 'mb-2', 'align-items-start');
div.innerHTML = `
<input type="hidden" name="story_text_ids[]" value="">
<textarea name="story_texts[]" class="form-control mr-2" rows="2"></textarea>
<button type="button" class="btn btn-danger btn-sm remove-story-text">Hapus</button>
`;
container.appendChild(div);
}
document.addEventListener('click', function (e) {
if (e.target.classList.contains('remove-story-text')) {
e.target.parentElement.remove();
}
});
</script>
<script>
document.getElementById('toggleSidebar').addEventListener('click', function () {
var sidebar = document.getElementById('sidebarMenu');

View File

@ -13,6 +13,10 @@
<label for="title" class="form-label">Judul</label>
<input type="text" class="form-control" name="title" required>
</div>
<div class="mb-3">
<label for="story_text" class="form-label">Teks Bacaan</label>
<textarea name="story_text" class="form-control" rows="3"></textarea>
</div>
<div class="mb-3">
<label for="description" class="form-label">Deskripsi</label>
<textarea name="description" class="form-control"></textarea>

View File

@ -1,6 +1,6 @@
<div class="modal fade" id="detailMateriModal{{ $material->id }}" tabindex="-1" role="dialog"
aria-labelledby="detailMateriLabel{{ $material->id }}" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-dialog modal-dialog-scrollable" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="detailMateriLabel{{ $material->id }}">Detail Materi</h5>
@ -12,6 +12,20 @@
<textarea class="form-control bg-light" rows="2" readonly
style="resize: none; overflow: auto;">{{ $material->title }}</textarea>
</div>
<div class="mb-3">
<label class="form-label">Teks Cerita:</label>
@if ($material->storyTexts->isEmpty())
<div class="form-control bg-light">-</div>
@else
@foreach ($material->storyTexts as $index => $story)
<div class="mb-2">
<label class="form-label">Cerita {{ $index + 1 }}:</label>
<textarea class="form-control bg-light" rows="3" readonly
style="resize: none; overflow: auto;">{{ $story->story_text }}</textarea>
</div>
@endforeach
@endif
</div>
<div class="mb-3">
<label class="form-label">Deskripsi:</label>
<textarea class="form-control bg-light" rows="4" readonly

View File

@ -14,6 +14,19 @@
<label for="title" class="form-label">Judul</label>
<textarea name="title" class="form-control overflow-auto" rows="2">{{ $material->title }}</textarea>
</div>
<div class="mb-3">
<label for="story_texts" class="form-label">Teks Bacaan</label>
<div id="editStoryTextContainer-{{ $material->id }}">
@foreach ($material->storyTexts as $story)
<div class="d-flex mb-2 align-items-start">
<input type="hidden" name="story_text_ids[]" value="{{ $story->id }}">
<textarea name="story_texts[]" class="form-control me-2" rows="2">{{ $story->story_text }}</textarea>
<button type="button" class="btn btn-danger btn-sm remove-story-text">Hapus</button>
</div>
@endforeach
</div>
<button type="button" class="btn btn-sm btn-success mt-2" onclick="addStoryText({{ $material->id }})">Tambah Teks Bacaan</button>
</div>
<div class="mb-3">
<label for="description" class="form-label">Deskripsi</label>
<textarea name="description" class="form-control">{{ $material->description }}</textarea>