izradena poslovna logika

2026-05-25 04:25:34 +00:00
parent 668195e642
commit e0a3dea68a
127 changed files with 2417 additions and 6509 deletions
--- a/002.FRONTEND/src/layouts/Layout.astro
+++ b/002.FRONTEND/src/layouts/Layout.astro
@@ -0,0 +1,91 @@
+---
+import siteConfig from '../data/site.json';
+import ToastContainer from '../components/ToastContainer.jsx';
+import AuthStatus from '../components/auth/AuthStatus.jsx';
+import { ClientRouter } from 'astro:transitions';
+
+interface Props {
+  title: string;
+}
+
+const { title } = Astro.props;
+---
+
+<!doctype html>
+<html lang="hr">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <ClientRouter />
+    <title>{title} | {siteConfig.title}</title>
+    <style>
+      :root {
+        --bg-color: #121212;
+        --text-color: #e0e0e0;
+        --accent-color: #3b82f6;
+        --nav-bg: #1e1e1e;
+      }
+      body {
+        margin: 0;
+        font-family: system-ui, -apple-system, sans-serif;
+        background-color: var(--bg-color);
+        color: var(--text-color);
+        display: flex;
+        flex-direction: column;
+        min-height: 100vh;
+      }
+      nav {
+        background-color: var(--nav-bg);
+        padding: 1rem;
+        display: flex;
+        gap: 1rem;
+        border-bottom: 1px solid #333;
+      }
+      nav a {
+        color: var(--text-color);
+        text-decoration: none;
+      }
+      nav a:hover {
+        color: var(--accent-color);
+      }
+      main {
+        flex: 1;
+        padding: 1rem;
+        max-width: 1200px;
+        margin: 0 auto;
+        width: 100%;
+      }
+      footer {
+        text-align: center;
+        padding: 1rem;
+        font-size: 0.8rem;
+        color: #888;
+      }
+    </style>
+  </head>
+  <body>
+    
+    <nav>
+      <a href="/" style="font-weight: bold;">{siteConfig.title}</a>
+      {siteConfig.navigation.filter(item => item.welcomeHeaderDisplay).map(item => (
+        <a href={item.url}>{item.name}</a>
+      ))}
+    </nav>
+    
+    <ToastContainer client:only="preact" />
+
+    <header>
+      <AuthStatus client:only="preact" />
+    </header>
+
+    <main>
+      <slot />
+    </main>
+
+    <footer>
+      &copy; {new Date().getFullYear()} {siteConfig.author}
+    </footer>
+
+    <div id="toast-container" style="position: fixed; bottom: 20px; right: 20px;"></div>
+  </body>
+</html>