switch case form to crispy and start using bootstrap nav
This commit is contained in:
Ross
+75
-45
@@ -73,57 +73,87 @@
|
||||
{% endblock %}
|
||||
<link rel="stylesheet" href="{% static 'css/anatomy.css' %}">
|
||||
<link rel="stylesheet" href="{% static 'css/forms.css' %}">
|
||||
<style>
|
||||
|
||||
.dropdown-menu {
|
||||
background-color: rgb(28, 25, 25)
|
||||
}
|
||||
.dropdown-item {
|
||||
color: lightblue;
|
||||
}
|
||||
</style>
|
||||
{% block css %}
|
||||
{% endblock %}
|
||||
</head>
|
||||
|
||||
|
||||
<body hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
|
||||
<div class="main-nav-header">
|
||||
{% if request.user.is_authenticated %}
|
||||
<span id="logout-link" class="top-bar-link">
|
||||
<form id="logout-form" method="post" action="{% url 'logout' %}">
|
||||
{% csrf_token %}
|
||||
<button type="submit">Log out</button>
|
||||
</form>
|
||||
{% comment %} <a href="{% url 'logout' %}">Logout</a> {% endcomment %}
|
||||
</span>
|
||||
<span id="profile-link" class=" top-bar-link">
|
||||
<a href="{% url 'profile' %}">Profile</a>
|
||||
</span>
|
||||
<span id="rapids-link" class="top-bar-link">
|
||||
<a href="{% url 'rapids:index' %}">Rapids</a>
|
||||
</span>
|
||||
<span id="longs-link" class="top-bar-link">
|
||||
<a href="{% url 'longs:index' %}">Longs</a>
|
||||
</span>
|
||||
<span id="physics-link" class="top-bar-link">
|
||||
<a href="{% url 'physics:index' %}">Physics</a>
|
||||
</span>
|
||||
<span id="anatomy-link" class="top-bar-link">
|
||||
<a href="{% url 'anatomy:index' %}">Anatomy</a>
|
||||
</span>
|
||||
<span id="sbas-link" class="top-bar-link">
|
||||
<a href="{% url 'sbas:index' %}">SBAs</a>
|
||||
</span>
|
||||
<span id="atlas-link" class="top-bar-link">
|
||||
<a href="{% url 'atlas:index' %}">Atlas</a>
|
||||
</span>
|
||||
{% if request.user|has_group:"cid_user_manager" %}
|
||||
<span id="candidate-link" class="top-bar-link">
|
||||
<a href="{% url 'people' %}">People</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% if request.user.is_staff %}
|
||||
<span id="admin-link" class="top-bar-link">
|
||||
<a href="{% url 'admin:index' %}">Admin</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
<span id="index-link" class="top-bar-link">
|
||||
<a href="{% url 'home' %}">Home</a>
|
||||
</span>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg bg-body-tertiary py-0">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand pt-0" href="/">Home</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"><i class="bi bi-text-indent-right"></i></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ms-auto ">
|
||||
{% if request.user.is_authenticated %}
|
||||
<li id="atlas-link" class="nav-item">
|
||||
<a class="nav-link active" href="{% url 'atlas:index' %}">Atlas</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown pt-0">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
FRCR
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li>
|
||||
<a class="dropdown-item" href="{% url 'rapids:index' %}">Rapids</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item" href="{% url 'longs:index' %}">Longs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item" href="{% url 'anatomy:index' %}">Anatomy</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item" href="{% url 'physics:index' %}">Physics</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="dropdown-item" href="{% url 'sbas:index' %}">SBAs</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{% if request.user|has_group:"cid_user_manager" %}
|
||||
<li id="candidate-link" class="nav-item">
|
||||
<a class="nav-link active" href="{% url 'people' %}">People</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
<li id="profile-link" class=" nav-item">
|
||||
<a class="nav-link active" href="{% url 'profile' %}">Profile</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
|
||||
{% if request.user.is_staff %}
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="{% url 'admin:index' %}">Admin</a>
|
||||
</li>
|
||||
{% endif %}
|
||||
{% if request.user.is_authenticated %}
|
||||
<li id="logout-link" class="nav-item">
|
||||
<form id="logout-form" method="post" action="{% url 'logout' %}">
|
||||
{% csrf_token %}
|
||||
<button class="nav-link btn btn-link" type="submit">Log out</button>
|
||||
</form>
|
||||
{% comment %} <a href="{% url 'logout' %}">Logout</a> {% endcomment %}
|
||||
</li>
|
||||
{% endif %}
|
||||
</ul>
|
||||
{% comment %} <form class="d-flex" role="search">
|
||||
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
|
||||
<button class="btn btn-outline-success" type="submit">Search</button>
|
||||
</form> {% endcomment %}
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="content container">
|
||||
{% block navigation %}
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user