Files
benchcoach-django/templates/navbar.html
Tony 4848d65ee3 navbar fixes
removed collapse button
added login/logout button to dropdown
2021-12-23 11:52:27 -06:00

38 lines
2.4 KiB
HTML

{% load static %}
<nav class="navbar navbar-dark navbar-expand-md py-0" style="background: #323669;">
<a class="navbar-brand d-flex text-uppercase fw-bold m-1 mx-2 text-dark" href="{% url 'home' %}">
<img class="d-inline-block" width="32" height="32" src="{% static 'benchcoach.svg' %}" />
<span class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block mx-1 my-auto text-white">bench coach</span>
</a>
<button class="navbar-toggler m-2 mx-4 p-0 d-none" data-bs-toggle="collapse" data-bs-target="#navcol-2">
<span class="visually-hidden">Toggle navigation</span>
<span class="navbar-toggler-icon m-1"></span></button>
<div id="navcol-2" class="collapse navbar-collapse">
<ul class="navbar-nav mx-2">
<li class="nav-item"><a class="nav-link {{ events_tab }}" href="{% url 'event list' %}">Events</a></li>
<li class="nav-item"><a class="nav-link {{ members_tab }}" href="{% url 'player list' %}">Members</a></li>
<li class="nav-item"><a class="nav-link {{ opponents_tab }}" href="{% url 'team list' %}">Opponents</a></li>
<li class="nav-item"><a class="nav-link {{ venues_tab }}" href="{% url 'venue list' %}">Venues</a></li>
</ul>
<span class="mx-auto"></span>
<span class="navbar-text"></span>
<ul class="navbar-nav mx-2">
<li class="nav-item dropdown">
<a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">{{ request.user }} <img class="rounded-circle" height="24" src="{{ request.user.profile.avatar.url }}" width="24" /></a>
<div class="dropdown-menu">
{% if user.is_authenticated %}
<a href="#" onClick="document.getElementById('logoutform').submit()">
<button class="btn" type="button">Logout</button></a>
<form id="logoutform" method="POST" action="{% url 'logout_benchcoachproject' %}">
{% csrf_token %}
<input type="hidden">
</form>
{% else %}
<a href="{% url 'login_view' %}">login</a>
{% endif %}
</div>
</li>
<li class="nav-item"></li>
</ul>
</div>
</nav>