Kobe/docupulse
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reformatted starred and trash pages

Browse Source
This commit is contained in:
Kobe
2025-05-25 11:42:19 +02:00
parent 225e33056a
commit 651de5019d
11 changed files with 723 additions and 1080 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
templates/components/details_modal.html Normal file
View File

@@ -0,0 +1,17 @@
<!-- Details Modal -->
<div id="detailsModal" class="modal fade" tabindex="-1" aria-labelledby="detailsModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="detailsModalLabel">Item Details</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" id="detailsModalBody">
<!-- Populated by JS -->
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

30
templates/components/empty_trash_modal.html Normal file
View File

@@ -0,0 +1,30 @@
<!-- Empty Trash Confirmation Modal -->
<div id="emptyTrashModal" class="modal fade" tabindex="-1" aria-labelledby="emptyTrashModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="emptyTrashModalLabel">Empty Trash</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="d-flex align-items-center gap-3 mb-3">
<i class="fas fa-exclamation-triangle text-danger" style="font-size: 2rem;"></i>
<div>
<h6 class="mb-1">Are you sure you want to empty the trash?</h6>
<p class="text-muted mb-0">This will permanently delete all items in the trash.</p>
</div>
</div>
<div class="alert alert-danger">
<i class="fas fa-info-circle me-2"></i>
This action cannot be undone. All items will be permanently removed from the system.
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger" id="confirmEmptyTrash">
<i class="fas fa-trash me-1"></i>Empty Trash
</button>
</div>
</div>
</div>
</div>

30
templates/components/permanent_delete_modal.html Normal file
View File

@@ -0,0 +1,30 @@
<!-- Permanent Delete Confirmation Modal -->
<div id="permanentDeleteModal" class="modal fade" tabindex="-1" aria-labelledby="permanentDeleteModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="permanentDeleteModalLabel">Permanently Delete Item</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="d-flex align-items-center gap-3 mb-3">
<i class="fas fa-exclamation-triangle text-danger" style="font-size: 2rem;"></i>
<div>
<h6 class="mb-1">Are you sure you want to permanently delete this item?</h6>
<p class="text-muted mb-0" id="permanentDeleteItemName"></p>
</div>
</div>
<div class="alert alert-danger">
<i class="fas fa-info-circle me-2"></i>
This action cannot be undone. The item will be permanently removed from the system.
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-danger" id="confirmPermanentDelete">
<i class="fas fa-trash me-1"></i>Delete Permanently
</button>
</div>
</div>
</div>
</div>

7
templates/components/search_bar.html Normal file
View File

@@ -0,0 +1,7 @@
<!-- Search Bar Component -->
<div class="d-flex align-items-center gap-2 mb-3">
<div class="ms-auto" style="max-width: 300px; position: relative;">
<input type="text" id="quickSearchInput" class="form-control form-control-sm" placeholder="Quick search files..." autocomplete="off" style="padding-right: 2rem;" />
<button id="clearSearchBtn" type="button" style="position: absolute; right: 0.25rem; top: 50%; transform: translateY(-50%); display: none; border: none; background: transparent; font-size: 1.2rem; color: #888; cursor: pointer; z-index: 2;">&times;</button>
</div>
</div>