basic admin panel stuff

2026-10-28 00:19:05 -07:00 · 2026-06-17 13:39:28 -04:00
parent c20d215ee0
commit 004f1921a6
44 changed files with 3432 additions and 315 deletions
@@ -1,20 +1,30 @@
-@inherits LayoutComponentBase
+@using CannedNet.Admin.Services
+@inherits LayoutComponentBase
+@inject AdminAuthService AuthService
+@inject NavigationManager Navigation

-<div class="page">
-    <div class="sidebar">
-        <NavMenu />
-    </div>
+@{
+    var body = Body;
+}

-    <main>
-        <div class="top-row px-4">
-            <a href="https://learn.microsoft.com/aspnet/core/" target="_blank">About</a>
+<AuthorizeView>
+    <Authorized>
+        <div class="page">
+            <div class="sidebar">
+                <NavMenu />
+            </div>
+
+            <main>
+                <article class="content px-4">
+                    @body
+                </article>
+            </main>
        </div>
-
-        <article class="content px-4">
-            @Body
-        </article>
-    </main>
-</div>
+    </Authorized>
+    <NotAuthorized>
+        @body
+    </NotAuthorized>
+</AuthorizeView>

 <div id="blazor-error-ui" data-nosnippet>
    An unhandled error has occurred.
@@ -8,23 +8,69 @@

 <div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
    <nav class="nav flex-column">
-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
-                <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Home
-            </NavLink>
-        </div>
+        <AuthorizeView>
+            <Authorized>
+                <div class="nav-item px-3">
+                    <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
+                        <span class="bi bi-house-door-fill-nav-menu" aria-hidden="true"></span> Dashboard
+                    </NavLink>
+                </div>

-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="counter">
-                <span class="bi bi-plus-square-fill-nav-menu" aria-hidden="true"></span> Counter
-            </NavLink>
-        </div>
+                <div class="nav-section-label px-3 mt-3 mb-1 text-muted small text-uppercase">Setup</div>
+                <div class="nav-item px-3">
+                    <NavLink class="nav-link" href="setup/nameserver">
+                        <span class="bi bi-server-nav-menu" aria-hidden="true"></span> Nameserver
+                    </NavLink>
+                </div>
+                <div class="nav-item px-3">
+                    <NavLink class="nav-link" href="setup/accounts">
+                        <span class="bi bi-people-fill-nav-menu" aria-hidden="true"></span> Admin Accounts
+                    </NavLink>
+                </div>

-        <div class="nav-item px-3">
-            <NavLink class="nav-link" href="weather">
-                <span class="bi bi-list-nested-nav-menu" aria-hidden="true"></span> Weather
-            </NavLink>
-        </div>
+                <div class="nav-section-label px-3 mt-3 mb-1 text-muted small text-uppercase">Users</div>
+                <div class="nav-item px-3">
+                    <NavLink class="nav-link" href="users/search">
+                        <span class="bi bi-search-nav-menu" aria-hidden="true"></span> Search Users
+                    </NavLink>
+                </div>
+
+                <div class="nav-section-label px-3 mt-3 mb-1 text-muted small text-uppercase">Rooms</div>
+                <div class="nav-item px-3">
+                    <NavLink class="nav-link" href="rooms/search">
+                        <span class="bi bi-building-nav-menu" aria-hidden="true"></span> Search Rooms
+                    </NavLink>
+                </div>
+                <div class="nav-item px-3">
+                    <NavLink class="nav-link" href="rooms/create">
+                        <span class="bi bi-plus-circle-fill-nav-menu" aria-hidden="true"></span> Create Room
+                    </NavLink>
+                </div>
+
+                <div class="nav-section-label px-3 mt-3 mb-1 text-muted small text-uppercase">Config</div>
+                <div class="nav-item px-3">
+                    <NavLink class="nav-link" href="config/nameserver">
+                        <span class="bi bi-diagram-3-fill-nav-menu" aria-hidden="true"></span> NS Config
+                    </NavLink>
+                </div>
+                <div class="nav-item px-3">
+                    <NavLink class="nav-link" href="config/gameconfig">
+                        <span class="bi bi-sliders-nav-menu" aria-hidden="true"></span> Game Config
+                    </NavLink>
+                </div>
+                <div class="nav-item px-3">
+                    <NavLink class="nav-link" href="config/communityboard">
+                        <span class="bi bi-megaphone-fill-nav-menu" aria-hidden="true"></span> Community Board
+                    </NavLink>
+                </div>
+
+                <div class="nav-section-label px-3 mt-3 mb-1 text-muted small text-uppercase">Storefronts</div>
+                <div class="nav-item px-3">
+                    <NavLink class="nav-link" href="storefronts">
+                        <span class="bi bi-cart-fill-nav-menu" aria-hidden="true"></span> Storefronts
+                    </NavLink>
+                </div>
+            </Authorized>
+        </AuthorizeView>
    </nav>
 </div>
-
@@ -16,7 +16,7 @@
 }

 .top-row {
-    min-height: 3.5rem;
+    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
 }

@@ -34,18 +34,6 @@
    background-size: cover;
 }

-.bi-house-door-fill-nav-menu {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
-}
-
-.bi-plus-square-fill-nav-menu {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
-}
-
-.bi-list-nested-nav-menu {
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
-}
-
 .nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
@@ -59,27 +47,24 @@
        padding-bottom: 1rem;
    }

-    .nav-item ::deep .nav-link {
+    .nav-item ::deep a {
        color: #d7d7d7;
-        background: none;
-        border: none;
        border-radius: 4px;
-        height: 3rem;
+        height: 2.5rem;
        display: flex;
        align-items: center;
-        line-height: 3rem;
-        width: 100%;
+        line-height: 2.5rem;
    }

-.nav-item ::deep a.active {
-    background-color: rgba(255,255,255,0.37);
-    color: white;
-}
+        .nav-item ::deep a.active {
+            background-color: rgba(255,255,255,0.37);
+            color: white;
+        }

-.nav-item ::deep .nav-link:hover {
-    background-color: rgba(255,255,255,0.1);
-    color: white;
-}
+        .nav-item ::deep a:hover {
+            background-color: rgba(255,255,255,0.1);
+            color: white;
+        }

 .nav-scrollable {
    display: none;
@@ -89,16 +74,19 @@
    display: block;
 }

+.nav-section-label {
+    font-size: 0.7rem;
+    letter-spacing: 0.05em;
+    opacity: 0.7;
+}
+
@media (min-width: 641px) {
    .navbar-toggler {
        display: none;
    }

    .nav-scrollable {
-        /* Never collapse the sidebar for wide screens */
        display: block;
-
-        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
@@ -0,0 +1,13 @@
+@using CannedNet.Admin.Services
+@inject AdminAuthService AuthService
+@inject NavigationManager Navigation
+
+@code {
+    protected override void OnInitialized()
+    {
+        if (!AuthService.HasAnyUser())
+            Navigation.NavigateTo("/setup", forceLoad: true);
+        else
+            Navigation.NavigateTo("/login", forceLoad: true);
+    }
+}