Files
vibetree/web/templates/layout.html
T
Owen 4d7ebed68e Move Settings link into the user profile dropdown
Settings was still a top-level navbar item; per feedback it belongs in
the profile dropdown instead, above Sign out. The navbar now only shows
Inventory for everyone.
2026-08-17 15:39:09 -05:00

54 lines
2.1 KiB
HTML

{{define "layout"}}<!doctype html>
<html lang="en" data-bs-theme="light">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>inventree</title>
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/icons/bootstrap-icons.css">
<link rel="stylesheet" href="/static/css/app.css">
</head>
<body class="role-{{.User.Role}}">
<nav class="navbar navbar-expand-lg app-navbar border-bottom px-3">
<a class="navbar-brand fw-semibold d-flex align-items-center gap-2" href="/inventory">
<i class="bi bi-diagram-3-fill"></i> inventree
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navMain">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navMain">
<ul class="navbar-nav me-auto">
<li class="nav-item"><a class="nav-link" href="/inventory">Inventory</a></li>
</ul>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle d-flex align-items-center gap-1" href="#" role="button" data-bs-toggle="dropdown">
<i class="bi bi-person-circle"></i> {{.User.Username}}
{{if .User.IsAdmin}}<span class="badge text-bg-secondary ms-1">admin</span>{{end}}
</a>
<ul class="dropdown-menu dropdown-menu-end">
{{if .User.IsAdmin}}
<li><a class="dropdown-item" href="/settings"><i class="bi bi-gear me-2"></i>Settings</a></li>
<li><hr class="dropdown-divider"></li>
{{end}}
<li>
<form action="/logout" method="post" class="px-3 py-1">
<button type="submit" class="btn btn-sm btn-outline-secondary w-100">Sign out</button>
</form>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<main>
{{template "content" .}}
</main>
<script src="/static/js/bootstrap.bundle.min.js"></script>
<script src="/static/js/app.js"></script>
</body>
</html>
{{end}}