Highlight navbar items

Option 1: define separately

views.py: Add 'nv': 'view_name', to the context data of each view

return render(request, 'app_fossils/home.html', {
    ...
    "nv": "home",
})

navbar.hml: for each link add: {% if nv == 'view_name' %}active{% endif %}"

<li class="nav-item"><a class="nav-link {% if nv == 'home' %}active{% endif %}" href="{% url 'homepage' %}">Home</a></li>

---

Option 2: template tags

views.py: Add 'nv': 'view_name', to the context data of each view

return render(request, 'app_fossils/home.html', {
    ...
    "nv": "home",
})

Add new folders inside the app_fossils directory, inside templatetags add __init__.py and navbar_tags.py

app_fossils
    templatetags
        __init__.py
        navbar_tags.py

navbar_tags.py: Create a new custom template tag

from django import template

register = template.Library()

@register.simple_tag(takes_context=True)
def is_active(context, view_name):
    return 'active' if context['nv'] == view_name else ''

# You can replace 'active' with any other class formatting, for example 'text-primary'

navbar.html:

At the top of the page load the new tag:

{% load navbar_tags %}

Update each link adding {% is_active 'view_name' %}:

<li class="nav-item"><a class="nav-link {% is_active 'home' %}" href="{% url 'homepage' %}">Home</a></li>