51 lines
2.5 KiB
HTML
51 lines
2.5 KiB
HTML
|
{{define "header"}}
|
||
|
|
<header class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
|
||
|
|
<div class="container">
|
||
|
|
<!-- Logo -->
|
||
|
|
<a class="navbar-brand" href="dashboard.html">
|
||
|
|
<div class="logo-placeholder" style="width: 100px; height: 40px; background-color: #e9ecef; display: flex; align-items: center; justify-content: center; border-radius: 4px;">
|
||
|
|
<span class="text-muted small">Your Logo</span>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<!-- Toggle Button for Mobile -->
|
||
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||
|
|
<span class="navbar-toggler-icon"></span>
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<!-- Nav Items -->
|
||
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
||
|
|
<ul class="navbar-nav me-auto">
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="dashboard.html">Dashboard</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="projects.html">Projects</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="maps.html">Maps</a>
|
||
|
|
</li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<!-- User Info & Logout -->
|
||
|
|
<div class="d-flex align-items-center">
|
||
|
|
<div class="dropdown">
|
||
|
|
<a class="text-decoration-none dropdown-toggle d-flex align-items-center" href="#" role="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
|
||
|
|
<div class="avatar me-2 bg-primary rounded-circle d-flex align-items-center justify-content-center" style="width: 36px; height: 36px;">
|
||
|
|
<span class="text-white">{{ .Initials }}</span>
|
||
|
|
</div>
|
||
|
|
<span class="me-2">{{ .DisplayName }}</span>
|
||
|
|
</a>
|
||
|
|
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
|
||
|
|
<li><a class="dropdown-item" href="profile.html">Profile</a></li>
|
||
|
|
<li><a class="dropdown-item" href="settings.html">Settings</a></li>
|
||
|
|
<li><hr class="dropdown-divider"></li>
|
||
|
|
<li><a class="dropdown-item text-danger" href="login.html">Logout</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
{{end}}
|