72 lines
3.8 KiB
PHP
72 lines
3.8 KiB
PHP
@extends('layout.main')
|
|
@section('body_main')
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<div class="card-header d-flex align-items-center justify-content-between">
|
|
<h4 class="mb-0">Data Pending</h4>
|
|
</div>
|
|
<div class="card-body p-3">
|
|
<div class="d-flex flex-column flex-md-row align-items-md-center gap-2 mb-3 flex-wrap">
|
|
<div class="input-group input-group-sm flex-grow-1" style="max-width:320px;">
|
|
<span class="input-group-text bg-white border-end-0">
|
|
<i class="fa fa-search text-muted"></i>
|
|
</span>
|
|
<input type="search"
|
|
id="tableSearch"
|
|
class="form-control border-start-0"
|
|
placeholder="Cari nama file / nomor dokumen"
|
|
oninput="debouncedTableSearch(this.value)">
|
|
</div>
|
|
<div class="d-flex align-items-center gap-2">
|
|
<label class="small mb-0 text-muted">Mulai</label>
|
|
<input type="date" id="startDate" class="form-control form-control-sm" onchange="applyDateFilter()">
|
|
</div>
|
|
<div class="d-flex align-items-center gap-2">
|
|
<label class="small mb-0 text-muted">Selesai</label>
|
|
<input type="date" id="endDate" class="form-control form-control-sm" onchange="applyDateFilter()">
|
|
</div>
|
|
<div class="d-flex align-items-center gap-2">
|
|
<select id="tablePageSize" class="form-select form-select-sm" style="width: auto;">
|
|
<option value="5">5</option>
|
|
<option value="10"selected>10</option>
|
|
<option value="20">20</option>
|
|
<option value="50">50</option>
|
|
<option value="100">100</option>
|
|
</select>
|
|
</div>
|
|
<button class="btn btn-outline-secondary btn-sm" onclick="refreshLog()">
|
|
<i class="fa fa-rotate"></i> Refresh
|
|
</button>
|
|
<div class="small text-muted ms-md-auto" id="tableSummary"></div>
|
|
</div>
|
|
<div class="table-responsive" style="max-height: 55vh; overflow-y:auto;">
|
|
<table class="table table-sm table-hover align-middle mb-0" id="lastUpdatedTable">
|
|
<thead>
|
|
<tr>
|
|
<th>Aksi</th>
|
|
<th>No. Dokumen</th>
|
|
<th>Status</th>
|
|
<th>Akses</th>
|
|
<th>File</th>
|
|
<th>Folder</th>
|
|
<th>Unit / Sub Unit</th>
|
|
<th>Tanggal Upload</th>
|
|
<th>Pengunggah</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tablePendingFile">
|
|
<!-- data dari fetch masuk sini -->
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="d-flex flex-column flex-md-row align-items-md-center justify-content-between gap-2 mt-3" id="paginationControls"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@include('pendingFile.modal.view')
|
|
<script src="{{ ver('/js/pendingFile/index.js') }}"></script>
|
|
@endsection
|