Skip to content
Snippets Groups Projects
Select Git revision
  • 6ca4aeaf248bf27bf0d686c809582a1105db82bc
  • master default protected
2 results

base.html

Blame
  • base.html 3.19 KiB
    {% load static %}
    {% load gravatar %}
    <!DOCTYPE html>
    <html lang="en" data-bs-theme="dark">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>{% block title %}TCalendar{% endblock %}</title>
        {% block stylesheets %}
            <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
            <link rel="stylesheet" href="{% static 'css/bootstrap-icons.min.css' %}">
            <link rel="stylesheet" href="{% static 'css/style.css' %}">
        {% endblock %}
        <nav class="navbar navbar-expand-lg bg-body-tertiary">
            <div class="container-fluid">
                <a class="navbar-brand" href="{% url 'index' %}">TCalendar</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"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                        {% block navbar_items %}
                        {% endblock %}
                    </ul>
                    {% block after_navbar_items %}{% endblock %}
                    {% if user.is_authenticated %}
                        <ul class="navbar-nav">
                            <li class="nav-item dropdown d-flex justify-content-end">
                                <a class="nav-link" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <img src="{% gravatar_url user.email 150 %}" class="rounded-circle mx-auto d-block" alt="Profile image" width="40" height="40">
                                </a>
                                <div class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
                                    {% if request.user.is_superuser %}
                                        <a class="dropdown-item" href="{% url "admin:index" %}">Django Admin</a>
                                    {% endif %}
                                    <form action="{% url "logout" %}" method="post">
                                        {% csrf_token %}
                                        <button type="submit" class="dropdown-item">Log Out</button>
                                    </form>
                                </div>
                            </li>
                        </ul>
                    {% else %}
                        <ul class="navbar-nav">
                            <li class="nav-item d-flex justify-content-end">
                                <a class="nav-link" href="{% url "login" %}">Login</a>
                            </li>
                        </ul>
                    {% endif %}
                </div>
            </div>
        </nav>
    </head>
    <body>
        <br>
        <div class="container">
            {% block content %}
            {% endblock %}
        </div>
        {% block page_scripts %}
            <script src="{% static 'js/jquery.min.js' %}"></script>
            <script src="{% static 'js/popper.min.js' %}"></script>
            <script src="{% static 'js/bootstrap.min.js' %}"></script>
        {% endblock %}
    </body>
    </html>