Change Header Buttons if Logged in

This commit is contained in:
ahosking 2023-06-03 11:49:26 -04:00
parent f9f7f624b1
commit 2d2ea048a9

View File

@ -14,14 +14,26 @@
<a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none"> <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none">
<svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"></use></svg> <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"></use></svg>
</a> </a>
{% if user.is_authenticated %}
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0"> <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li><a href="#" class="nav-link px-2 text-secondary">Home</a></li> <li><div class="nav-link px-2 text-white"> Hi {{ user.username }}!</div></li>
<li><a href="#" class="nav-link px-2 text-white">Features</a></li> <!-- <li><a href="#" class="nav-link px-2 text-white">Features</a></li>
<li><a href="#" class="nav-link px-2 text-white">Pricing</a></li> <li><a href="#" class="nav-link px-2 text-white">Pricing</a></li>
<li><a href="#" class="nav-link px-2 text-white">FAQs</a></li> <li><a href="#" class="nav-link px-2 text-white">FAQs</a></li>
<li><a href="#" class="nav-link px-2 text-white">About</a></li> <li><a href="#" class="nav-link px-2 text-white">About</a></li> -->
</ul> </ul>
{% else %}
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li><a href="#" class="nav-link px-2 text-secondary">Home</a></li>
<li><a href="#" class="nav-link px-2 text-white">Features</a></li>
<li><a href="#" class="nav-link px-2 text-white">Pricing</a></li>
<li><a href="#" class="nav-link px-2 text-white">FAQs</a></li>
<li><a href="#" class="nav-link px-2 text-white">About</a></li>
</ul>
{% endif %}
<form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search"> <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
<input type="search" class="form-control form-control-dark text-bg-dark" placeholder="Search..." aria-label="Search"> <input type="search" class="form-control form-control-dark text-bg-dark" placeholder="Search..." aria-label="Search">