${mathHtml(m.body || '')}
${chip}
@@ -216,22 +246,59 @@
`;
}
- /* ── Collections bar ── */
- function chip(key, label, count, editId) {
+ /* ── Folder rail (вертикальный список папок слева) ── */
+ function railItem(key, label, count, editId, droppable) {
const active = _filter.col === key ? ' active' : '';
- const ed = editId ? `
${PENCIL}` : '';
- return `
`;
+ const ed = editId
+ ? `
${PENCIL}`
+ : '';
+ const ic = key === 'all' ? 'inbox' : (key === 'none' ? 'folder-minus' : 'folder');
+ const drop = droppable
+ ? ` ondragover="mmDragOver(event,this)" ondragleave="mmDragLeave(this)" ondrop="mmDrop(event,'${key}')"`
+ : '';
+ return `
+
+ ${esc(label)}
+ ${count}${ed}
+
`;
}
function renderCols() {
const bar = document.getElementById('mm-cols');
const noneCount = _mats.filter(m => !m.collection_id).length;
- let html = chip('all', 'Все', _mats.length);
- _cols.forEach(c => { html += chip(String(c.id), c.name, c.count, c.id); });
- if (noneCount) html += chip('none', 'Без папки', noneCount);
- html += `
`;
+ let html = railItem('all', 'Все', _mats.length, null, false);
+ _cols.forEach(c => { html += railItem(String(c.id), c.name, c.count, c.id, true); });
+ html += railItem('none', 'Без папки', noneCount, null, true);
bar.innerHTML = html;
}
+ /* ── Drag-and-drop: перетащить карточку на папку, чтобы переместить ── */
+ let _dragId = null;
+ function mmDragStart(e, id) {
+ _dragId = id;
+ try { e.dataTransfer.setData('text/plain', String(id)); e.dataTransfer.effectAllowed = 'move'; } catch (_) {}
+ if (e.currentTarget) e.currentTarget.classList.add('mm-dragging');
+ }
+ function mmDragEnd(e) {
+ _dragId = null;
+ if (e.currentTarget) e.currentTarget.classList.remove('mm-dragging');
+ document.querySelectorAll('.mm-rail-item.drop-hover').forEach(el => el.classList.remove('drop-hover'));
+ }
+ function mmDragOver(e, el) { e.preventDefault(); try { e.dataTransfer.dropEffect = 'move'; } catch (_) {} el.classList.add('drop-hover'); }
+ function mmDragLeave(el) { el.classList.remove('drop-hover'); }
+ function mmDrop(e, key) {
+ e.preventDefault();
+ if (e.currentTarget) e.currentTarget.classList.remove('drop-hover');
+ let id = _dragId;
+ if (id == null && e.dataTransfer) { const d = e.dataTransfer.getData('text/plain'); id = d ? Number(d) : null; }
+ if (id == null) return;
+ const cid = (key === 'none' || key === 'all') ? null : key;
+ const mt = _mats.find(x => x.id === id);
+ if (mt && String(mt.collection_id || '') === String(cid || '')) return; // уже в этой папке
+ moveMaterial(id, cid);
+ }
+ window.mmDragStart = mmDragStart; window.mmDragEnd = mmDragEnd;
+ window.mmDragOver = mmDragOver; window.mmDragLeave = mmDragLeave; window.mmDrop = mmDrop;
+
function filtered() {
return _mats.filter(m => {
if (_filter.col === 'none' && m.collection_id) return false;