72 lines
2.3 KiB
HTML
72 lines
2.3 KiB
HTML
<!-- 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> |