feat: admin panel

templates/auth/account_settings.html

@@ -11,7 +11,7 @@
     <label class="label">
       <span class="label-text">Email</span>
     </label>
-    <input type="email" name="email" value="{{ user.email }}" class="input text-gray-100! input-bordered w-full"
+    <input type="email" name="email" value="{{ user.email }}" class="input text-primary-content input-bordered w-full"
       disabled />
   </div>
   <div class="form-control">
@@ -20,8 +20,8 @@
     </label>
     {% block api_key_section %}
     {% if user.api_key %}
-    <input type="text" name="api-key" value="{{ user.api_key }}" class="input text-gray-100! input-bordered w-full"
-      disabled />
+    <input type="text" name="api-key" value="{{ user.api_key }}"
+      class="input text-primary-content input-bordered w-full" disabled />
     <a href="https://www.icloud.com/shortcuts/66985f7b98a74aaeac6ba29c3f1f0960"
       class="btn btn-accent mt-4 w-full">Download
       iOS

templates/auth/admin_panel.html

@@ -1,13 +1,40 @@
 {% extends 'body_base.html' %}
 {% block main %}
-<main class="container justify-center flex-grow flex mx-auto mt-4 p-5">
-  Hello
-  {% if user.admin %}
-  admin
-  {% else %}
-  user
-  {% endif %}
+<main class="container flex-grow flex flex-col mx-auto mt-4 p-5 space-y-6">
+  <h1 class="text-3xl font-bold">Admin Dashboard</h1>
 
-  {{settings}}
+  <div class="stats stats-vertical lg:stats-horizontal shadow">
+    <div class="stat">
+      <div class="stat-title">Page loads</div>
+      <div class="stat-value text-secondary">{{analytics.page_loads}}</div>
+      <div class="stat-desc">Amount of page loads</div>
+    </div>
+
+    <div class="stat">
+      <div class="stat-title">Unique visitors</div>
+      <div class="stat-value text-primary">{{analytics.visitors}}</div>
+      <div class="stat-desc">Amount of unique visitors</div>
+    </div>
+
+    <div class="stat">
+      <div class="stat-title">Users</div>
+      <div class="stat-value text-accent">{{users}}</div>
+      <div class="stat-desc">Amount of registered users</div>
+    </div>
+  </div>
+
+
+  <!-- Settings in Fieldset -->
+  <div class="grid grid-cols-1 sm:grid-cols-2 gap-6">
+    <fieldset class="fieldset p-4 shadow rounded-box">
+      <legend class="fieldset-legend">Registration</legend>
+      <label class="fieldset-label">
+        <input type="checkbox" class="checkbox" hx-post="/toggle-registrations" hx-target="#registration-status" {% if
+          settings.registrations_enabled %}checked{% endif %} />
+        Enable Registrations
+      </label>
+      <div id="registration-status" class="text-sm mt-2"></div>
+    </fieldset>
+  </div>
 </main>
 {% endblock %}

templates/auth/signup_form.html

@@ -37,7 +37,7 @@
         </p>
       </label>
     </div>
-    <div class="mt-2 text-error" id="signup-result"></div>
+    <div class="mt-4 text-error" id="signup-result"></div>
     <div class="form-control mt-6">
       <button id="submit-btn" class="btn btn-primary w-full">
         Create Account

templates/body_base.html

@@ -19,7 +19,9 @@
                 <summary>Account</summary>
                 <ul class="bg-base-100 rounded-t-none p-2">
                   <li><a hx-boost="true" class="" href="/account">Account</a></li>
+                  {% if user.admin %}
                   <li><a hx-boost="true" class="" href="/admin">Admin</a></li>
+                  {% endif %}
                   <li><a hx-boost="true" href="/signout">Sign out</a></li>
                 </ul>
               </details>