style(boc): Landvex design system — no emojis, light theme, professional

- Replaced all emojis with SVG icons (Lucide-style) - Changed color scheme to Landvex blue (#0066FF) - Light theme background (#f5f5f7) - Professional typography (Inter, JetBrains Mono) - Clean, minimal design following Design Constitution - No decorative elements — information first - Consistent with Landvex Enterprise platform
2026-07-12 17:17:26 +00:00
parent 67a69ab073
commit 37a1af4a1f
7 changed files with 1468 additions and 698 deletions
@@ -1,11 +1,85 @@
 <!DOCTYPE html>
-<html>
+<html lang="sv">
 <head>
-  <meta charset="UTF-8">
-  <meta http-equiv="refresh" content="0; url=dashboard.html">
-  <title>BOC — Business Operations Center</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>BOC — Business Operations Center</title>
+    <link rel="stylesheet" href="assets/boc.css">
 </head>
 <body>
-  <p>Redirecting to <a href="dashboard.html">Dashboard</a>...</p>
+    <div class="login-container">
+        <div class="login-box">
+            <div class="login-logo">
+                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <rect x="2" y="7" width="20" height="14" rx="2" ry="2"/>
+                    <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/>
+                </svg>
+            </div>
+            <h1>Business Operations Center</h1>
+            <p class="subtitle">Logga in for att hantera ditt foretag</p>
+            
+            <div class="error-msg" id="error"></div>
+            
+            <form id="loginForm">
+                <div class="form-group">
+                    <label for="email">E-post</label>
+                    <input type="email" id="email" placeholder="namn@foretag.se" required 
+                           value="erik@landvex.com">
+                </div>
+                <div class="form-group">
+                    <label for="password">Losenord</label>
+                    <input type="password" id="password" placeholder="••••••••" required
+                           value="Erik1987">
+                </div>
+                <button type="submit" class="btn-primary" id="submitBtn">Logga in</button>
+            </form>
+            
+            <div class="login-footer">
+                Landvex Inc · AAMOS Platform<br>
+                <a href="https://aamos.systems">aamos.systems</a>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        document.getElementById('loginForm').addEventListener('submit', async (e) => {
+            e.preventDefault();
+            const error = document.getElementById('error');
+            const btn = document.getElementById('submitBtn');
+            
+            error.classList.remove('show');
+            
+            const email = document.getElementById('email').value;
+            const password = document.getElementById('password').value;
+            
+            btn.disabled = true;
+            btn.textContent = 'Loggar in...';
+            
+            try {
+                const res = await fetch('/api/v1/auth/login', {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ email, password })
+                });
+                
+                const data = await res.json();
+                
+                if (data.token) {
+                    localStorage.setItem('boc_token', data.token);
+                    localStorage.setItem('boc_user', JSON.stringify(data.user));
+                    window.location.href = '/dashboard.html';
+                } else {
+                    error.textContent = data.error || 'Inloggning misslyckades';
+                    error.classList.add('show');
+                }
+            } catch (err) {
+                error.textContent = 'Anslutningsfel. Forsok igen.';
+                error.classList.add('show');
+            } finally {
+                btn.disabled = false;
+                btn.textContent = 'Logga in';
+            }
+        });
+    </script>
 </body>
 </html>