update: view on materials teacher
This commit is contained in:
parent
e000a50bc4
commit
6ff0192c5c
|
|
@ -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');
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -13,6 +13,19 @@
|
|||
<div class="mb-3">
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user