0dac93ec0b
Dashboard at /admin shows setup progress (when not live), stat cards (orders, revenue, products), and recent paid orders table. Replaces the old AdminController redirect. Add Dashboard to sidebar nav as first item, update admin bar and theme editor links to /admin. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
103 lines
3.3 KiB
Plaintext
103 lines
3.3 KiB
Plaintext
<div class="drawer lg:drawer-open h-full">
|
|
<input id="admin-drawer" type="checkbox" class="drawer-toggle" />
|
|
|
|
<%!-- main content area --%>
|
|
<div class="drawer-content flex flex-col min-h-screen">
|
|
<%!-- mobile header --%>
|
|
<header class="navbar bg-base-100 border-b border-base-200 lg:hidden">
|
|
<div class="flex-none">
|
|
<label for="admin-drawer" class="btn btn-square btn-ghost" aria-label="Open navigation">
|
|
<.icon name="hero-bars-3" class="size-5" />
|
|
</label>
|
|
</div>
|
|
<div class="flex-1">
|
|
<span class="text-lg font-semibold">SimpleShop</span>
|
|
</div>
|
|
<div class="flex-none">
|
|
<.link href={~p"/"} class="btn btn-ghost btn-sm">
|
|
<.icon name="hero-arrow-top-right-on-square-mini" class="size-4" /> Shop
|
|
</.link>
|
|
</div>
|
|
</header>
|
|
|
|
<%!-- page content --%>
|
|
<main class="flex-1 p-4 sm:p-6 lg:p-8">
|
|
<div class="mx-auto max-w-5xl">
|
|
{@inner_content}
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<%!-- sidebar --%>
|
|
<div class="drawer-side z-40">
|
|
<label for="admin-drawer" class="drawer-overlay" aria-label="Close navigation"></label>
|
|
<aside class="bg-base-200 w-64 min-h-full flex flex-col">
|
|
<%!-- sidebar header --%>
|
|
<div class="p-4 border-b border-base-300">
|
|
<.link navigate={~p"/admin"} class="text-lg font-bold tracking-tight">
|
|
SimpleShop
|
|
</.link>
|
|
<p class="text-xs text-base-content/60 mt-0.5 truncate">
|
|
{@current_scope.user.email}
|
|
</p>
|
|
</div>
|
|
|
|
<%!-- nav links --%>
|
|
<nav class="flex-1 p-2" aria-label="Admin navigation">
|
|
<ul class="menu gap-0.5">
|
|
<li>
|
|
<.link
|
|
navigate={~p"/admin"}
|
|
class={admin_nav_active?(@current_path, "/admin")}
|
|
>
|
|
<.icon name="hero-home" class="size-5" /> Dashboard
|
|
</.link>
|
|
</li>
|
|
<li>
|
|
<.link
|
|
navigate={~p"/admin/orders"}
|
|
class={admin_nav_active?(@current_path, "/admin/orders")}
|
|
>
|
|
<.icon name="hero-shopping-bag" class="size-5" /> Orders
|
|
</.link>
|
|
</li>
|
|
<li>
|
|
<.link
|
|
href={~p"/admin/theme"}
|
|
class={admin_nav_active?(@current_path, "/admin/theme")}
|
|
>
|
|
<.icon name="hero-paint-brush" class="size-5" /> Theme
|
|
</.link>
|
|
</li>
|
|
<li>
|
|
<.link
|
|
navigate={~p"/admin/settings"}
|
|
class={admin_nav_active?(@current_path, "/admin/settings")}
|
|
>
|
|
<.icon name="hero-cog-6-tooth" class="size-5" /> Settings
|
|
</.link>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<%!-- sidebar footer --%>
|
|
<div class="p-2 border-t border-base-300">
|
|
<ul class="menu gap-0.5">
|
|
<li>
|
|
<.link href={~p"/"}>
|
|
<.icon name="hero-arrow-top-right-on-square" class="size-5" /> View shop
|
|
</.link>
|
|
</li>
|
|
<li>
|
|
<.link href={~p"/users/log-out"} method="delete">
|
|
<.icon name="hero-arrow-right-start-on-rectangle" class="size-5" /> Log out
|
|
</.link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
|
|
<.flash_group flash={@flash} />
|