From cdb35badaa3b79efb0493a5ed8872144dce48ca3 Mon Sep 17 00:00:00 2001
From: René 'Necoro' Neumann <necoro@necoro.eu>
Date: Thu, 17 Oct 2024 17:30:34 +0200
Subject: Add User dropdown

---
 pages/base.templ | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'pages/base.templ')

diff --git a/pages/base.templ b/pages/base.templ
index b78e9b5..ce945ae 100644
--- a/pages/base.templ
+++ b/pages/base.templ
@@ -37,12 +37,19 @@ templ navlinks() {
     @navlink("/recur", "Regelmäßig")
 }
 
+templ userlinks() {
+    <li><a class="dropdown-item" href="/logout">Logout</a></li>
+}
+
 templ navbar() {
     /* different inline svgs */
     <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
         <symbol id="search" viewBox="0 0 16 16">
             <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path>
         </symbol>
+        <symbol id="person" viewBox="0 0 16 16">
+            <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/>
+        </symbol>
     </svg>
 
     /* The Navbar */
@@ -62,6 +69,14 @@ templ navbar() {
                     <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                     <button class="btn btn-outline-dark" type="submit"><svg class="svg"><use xlink:href="#search"></use></svg></button>
                 </form>
+                <div class="dropdown ms-3">
+                    <button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                        <svg class="svg"><use xlink:href="#person"></use></svg>
+                    </button>
+                    <ul class="dropdown-menu dropdown-menu-lg-end">
+                        @userlinks()
+                    </ul>
+                </div>
             </div>          
         </div>
     </nav>
-- 
cgit v1.2.3-70-g09d2