fix: perbaiki navigasi back di halaman laporan penilai dan tampilkan gambar/pdf pada daftar pustaka

This commit is contained in:
majid
2025-07-08 17:04:19 +07:00
parent 05f87f4767
commit 027c698a11
5 changed files with 122 additions and 36 deletions

View File

@@ -57,7 +57,7 @@
</label>
<div class="flex flex-wrap items-baseline w-full">
{{-- ambil nama file pathnya hilangkan --}}
<a href="{{ asset($daftarPustaka->attachment) }}" class="badge badge-outline badge-md badge-info">{{ basename($daftarPustaka->attachment) }} &nbsp;
<a href="{{ asset('storage/' .$daftarPustaka->attachment) }}" class="badge badge-outline badge-md badge-info">{{ basename($daftarPustaka->attachment) }} &nbsp;
<i class="ki-filled ki-cloud-download"></i>
</a>
</div>

View File

@@ -239,20 +239,24 @@
document.addEventListener('DOMContentLoaded', function() {
document.querySelectorAll('.show-pustaka').forEach(function(element) {
const url = element.getAttribute('data-url');
console.log(url);
const previewContent = element.querySelector('.preview-content');
if (!previewContent || !url) return;
const fileExtension = url.split('.').pop().toLowerCase();
const urlStorage = 'storage' + '/' + url;
if (fileExtension === 'pdf') {
PDFObject.embed(url, previewContent, {
PDFObject.embed(urlStorage, previewContent, {
height: "100%",
width: "100%"
});
} else if (['jpg', 'jpeg', 'png', 'gif'].includes(fileExtension)) {
previewContent.innerHTML = `
<img src="${url}" alt="Preview"
<img src="${urlStorage}" alt="Preview"
class="w-full h-full object-cover rounded" />
`;
} else {

View File

@@ -58,11 +58,13 @@
const fileExtension = url.split('.').pop().toLowerCase();
const previewContent = document.getElementById('previewContent');
const urlStorage = 'storage' + '/' + url;
if (['pdf'].includes(fileExtension)) {
PDFObject.embed(url, "#previewContent");
PDFObject.embed(urlStorage, "#previewContent");
} else if (['jpg', 'jpeg', 'png', 'gif'].includes(fileExtension)) {
previewContent.innerHTML =
`<img src="${url}" alt="Preview" class="max-w-full max-h-full object-contain">`;
`<img src="${urlStorage}" alt="Preview" class="max-w-full max-h-full object-contain">`;
} else {
previewContent.innerHTML = '<p class="text-center">Unsupported file type</p>';
}