Update of draft system

This commit is contained in:
Bashy 2026-05-03 23:20:46 +03:00
parent 60ca58f5ba
commit a2a1f356ba
4 changed files with 378 additions and 383 deletions

View file

@ -142,10 +142,17 @@ $tabGroups = [
<div class="d-flex align-items-center gap-1 mb-2 flex-wrap">
<button class="btn btn-sm btn-outline-primary active" id="showPosts">Posts</button>
<button class="btn btn-sm btn-outline-secondary" id="showPages">Pages</button>
<button class="btn btn-sm btn-outline-secondary" id="showDrafts">Drafts</button>
<button class="btn btn-sm btn-primary" id="newItemBtn" title="New draft">
<i class="bi bi-plus-lg"></i> New
</button>
<div class="btn-group btn-group-sm">
<button class="btn btn-primary" id="newItemBtn"><i class="bi bi-plus-lg"></i> New</button>
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
<span class="visually-hidden">Toggle</span>
</button>
<ul class="dropdown-menu">
<li><button class="dropdown-item small new-type-btn" data-type="post"><i class="bi bi-file-text me-2"></i>Post</button></li>
<li><button class="dropdown-item small new-type-btn" data-type="draft"><i class="bi bi-pencil-square me-2"></i>Draft</button></li>
<li><button class="dropdown-item small new-type-btn" data-type="page"><i class="bi bi-file-earmark me-2"></i>Page</button></li>
</ul>
</div>
<div class="input-group input-group-sm ms-auto" style="max-width:160px">
<input type="text" id="searchQuery" class="form-control" placeholder="Search…" autocomplete="off">
<button class="btn btn-outline-secondary" id="searchClearBtn" title="Clear"><i class="bi bi-x-lg"></i></button>
@ -377,6 +384,74 @@ $tabGroups = [
</div>
</div>
<!-- New post/draft/page -->
<div class="modal fade" id="newPostModal" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header py-2">
<h6 class="modal-title" id="newPostModalTitle">New Post</h6>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<div class="mb-2">
<label class="form-label small mb-1">Title</label>
<input type="text" id="newPostTitle" class="form-control form-control-sm" placeholder="Post title" autocomplete="off">
</div>
<div>
<label class="form-label small mb-1">Folder <span class="text-muted">(optional)</span></label>
<input type="text" id="newPostFolder" class="form-control form-control-sm font-monospace" placeholder="2026">
</div>
</div>
<div class="modal-footer py-2">
<div class="text-danger small d-none flex-grow-1" id="newPostError"></div>
<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary btn-sm" id="newPostCreateBtn">Create</button>
</div>
</div>
</div>
</div>
<!-- Rename file -->
<div class="modal fade" id="renameModal" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header py-2">
<h6 class="modal-title">Rename</h6>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<input type="text" id="renameInput" class="form-control form-control-sm font-monospace" autocomplete="off">
</div>
<div class="modal-footer py-2">
<div class="text-danger small d-none flex-grow-1" id="renameError"></div>
<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary btn-sm" id="renameConfirmBtn">Rename</button>
</div>
</div>
</div>
</div>
<!-- Move file -->
<div class="modal fade" id="moveModal" tabindex="-1">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header py-2">
<h6 class="modal-title">Move to folder</h6>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<label class="form-label small text-muted mb-1">Destination path</label>
<input type="text" id="moveInput" class="form-control form-control-sm font-monospace" autocomplete="off">
</div>
<div class="modal-footer py-2">
<div class="text-danger small d-none flex-grow-1" id="moveError"></div>
<button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary btn-sm" id="moveConfirmBtn">Move</button>
</div>
</div>
</div>
</div>
<!-- Toast container -->
<div id="toastContainer" style="position:fixed;bottom:1rem;right:1rem;z-index:9999;min-width:260px"></div>