Ny inloggning, formulär innnan. Fixes #7

public/app.js

@@ -10,34 +10,63 @@ if ('serviceWorker' in navigator) {
     });
 }
 
-document.getElementById('taskForm').addEventListener('submit', function(e) {
-    e.preventDefault();
+document.addEventListener('DOMContentLoaded', function() {
+    const loginForm = document.getElementById('loginForm');
+    const loginContainer = document.getElementById('loginContainer');
+    const appContainer = document.getElementById('appContainer');
+    const loginMessage = document.getElementById('loginMessage');
 
-    // Get form values
-    const subject = document.getElementById('subject').value;
-    const description = document.getElementById('description').value;
-    const scheduled = document.getElementById('scheduled').value;
+    // Check if user is already logged in
+    if (sessionStorage.getItem('loggedIn') === 'true') {
+        loginContainer.style.display = 'none';
+        appContainer.style.display = 'block';
+    }
 
-    // Structure data for Org mode
-    const taskData = {
-        subject,
-        description,
-        scheduled
-    };
+    loginForm.addEventListener('submit', function(e) {
+        e.preventDefault();
 
-    // Send data to backend using fetch
-    fetch('/add-task', {
-        method: 'POST',
-        headers: {
-            'Content-Type': 'application/json',
-        },
-        body: JSON.stringify(taskData)
-    })
-    .then(response => response.json())
-    .then(data => {
-        document.getElementById('responseMessage').textContent = data.message;
-    })
-    .catch(error => {
-        document.getElementById('responseMessage').textContent = "Error saving task!";
+        const username = document.getElementById('username').value;
+        const password = document.getElementById('password').value;
+
+        // Simple authentication check (replace with your own logic)
+        if (username === 'admin' && password === 'password') {
+            sessionStorage.setItem('loggedIn', 'true');
+            loginContainer.style.display = 'none';
+            appContainer.style.display = 'block';
+        } else {
+            loginMessage.textContent = 'Invalid username or password';
+        }
+    });
+
+    document.getElementById('taskForm').addEventListener('submit', function(e) {
+        e.preventDefault();
+
+        // Get form values
+        const subject = document.getElementById('subject').value;
+        const description = document.getElementById('description').value;
+        const scheduled = document.getElementById('scheduled').value;
+
+        // Structure data for Org mode
+        const taskData = {
+            subject,
+            description,
+            scheduled
+        };
+
+        // Send data to backend using fetch
+        fetch('/add-task', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify(taskData)
+        })
+        .then(response => response.json())
+        .then(data => {
+            document.getElementById('responseMessage').textContent = data.message;
+        })
+        .catch(error => {
+            document.getElementById('responseMessage').textContent = "Error saving task!";
+        });
     });
 });