Working state before icon/utils fixes - Oct 22

2025-10-21 21:56:54 +02:00
parent a7d9d44a13
commit 5be47b91a2
39 changed files with 6017 additions and 508 deletions
--- a/static/admin/partials/base-layout.html
+++ b/static/admin/partials/base-layout.html
@@ -0,0 +1,72 @@
+<!-- static/admin/partials/base-layout.html -->
+<!DOCTYPE html>
+<html :class="{ 'theme-dark': dark }" lang="en">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title data-page-title>Admin Panel - Multi-Tenant Platform</title>
+
+    <!-- Fonts -->
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
+
+    <!-- Tailwind CSS -->
+    <link rel="stylesheet" href="/static/admin/css/tailwind.output.css" />
+
+    <!-- Alpine Cloak -->
+    <style>
+        [x-cloak] { display: none !important; }
+    </style>
+
+    <!-- Page-specific styles slot -->
+    <slot name="head"></slot>
+</head>
+<body x-cloak>
+    <div class="flex h-screen bg-gray-50 dark:bg-gray-900" :class="{ 'overflow-hidden': isSideMenuOpen }">
+        <!-- Sidebar Container -->
+        <div id="sidebar-container"></div>
+
+        <div class="flex flex-col flex-1 w-full">
+            <!-- Header Container -->
+            <div id="header-container"></div>
+
+            <!-- Main Content Area (Child pages inject content here) -->
+            <main class="h-full overflow-y-auto">
+                <div class="container px-6 mx-auto grid">
+                    <!-- Page content slot -->
+                    <slot name="content"></slot>
+                </div>
+            </main>
+        </div>
+    </div>
+
+    <!-- Core Scripts (loaded for all pages) -->
+    <!-- 1. Partial Loader -->
+    <script src="/static/shared/js/partial-loader.js"></script>
+
+    <!-- 2. Icons Helper -->
+    <script src="/static/shared/js/icons.js"></script>
+
+    <!-- 3. Load Header & Sidebar -->
+    <script>
+        (async () => {
+            await window.partialLoader.loadAll({
+                'header-container': 'header.html',
+                'sidebar-container': 'sidebar.html'
+            });
+        })();
+    </script>
+
+    <!-- 4. Base Alpine Data -->
+    <script src="/static/admin/js/init-alpine.js"></script>
+
+    <!-- 5. API Client & Utils -->
+    <script src="/static/shared/js/api-client.js"></script>
+    <script src="/static/shared/js/utils.js"></script>
+
+    <!-- 6. Alpine.js v3 -->
+    <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.14.0/dist/cdn.min.js"></script>
+
+    <!-- Page-specific scripts slot -->
+    <slot name="scripts"></slot>
+</body>
+</html>