Owen
4ceb1cbc03
The tree and main panels now behave like a native file manager: right click (or the keyboard Menu key) on a folder, asset, breadcrumb crumb, or empty tree/panel background brings up the relevant actions instead of a row of always-visible buttons. - New generic showContextMenu() in app.js with per-target-kind menu builders (folder/asset/tree background/panel background), gated by admin role the same way the old buttons were. - Removed: the "..." tree-row action button, and the New Folder/Add Asset/Rename/Delete/Edit/Move/Duplicate/Import/Export buttons from the inventory toolbar and every panel. Expand All/Collapse All shrank to two icon-only buttons next to the search box; everything else creation- or mutation-related is right-click only. - Replaced the per-asset embedded "Move" modal with one shared #moveAssetModal populated via a new GET /app/folders/options endpoint, since move can now be triggered from any asset row, not just its own detail view. - Breadcrumb crumbs (including the current folder) and folder/asset table rows are now valid right-click targets too, not just tree rows.
38 lines
1.6 KiB
HTML
38 lines
1.6 KiB
HTML
{{define "content"}}
|
|
<div class="inventory-shell d-flex">
|
|
<aside id="tree-pane" class="tree-pane border-end d-flex flex-column">
|
|
<div class="p-2 border-bottom">
|
|
<div class="input-group input-group-sm">
|
|
<span class="input-group-text"><i class="bi bi-search"></i></span>
|
|
<input type="search" id="tree-search" class="form-control" placeholder="Search inventory…">
|
|
<button class="btn btn-outline-secondary" id="btn-expand-all" title="Expand all folders"><i class="bi bi-arrows-expand"></i></button>
|
|
<button class="btn btn-outline-secondary" id="btn-collapse-all" title="Collapse all folders"><i class="bi bi-arrows-collapse"></i></button>
|
|
</div>
|
|
<div class="form-text">Right-click the tree to add, rename, or delete.</div>
|
|
</div>
|
|
<div class="tree-scroll flex-fill overflow-auto">
|
|
<ul class="tree list-unstyled mb-0" id="tree-root">
|
|
<li class="tree-node tree-node-root" data-type="root">
|
|
<div class="tree-row selected" data-type="root" tabindex="0">
|
|
<span class="tree-toggle-spacer"></span>
|
|
<i class="bi bi-house-door-fill tree-icon text-primary"></i>
|
|
<span class="tree-label">Inventory</span>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<ul class="tree-children list-unstyled" id="top-level-children" data-expanded="true">
|
|
{{template "tree_children" .Tree}}
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</aside>
|
|
|
|
<section id="main-panel" class="main-panel flex-fill overflow-auto" data-context-type="root" data-context-id="">
|
|
{{template "panel_root" .Root}}
|
|
</section>
|
|
</div>
|
|
|
|
{{template "modals" .}}
|
|
{{end}}
|