arifal/sibedas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add feat upload pbg task

Browse Source
This commit is contained in:
arifal
2025-04-09 21:10:20 +07:00
parent 6294d2f950
commit 84870b95b1
9 changed files with 593 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
resources/views/pbg_task/index.blade.php
View File

@@ -2,6 +2,26 @@
@section('css')
@vite(['node_modules/gridjs/dist/theme/mermaid.min.css'])
<style>
#dropzoneBuktiBayar .dz-preview{
display: none;
}
#dropzoneBeritaAcara .dz-preview{
display: none;
}
.file-info-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
background: rgba(255, 255, 255, 0.9);
padding: 0.75rem 1rem;
border-radius: 0.5rem;
display: flex;
align-items: center;
}
</style>
@endsection
@section('content')
@@ -71,7 +91,7 @@
</div>
<!-- Modal -->
<div class="modal fade" id="uploadModal" tabindex="-1" aria-hidden="true">
<div class="modal fade" id="modalBuktiBayar" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
@@ -79,21 +99,27 @@
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p id="modal-task-id">Task ID: <span></span></p>
<div class="mb-3">
<form action="/upload-bukti-bayar" method="POST" class="dropzone" id="singleFileDropzone">
<div class="dz-message needsclick">
<i class="h1 bx bx-cloud-upload"></i>
<h3>Drop file here or click to upload.</h3>
<span class="text-muted fs-13">
(Only one file allowed. Selected file will be uploaded upon clicking submit.)
</span>
</div>
<form action="/upload-bukti-bayar" method="POST" class="dropzone" id="dropzoneBuktiBayar">
<div class="dz-message needsclick">
<i class="h1 bx bx-cloud-upload"></i>
<h3>Drop file here or click to upload.</h3>
<span class="text-muted fs-13">
(Only one file allowed. Selected file will be uploaded upon clicking submit.)
</span>
</div>
<!-- File info inside dropzone -->
<div id="fileInfoBuktiBayar" class="file-info-overlay d-none">
<span id="uploadedFileNameBuktiBayar" class="text-muted me-3"></span>
<button type="button" id="removeFileBtnBuktiBayar" class="btn btn-sm btn-danger">Hapus</button>
</div>
</form>
</div>
<!-- Submit Button -->
<div class="d-flex justify-content-end">
<button type="button" id="uploadBtn" class="btn btn-success">
<button type="button" id="submitBuktiBayar" class="btn btn-success">
<i class="bx bx-upload"></i> Upload
</button>
</div>
@@ -103,31 +129,37 @@
</div>
<!-- Modal -->
<div class="modal fade" id="uploadBeritaAcara" tabindex="-1" aria-hidden="true">
<div class="modal fade" id="modalBeritaAcara" tabindex="-1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Upload Berita Acara</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
<h5 class="modal-title">Upload Berita Acara</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p id="modal-task-id">Task ID: <span></span></p>
<div class="mb-3">
<form action="/upload-berita-acara" method="POST" class="dropzone" id="singleFileDropzone">
<div class="dz-message needsclick">
<i class="h1 bx bx-cloud-upload"></i>
<h3>Drop file here or click to upload.</h3>
<span class="text-muted fs-13">
(Only one file allowed. Selected file will be uploaded upon clicking submit.)
</span>
</div>
</form>
<form action="/upload-berita-acara" method="POST" class="dropzone" id="dropzoneBeritaAcara">
<div class="dz-message needsclick">
<i class="h1 bx bx-cloud-upload"></i>
<h3>Drop file here or click to upload.</h3>
<span class="text-muted fs-13">
(Only one file allowed. Selected file will be uploaded upon clicking submit.)
</span>
</div>
<!-- File info inside dropzone -->
<div id="fileInfoBeritaAcara" class="file-info-overlay d-none">
<span id="uploadedFileNameBeritaAcara" class="text-muted me-3"></span>
<button type="button" id="removeFileBtnBeritaAcara" class="btn btn-sm btn-danger">Hapus</button>
</div>
</form>
</div>
<!-- Submit Button -->
<div class="d-flex justify-content-end">
<button type="button" id="uploadBeritaAcara" class="btn btn-success">
<i class="bx bx-upload"></i> Upload
</button>
<button type="button" id="submitBeritaAcara" class="btn btn-success">
<i class="bx bx-upload"></i> Upload
</button>
</div>
</div>
</div>