diff options
Diffstat (limited to '')
| -rw-r--r-- | pages/base.templ | 15 |
1 files changed, 15 insertions, 0 deletions
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> |