Archive/screentinker
1
0
Fork 0
mirror of https://github.com/screentinker/screentinker.git synced 2026-05-15 07:32:23 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make breadcrumb a drop target for moving content out of folders

Browse source 
Once inside a folder, the only drop targets shown were that folder's
own subfolders — no way to drag a file back up to root or to a parent
without opening the edit modal. Breadcrumb segments now accept content
drops: drop on 'All Content' to move to root, or onto a parent folder
name to move there. The edit modal still works for cross-branch moves.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
ScreenTinker 2026-04-28 15:51:02 -05:00
parent 66a137cffe
commit 9b26b4930b
1 changed files with 29 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
frontend/js/views/content-library.js
View file

@ -246,6 +246,35 @@ async function loadContent() {
state.currentFolderId = id || null;
loadContent();
});
// Make breadcrumb segments drop targets too — otherwise the only way to move
// a file out of a folder is via the edit modal. Dropping on "All Content"
// moves to root; dropping on a parent name moves there.
a.addEventListener('dragover', (e) => {
if (!e.dataTransfer.types.includes('text/content-id')) return;
e.preventDefault();
a.style.background = 'var(--primary)';
a.style.color = '#fff';
a.style.padding = '2px 8px';
a.style.borderRadius = '4px';
});
a.addEventListener('dragleave', () => {
a.style.background = '';
a.style.color = '';
a.style.padding = '';
a.style.borderRadius = '';
});
a.addEventListener('drop', async (e) => {
e.preventDefault();
a.style.background = ''; a.style.color = ''; a.style.padding = ''; a.style.borderRadius = '';
const contentId = e.dataTransfer.getData('text/content-id');
if (!contentId) return;
const targetFolderId = a.dataset.folderNav || null; // empty string = root
try {
await api.moveContent(contentId, targetFolderId);
showToast(targetFolderId ? 'Moved' : 'Moved to root', 'success');
loadContent();
} catch (err) { showToast(err.message, 'error'); }
});
});
const renameBtn = breadcrumb.querySelector('#renameFolderBtn');
if (renameBtn) renameBtn.onclick = async () => {