65 lines
2.3 KiB
PHP
65 lines
2.3 KiB
PHP
<!-- Modal Preview -->
|
|
<div class="modal fade" id="previewModal" tabindex="-1" aria-labelledby="previewModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
|
|
<div class="modal-content">
|
|
|
|
<!-- Header -->
|
|
<div class="modal-header">
|
|
<h6 class="modal-title" id="previewModalLabel">
|
|
📄 Preview <strong id="confirm_preview_file"></strong>
|
|
</h6>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
|
|
<!-- Body -->
|
|
<div class="modal-body p-2" style="min-height:250px; max-height:70vh; overflow:auto;">
|
|
<div class="d-flex justify-content-end align-items-center sticky-top bg-white z-10 d-none" id="deleteData">
|
|
<button type="button" class="btn btn-sm btn-outline-danger mb-2 me-2" id="delete-file">🗑 Hapus</button>
|
|
</div>
|
|
<div id="file-preview"
|
|
class="text-center text-muted d-flex justify-content-center align-items-center"
|
|
style="height:100%;">
|
|
<p>📂 Pilih file untuk melihat preview</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<div class="modal-footer d-flex justify-content-between align-items-center">
|
|
|
|
<div class="small text-muted">
|
|
<span class="me-3">
|
|
Nomor Dokumen:
|
|
<strong id="confirm-upload-dokumen" class="text-dark">-</strong>
|
|
</span>
|
|
|
|
<span class="me-3">
|
|
Tanggal Terbit:
|
|
<strong id="confirm-time-dokumen" class="text-dark">-</strong>
|
|
</span>
|
|
|
|
<span>
|
|
Akses Dokumen:
|
|
<span id="confirm-permission" class="badge bg-secondary">-</span>
|
|
</span>
|
|
</div>
|
|
<!-- Button -->
|
|
<div class="d-flex gap-2">
|
|
<button type="button" class="btn btn-sm btn-outline-primary" id="btn-view-full">
|
|
Lihat Full
|
|
</button>
|
|
<a class="btn btn-sm btn-primary" id="btn-download" href="#">
|
|
Download
|
|
</a>
|
|
|
|
<button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">
|
|
Tutup
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|