verifikator
marszayn
parent
6479d0d30d
commit
0ea085f463
|
|
@ -336,89 +336,6 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Dokumen Teknis Kegiatan -->
|
||||
<div class="col-12">
|
||||
<div class="card border">
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center justify-content-between mb-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="d-flex align-items-center justify-content-center bg-primary-600 rounded-circle text-white fw-bold me-2" style="width: 24px; height: 24px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">2</div>
|
||||
<label class="form-label required-field mb-0">Dokumen Teknis Kegiatan</label>
|
||||
</div>
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="badge bg-warning-100 text-warning-600 text-lg d-flex align-items-center">
|
||||
<iconify-icon icon="bi:exclamation-triangle" class="me-1"></iconify-icon>
|
||||
Perlu Perbaikan
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- File Preview Section -->
|
||||
<div class="file-preview-container mt-3">
|
||||
<div class="border rounded p-3 bg-light d-flex align-items-start">
|
||||
<div class="preview-image me-3">
|
||||
<div class="preview-icon">
|
||||
<iconify-icon icon="bi:file-earmark-pdf" class="text-danger fs-1"></iconify-icon>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<div class="d-flex justify-content-between align-items-start">
|
||||
<div>
|
||||
<h6 class="preview-filename mb-1 text-truncate" style="max-width: 200px;">dokumen_teknis.pdf</h6>
|
||||
<p class="preview-filesize text-sm text-muted mb-0">2.5 MB</p>
|
||||
</div>
|
||||
<div class="d-flex gap-2">
|
||||
<a href="#" class="btn btn-sm btn-primary-600 d-flex align-items-center justify-content-center gap-2" target="_blank">
|
||||
<iconify-icon icon="bi:eye-fill" class="text-white"></iconify-icon>
|
||||
Lihat
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="progress mt-2" style="height: 5px;">
|
||||
<div class="progress-bar bg-warning" role="progressbar" style="width: 100%"></div>
|
||||
</div>
|
||||
<span class="text-warning text-xs mt-1 d-block">Perlu perbaikan (lihat catatan)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-2">
|
||||
<small class="text-muted d-block">Dokumen telah diupload, namun perlu dilakukan perbaikan</small>
|
||||
|
||||
<!-- Message Section -->
|
||||
<div class="mt-3 border-top pt-3">
|
||||
<!-- Message History -->
|
||||
<div class="message-history mb-3">
|
||||
<div class="d-flex gap-2">
|
||||
<div class="avatar avatar-sm bg-primary-100 rounded-circle d-flex align-items-center justify-content-center">
|
||||
<iconify-icon icon="bi:person-fill" class="text-primary-600"></iconify-icon>
|
||||
</div>
|
||||
<div style="max-width: 85%;">
|
||||
<div class="fw-semibold text-xs mb-1">Admin Perizinan</div>
|
||||
<div class="bg-light rounded p-2 px-3">
|
||||
<div>Mohon untuk memperbaiki dokumen teknis dengan menambahkan rincian proses pengolahan limbah</div>
|
||||
<div class="text-muted text-xs mt-1">11:20 AM</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Message Input -->
|
||||
<div class="d-flex gap-2">
|
||||
<textarea class="form-control" rows="2" placeholder="Tulis balasan..."></textarea>
|
||||
<button type="button" class="btn btn-sm btn-primary-600 d-flex align-items-center align-self-end">
|
||||
Kirim
|
||||
<iconify-icon icon="f7:paperplane" class="ms-1 text-white"></iconify-icon>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Additional documents would follow the same pattern -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue