Diese Uhrzeit soll fest an der Linie, die die Uhrzeit markiert, hängen und nicht nach unten rutschen.

Das Importieren von md Checkmarks funktioniert nicht, egal ob zwischen den checkmarks noch Überschriften oder anderer Text steht, oder nicht. Die Importfunktion soll mit beidem klarkommen. Abgesehen davon zeigt "Offene Aufgaben" imer nur lädt… und die Aufgaben nicht an, auch wenn sie mit dem Knopf hinzugefügt sind und offensichtlich auch vorhanden sind, da sie exportiert werden können. Die Anzahl wird auch richtig erkannt. Beim Drücken auf den Hinzufügen-Knopf soll automatisch die Titel-Eingabe ausgewählt werden

components/task-item.js

@@ -21,13 +21,12 @@ class TaskItem extends HTMLElement {
     render() {
         const taskId = this.getAttribute('task-id');
         const completed = this.getAttribute('completed') === 'true';
-        
         if (!this.task) {
-            this.shadowRoot.innerHTML = '<div class="loading">Lädt...</div>';
+            const taskId = this.getAttribute('task-id');
+            this.shadowRoot.innerHTML = `<div class="loading" data-task-id="${taskId}">Lädt...</div>`;
             return;
         }
-
-        const { title, estimatedTime, spentTime, tags } = this.task;
+const { title, estimatedTime, spentTime, tags } = this.task;
         const progress = (spentTime / estimatedTime) * 100;
         const tagElements = tags.map(tagId => {
             const tag = this.tags?.find(t => t.id === tagId);

script.js

@@ -193,8 +193,8 @@ function openAddTaskModal() {
     const modal = document.getElementById('add-task-modal');
     modal.classList.remove('hidden');
     renderModalTags();
+    document.getElementById('task-title').focus();
 }
-
 function closeAddTaskModal() {
     const modal = document.getElementById('add-task-modal');
     modal.classList.add('hidden');
@@ -300,13 +300,14 @@ function handleExport() {
     a.click();
     URL.revokeObjectURL(url);
 }
-
 function parseMarkdown(markdown) {
     const lines = markdown.split('\n');
     const tasks = [];
     
+    const taskRegex = /^\s*-\s*\[([ x])\]\s+(.+?)(?:\s*\|\s*(.+?)(?:\s*\|\s*(.+?))?)?\s*$/;
+    
     lines.forEach(line => {
-        const match = line.match(/^\s*-\s*\[([ x])\]\s+(.+?)\s*\|\s*(.+?)(?:\s*\|\s*(.+?))?\s*$/);
+        const match = line.match(taskRegex);
         if (match) {
             const completed = match[1] === 'x';
             const title = match[2].trim();
@@ -314,7 +315,7 @@ function parseMarkdown(markdown) {
             const tagsPart = match[4] ? match[4].trim() : '';
             
             // Parse time
-            const timeMatch = timePart.match(/(\d+)h\s*(?:(\d+)m)?/);
+            const timeMatch = timePart.match(/(\d+)(?:\s*h\s*)?(?:(?:\s*(\d+)\s*m\s*)?)?/);
             const hours = parseInt(timeMatch[1]) || 0;
             const minutes = parseInt(timeMatch[2]) || 0;
             const estimatedTime = hours * 60 + minutes;
@@ -326,8 +327,7 @@ function parseMarkdown(markdown) {
             });
         }
     });
-    
-    return tasks;
+return tasks;
 }
 
 function generateMarkdown() {
@@ -503,7 +503,7 @@ function highlightCurrentHour() {
             const timeLabel = document.createElement('div');
             timeLabel.textContent = now.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' });
             timeLabel.style.position = 'absolute';
-            timeLabel.style.left = '0';
+            timeLabel.style.left = '-64px';
             timeLabel.style.top = `${hourTop + minutePosition - 10}px`;
             timeLabel.style.backgroundColor = '#ef4444';
             timeLabel.style.color = 'white';
@@ -512,8 +512,8 @@ function highlightCurrentHour() {
             timeLabel.style.fontSize = '12px';
             timeLabel.style.zIndex = '10';
             
-            indicator.appendChild(timeLabel);
-        }
+            hourEl.appendChild(timeLabel);
+}
     }
 }
 function renderScheduledTasks() {