logout button and user in navbar

This commit is contained in:
Alicja Cięciwa
2020-11-14 17:40:14 +01:00
parent 68337fcf66
commit 5ef5ba52f4
7 changed files with 73 additions and 51 deletions

View File

@@ -21,52 +21,58 @@
</head>
<body class="text-center">
<div class="navbar-wrapper">
<header>
<nav class="navbar fixed-top navbar-light bg-nav navbar-expand-md">
<!--Logo-->
{% load static %}
<a class="navbar-brand" href="#"><img src="{% static 'img/logo.png' %}" width="150" alt="logo"
class="d-inline-block mr-1 align-center"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainmenu">
<span class="navbar-toggler-icon"></span>
</button>
<nav role="navigation" class="navbar fixed-top navbar-light bg-nav navbar-expand-md">
<div class="container-fluid">
<div class="navbar-header pull-left">
<!--Logo-->
{% load static %}
<a class="navbar-brand" href="#"><img src="{% static 'img/logo.png' %}" width="150" alt="logo"
class="d-inline-block mr-1 align-center"></a>
</div>
<div class="collapse navbar-collapse" id="mainmenu">
<ul class="navbar-nav">
<!--Start-->
<li class="nav-item">
<a class="nav-link" href="#">Start</a>
</li>
<!--Dodaj godziny-->
<li class="nav-item">
<a class="nav-link" href="/">Dodaj godziny</a>
</li>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse">
<span class="navbar-toggler-icon"></span>
</button>
{% load auth_extras %}
{% if request.user|has_group:"moderators" %}
<!--Dodaj pracownika-->
<li class="nav-item">
<a class="nav-link" href="/register">Dodaj pracownika</a>
</li>
{% endif %}
<div class="collapse navbar-collapse navbar-left" id="mainmenu">
<ul class="nav navbar-nav pull-right">
<!--Start-->
<li class="nav-item">
<a class="nav-link" href="#">Start</a>
</li>
<!--Dodaj godziny-->
<li class="nav-item">
<a class="nav-link" href="/">Dodaj godziny</a>
</li>
{% load auth_extras %}
{% if request.user|has_group:"moderators" %}
<!--Dodaj pracownika-->
<li class="nav-item">
<a class="nav-link" href="/register">Dodaj pracownika</a>
</li>
{% endif %}
</ul>
</div>
</ul>
<div class="collapse navbar-collapse navbar-right pull-right nav-logout">
<ul class="nav navbar-nav pull-right">
<li>
{% if user.is_authenticated %}
<!-- <div class="text-right">-->
<img src="{% static 'img/usericon.png' %}" width="17" alt="user"
class="d-inline-block mr-1"> {{ user.username }}
<a href="{% url 'login' %}" class="btn btn-sm btn-secondary text-nowrap btn-logout">Wyloguj</a>
<!-- </div>-->
{% endif %}
</li>
</ul>
</div>
</div>
</nav>
</header>
</div>
<div class = "container">
<div class="row">
{% if user.is_authenticated %}
Zalogowany: {{ user.username }} &nbsp;
<p><a href="{% url 'login' %}">Wyloguj</a></p> <br>
{% endif %}
</div>
<div class="row">
{% block content %}
{% endblock %}
@@ -75,6 +81,7 @@
<footer><p class="mt-5 mb-3 text-muted">
&copy; Alicja Cięciwa</p></footer>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

View File

@@ -3,9 +3,9 @@
{% block content %}
{% load crispy_forms_tags %}
<div class="container">
<!--<div class="container">-->
<!-- form to input working hours-->
<div class="row">
<!-- <div class="row">-->
<div class="form-hours">
<form method="post">
{% csrf_token %}
@@ -13,6 +13,6 @@
<button class="btn btn-lg btn-success btn-block" type="submit">Dodaj</button>
</form>
</div>
</div>
</div>
<!-- </div>-->
<!--</div>-->
{% endblock %}