- `;
-
- // Simple click handler to open edit (since we can't sync state easily)
- el.querySelector(".todo-checkbox").addEventListener("click", (e) => {
- e.stopPropagation();
- // Open edit page or toggle visually
- // window.location.href = task.editUrl;
- });
-
- return el;
+ const lines = String(descText || "").split(/\r?\n/);
+ const fallbackSource = descEl ? descEl.innerHTML : lines.join("\n");
+ const parsed = parseTodoMarkdown(fallbackSource);
+ return parsed.items;
}
-function isOverdue(dateStr) {
+function getFormFieldValue(input) {
+ if (!input) return "";
+ const tag = (input.tagName || "").toUpperCase();
+ if (tag === "TEXTAREA") {
+ const v = typeof input.value === "string" ? input.value : "";
+ if (v && v.trim() !== "") return v;
+ const t = typeof input.textContent === "string" ? input.textContent : "";
+ return t;
+ }
+ return input.value;
+}
+
+async function hydrateTodoFromEditForm(todo) {
+ if (!todo || !todo.editUrl || todo.editUrl === "#") return;
+ if (todo._todoHydrated) return;
+ if (todo._todoHydratePromise) return todo._todoHydratePromise;
+
+ todo._todoHydratePromise = (async () => {
+ try {
+ const response = await fetch(todo.editUrl, { credentials: "same-origin" });
+ if (!response.ok) {
+ console.error("Todo hydration failed (edit form fetch not ok).", { id: todo && todo.id, url: todo && todo.editUrl, status: response && response.status });
+ return;
+ }
+ const html = await response.text();
+ const parser = new DOMParser();
+ const doc = parser.parseFromString(html, "text/html");
+ const form = doc.querySelector('form[name="linkform"]');
+ if (!form) {
+ console.error("Todo hydration failed (edit form not found).", { id: todo && todo.id, url: todo && todo.editUrl, status: response && response.status });
+ return;
+ }
+
+ const formData = new URLSearchParams();
+ const inputs = form.querySelectorAll("input, textarea");
+ inputs.forEach((input) => {
+ if (input.type === "checkbox") {
+ if (input.checked) formData.append(input.name, input.value || "on");
+ } else if (input.name) {
+ formData.append(input.name, getFormFieldValue(input));
+ }
+ });
+
+ todo._todoEditAction = form.action;
+ todo._todoEditBaseData = formData;
+
+ const rawMarkdown = formData.get("lf_description") || "";
+ const parsed = parseTodoMarkdown(rawMarkdown);
+ todo._todoHeaderLines = parsed.headerLines;
+ todo._todoFooterLines = parsed.footerLines;
+ todo.items = parsed.items;
+
+ if (!todo._todoDebugLogged && rawMarkdown && String(rawMarkdown).trim() && (!parsed.items || parsed.items.length === 0)) {
+ todo._todoDebugLogged = true;
+ console.warn("Todo parsed 0 items from lf_description; sample follows.", {
+ id: todo && todo.id,
+ url: todo && todo.editUrl,
+ sample: String(rawMarkdown).slice(0, 240),
+ });
+ }
+
+ updateTodoCardPreview(todo);
+ todo._todoHydrated = true;
+ } catch (e) {
+ console.error("Error hydrating todo markdown:", e);
+ } finally {
+ todo._todoHydratePromise = null;
+ }
+ })();
+
+ return todo._todoHydratePromise;
+}
+
+function renderTodos(container, todos, viewMode) {
+ if (!container) return;
+ container.innerHTML = "";
+ container.className = viewMode === "grid" ? "notes-masonry" : "notes-list-view";
+
+ const visibleTodos = (todos || []).slice();
+ visibleTodos.sort((a, b) => {
+ const aPinned = (a.tags || []).includes("shaarli-pin");
+ const bPinned = (b.tags || []).includes("shaarli-pin");
+ return bPinned - aPinned;
+ });
+
+ visibleTodos.forEach((todo) => {
+ const card = document.createElement("div");
+ card.className = "note-card todo-card";
+ card.dataset.id = todo.id;
+ card.dataset.editUrl = todo.editUrl || "";
+ card.dataset.tags = (todo.tags || []).filter((t) => t).join("||");
+ todo._todoCardEl = card;
+ applyNoteVisualState(card, todo);
+ if (viewMode === "list") card.classList.add("list-mode");
+
+ card.addEventListener("click", (e) => {
+ if (e.target.closest("button") || e.target.closest("a") || e.target.closest(".note-hover-actions")) return;
+ syncNoteFromCardElement(todo, card);
+ openTodoModal(todo);
+ });
+
+ const inner = document.createElement("div");
+ inner.className = "note-inner";
+
+ if (todo.title) {
+ const h3 = document.createElement("h3");
+ h3.className = "note-title";
+ h3.textContent = todo.title;
+ inner.appendChild(h3);
+ }
+
+ const body = document.createElement("div");
+ body.className = "note-body todo-checklist-preview-wrap";
+ body.innerHTML = buildTodoPreviewHtml(todo.items || []);
+ inner.appendChild(body);
+
+ if ((todo.tags || []).length > 0) {
+ const tagContainer = document.createElement("div");
+ tagContainer.className = "note-tags";
+ todo.tags.forEach((t) => {
+ if (isTechnicalTag(t)) return;
+ const pill = createTagPill({ tag: t, onRemoveClass: "note-tag-remove-btn", tagClass: "note-tag", canRemove: !!todo.editUrl && todo.editUrl !== "#" });
+ tagContainer.appendChild(pill);
+ });
+ inner.appendChild(tagContainer);
+ }
+
+ const actions = document.createElement("div");
+ actions.className = "note-hover-actions";
+
+ const paletteBtnId = `palette-${todo.id}`;
+
+ actions.innerHTML = `
+