kalender und fixes

public/js/modules/context-menu.js

@@ -14,6 +14,14 @@ const tags = $('ctx-tags');
 
 export function hideContextMenu() { menu.classList.add('hidden'); }
 
+let ctxCloseTimer = null;
+menu.addEventListener('mouseleave', () => {
+    ctxCloseTimer = setTimeout(hideContextMenu, 400);
+});
+menu.addEventListener('mouseenter', () => {
+    if (ctxCloseTimer) { clearTimeout(ctxCloseTimer); ctxCloseTimer = null; }
+});
+
 document.addEventListener('click', hideContextMenu);
 document.addEventListener('contextmenu', e => { if (!menu.contains(e.target)) hideContextMenu(); });
 
@@ -26,6 +34,7 @@ export function showContextMenu(x, y, card) {
         <button class="ctx-item" data-action="open"><i class="ph ph-eye text-sm"></i><span class="font-pixel text-[10px]">open</span></button>
         <button class="ctx-item" data-action="edit"><i class="ph ph-pencil-simple text-sm"></i><span class="font-pixel text-[10px]">edit</span></button>
         <button class="ctx-item" data-action="duplicate"><i class="ph ph-copy text-sm"></i><span class="font-pixel text-[10px]">duplicate</span></button>
+        ${/^\d{4}-\d{2}-\d{2}/.test(card.title) ? `<button class="ctx-item" data-action="move-date"><i class="ph ph-calendar-dots text-sm"></i><span class="font-pixel text-[10px]">move to date</span></button>` : ''}
         <button class="ctx-item" data-action="save-md"><i class="ph ph-file-md text-sm"></i><span class="font-pixel text-[10px]">save .md</span></button>
         <button class="ctx-item" data-action="favorite"><i class="ph${isFavorite(card.id) ? '-fill' : ''} ph-star text-sm ${isFavorite(card.id) ? 'text-amber-400' : ''}"></i><span class="font-pixel text-[10px]">${isFavorite(card.id) ? 'unfavorite' : 'favorite'}</span></button>
         <div class="ctx-sep"></div>
@@ -155,7 +164,30 @@ export function showContextMenu(x, y, card) {
         const a = btn.dataset.action;
         if (a === 'open') { hideContextMenu(); window._openDetail(card.id); }
         else if (a === 'edit') { hideContextMenu(); window._openModal(card); }
-        else if (a === 'duplicate') { hideContextMenu(); await api('api/cards', { method: 'POST', body: { title: card.title + ' (copy)', body: card.body, color: card.color, bucket_id: card.bucket_id, position: -1 } }); await window._reloadAll(); }
+        else if (a === 'duplicate') {
+            hideContextMenu();
+            const hasDate = /^\d{4}-\d{2}-\d{2}/.test(card.title);
+            if (hasDate) {
+                const curDate = card.title.substring(0, 10);
+                const newDate = await showDialog({ title: 'duplicate_to_date', input: 'date', defaultValue: curDate, okLabel: 'duplicate' });
+                if (!newDate) return;
+                const newTitle = card.title.replace(/^\d{4}-\d{2}-\d{2}/, newDate.trim());
+                await api('api/cards', { method: 'POST', body: { title: newTitle, body: card.body, color: card.color, bucket_id: card.bucket_id, position: -1 } });
+            } else {
+                await api('api/cards', { method: 'POST', body: { title: card.title + ' (copy)', body: card.body, color: card.color, bucket_id: card.bucket_id, position: -1 } });
+            }
+            await window._reloadAll();
+        }
+        else if (a === 'move-date') {
+            hideContextMenu();
+            const curDate = card.title.substring(0, 10);
+            const newDate = await showDialog({ title: 'move_to_date', input: 'date', defaultValue: curDate, okLabel: 'move' });
+            if (!newDate || newDate === curDate) return;
+            const newTitle = card.title.replace(/^\d{4}-\d{2}-\d{2}/, newDate.trim());
+            await api(`api/cards/${card.id}`, { method: 'PATCH', body: { title: newTitle } });
+            await window._reloadAll();
+            if (card.caldav_uid) window._triggerSync?.();
+        }
         else if (a === 'save-md') { hideContextMenu(); window.location.href = `api/export-md?ids=${card.id}`; }
         else if (a === 'favorite') { hideContextMenu(); toggleFavorite(card.id); window._renderBoard(); }
         else if (a === 'color') toggle(colors);