From 047307ff17d60d339841ebf3bcb5147c58ddc1a2 Mon Sep 17 00:00:00 2001 From: abiyasa05 Date: Thu, 29 May 2025 15:50:18 +0700 Subject: [PATCH] add: add responsive layout for role student --- .../LiteracyMaterialStudentController.php | 7 +- .../student/assessments/assessment.blade.php | 210 +++++++++++++++--- .../student/assessments/index.blade.php | 85 +++++-- .../student/assessments/result.blade.php | 86 +++++-- .../student/materials/index.blade.php | 84 +++++-- 5 files changed, 367 insertions(+), 105 deletions(-) diff --git a/Penilaian Literasi/iClOP-V2/app/Http/Controllers/Literacy/LiteracyMaterialStudentController.php b/Penilaian Literasi/iClOP-V2/app/Http/Controllers/Literacy/LiteracyMaterialStudentController.php index de36c4e..98cc4ca 100644 --- a/Penilaian Literasi/iClOP-V2/app/Http/Controllers/Literacy/LiteracyMaterialStudentController.php +++ b/Penilaian Literasi/iClOP-V2/app/Http/Controllers/Literacy/LiteracyMaterialStudentController.php @@ -41,13 +41,12 @@ function show_materials() public function view_materials($id) { $material_student = LiteracyMaterial::findOrFail($id); + $path = storage_path('app/public/' . $material_student->file_path); - // Pastikan file tersedia - if (!$material_student->file_path || !file_exists(public_path($material_student->file_path))) { + if (!file_exists($path)) { abort(404, 'File tidak ditemukan'); } - // Arahkan ke file langsung agar bisa ditampilkan di browser - return response()->file(public_path($material_student->file_path)); + return response()->file($path); } } \ No newline at end of file diff --git a/Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/assessment.blade.php b/Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/assessment.blade.php index 8fe3e52..0f3b4e0 100644 --- a/Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/assessment.blade.php +++ b/Penilaian Literasi/iClOP-V2/resources/views/literacy/student/assessments/assessment.blade.php @@ -18,6 +18,58 @@ padding: 20px; } + @media (max-width: 768px) { + #sidebarMenu { + position: fixed; + top: 0; + left: 0; + width: 245px; + height: 100vh; + background-color: #fff; + z-index: 1040; + transform: translateX(-100%); + transition: transform 0.3s ease-in-out; + display: block !important; + box-shadow: 2px 0 5px rgba(0,0,0,0.1); + overflow-y: auto; + padding-top: 60px; + } + + #sidebarMenu.active { + transform: translateX(0); + } + + #toggleSidebar { + position: relative; + z-index: 1051; + } + } + + @media (max-width: 768px) { + #rightSidebar { + position: fixed; + top: 0; + right: 0; + width: 245px; + height: 100vh; + background-color: #fff; + z-index: 1040; + transform: translateX(100%); + transition: transform 0.3s ease-in-out; + box-shadow: -2px 0 5px rgba(0,0,0,0.1); + overflow-y: auto; + padding-top: 60px; + } + + #rightSidebar.active { + transform: translateX(0); + } + + #toggleRightSidebar { + position: relative; + z-index: 1051; + } + } /* NAV LINK */ .nav-link { @@ -188,39 +240,55 @@ @@ -229,7 +297,7 @@
-
+ {{-- Sidebar Kiri --}} + + + {{-- Sidebar Kanan --}} + +