48 lines
2.3 KiB
HTML
48 lines
2.3 KiB
HTML
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<div class="input-group input-group-sm w-auto">
|
|
<span class="input-group-text bg-light border-end-0"><i class="bi bi-search"></i></span>
|
|
<input type="text" class="form-control border-start-0" placeholder="파일명 검색..."
|
|
onkeyup="filterTable('{{ table_id }}', this.value)">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive bg-white border rounded">
|
|
<table class="table table-hover table-sm mb-0 align-middle font-monospace" id="{{ table_id }}"
|
|
style="font-size: 0.9rem;">
|
|
<thead class="bg-light sticky-top">
|
|
<tr>
|
|
<th class="ps-3" style="cursor:pointer;" onclick="sortTable('{{ table_id }}', 0)">파일명 <i
|
|
class="bi bi-arrow-down-up small text-muted"></i></th>
|
|
<th style="cursor:pointer; width: 100px;" onclick="sortTable('{{ table_id }}', 1)">크기 <i
|
|
class="bi bi-arrow-down-up small text-muted"></i></th>
|
|
<th style="cursor:pointer; width: 160px;" onclick="sortTable('{{ table_id }}', 2)">날짜 <i
|
|
class="bi bi-arrow-down-up small text-muted"></i></th>
|
|
<th class="text-end pe-3" style="width: 80px;">보기</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% if files and files|length > 0 %}
|
|
{% for file in files %}
|
|
<tr>
|
|
<td class="ps-3">
|
|
<i class="bi bi-file-earmark text-secondary me-2"></i>{{ file.name }}
|
|
</td>
|
|
<td>{{ (file.size / 1024)|round(1) }} KB</td>
|
|
<td data-sort="{{ file.mtime }}">{{ file.date }}</td>
|
|
<td class="text-end pe-3">
|
|
<button type="button" class="btn btn-xs btn-link text-secondary p-0 btn-view-repo"
|
|
data-bs-toggle="modal" data-bs-target="#fileViewModal" data-folder="{{ folder }}"
|
|
data-filename="{{ file.name }}">
|
|
<i class="bi bi-eye"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% else %}
|
|
<tr>
|
|
<td colspan="4" class="text-center py-4 text-muted">{{ empty_msg }}</td>
|
|
</tr>
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
</div> |