kalender und fixes

public/js/modules/board.js

@@ -10,6 +10,12 @@ import { bindCheckboxes } from './detail.js';
 
 const board = $('board');
 const boardPreview = $('board-preview');
+
+board?.addEventListener('contextmenu', e => {
+    if (e.target.closest('[data-id]') || e.target.closest('.superview-item')) return;
+    e.preventDefault();
+    window._openModal(null);
+});
 const boardPreviewBody = $('board-preview-body');
 const boardPreviewTitle = $('board-preview-title');
 const boardPreviewColor = $('board-preview-color');
@@ -217,7 +223,7 @@ $('sort-toggle')?.addEventListener('click', () => {
     renderBoard();
 });
 
-function renderCardHtml(c, inGroup = false, recent = []) {
+export function renderCardHtml(c, inGroup = false, recent = []) {
     const coverImg = leadingImage(c.body);
     const thumbImg = coverImg ? null : firstImage(c.body);
     const children = getChildren(c.id);
@@ -246,10 +252,9 @@ function renderCardHtml(c, inGroup = false, recent = []) {
                 ${todos ? `<i class="ph ${todos.done === todos.total ? 'ph-check-square text-t-accent' : 'ph-squares-four text-t-muted'} text-sm mt-0.5 shrink-0"></i>` : ''}
                 <h3 class="font-pixel text-xs text-t-bright leading-relaxed line-clamp-2">${esc(c.title)}</h3>
             </div>
-            ${todos ? `<div class="mb-2"><div class="flex items-center gap-2 mb-1">
-                <div class="flex-1 h-1.5 bg-t-border rounded-full overflow-hidden"><div class="h-full rounded-full transition-all" style="width:${todoPct}%;background:${cardColor}"></div></div>
-                <span class="font-pixel text-[9px] ${todos.done === todos.total ? 'text-t-accent' : 'text-t-dim'}">${todos.done}/${todos.total}</span>
-            </div></div>` : ''}
+            ${todos ? `<div class="mb-2">
+                <div class="todo-progress">${Array.from({length: todos.total}, (_, i) => `<div class="todo-seg" style="background:${i < todos.done ? cardColor : 'var(--t-border)'}"></div>`).join('')}</div>
+            </div>` : ''}
             <p class="text-xs ${hasCover ? 'text-t-text' : 'text-t-muted'} leading-relaxed line-clamp-5 flex-1">${esc(stripMd(c.body))}</p>
             ${tags.length ? `<div class="flex flex-wrap gap-1 mt-1.5 card-layer">${tags.slice(0, 5).map(t => tagChipHtml(t)).join('')}${tags.length > 5 ? `<span class="tag-chip tag-chip-more">+${tags.length - 5}</span>` : ''}</div>` : ''}
             <div class="mt-auto pt-2 flex items-center gap-2 text-[10px] ${hasCover ? 'text-t-text' : 'text-t-dim'} font-pixel">
@@ -446,6 +451,9 @@ export function renderBoard() {
     // Footer count
     const fc = $('footer-count');
     if (fc) fc.textContent = `${cards.length} card${cards.length !== 1 ? 's' : ''} · ${state.cards.length} total`;
+
+    // Refresh split preview if open
+    if (boardSplitOpen && boardPreviewCardId) showBoardPreview(boardPreviewCardId);
 }
 
 // ── Group bar ──