Skip to content
Snippets Groups Projects
base.html 2.96 KiB
Newer Older
Tobias Mieves's avatar
Tobias Mieves committed
{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Core{% endblock %}</title>
    <link href="{% static 'core/css/output.css' %}" rel="stylesheet" type="text/css">
    {#	<meta http-equiv="refresh" content="10">#}
Tobias Mieves's avatar
Tobias Mieves committed
</head>
<body>
<div class="navbar mb-2 shadow-lg bg-neutral text-neutral-content rounded-box">
    <div class="flex-none lg:hidden">
        <label for="my-drawer-3" class="btn btn-square btn-ghost">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
                 class="inline-block w-6 h-6 stroke-current">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M4 6h16M4 12h16M4 18h16"></path>
            </svg>
        </label>
    </div>
    <div class="flex-1 px-2 mx-2 navbar-start">
        <a href="{% url 'home_view' %}" class="text-lg font-bold">
            {% block home_logo %}DaisyUI{% endblock %}
        </a>
    </div>
    <div class="flex-none gap-2">
        {% block navbar_extra %}
            <div class="form-control">
                <input type="text" placeholder="Search" class="input input-bordered"/>
            </div>
        {% endblock %}
        <div class="dropdown dropdown-end">
            {% block account_picture %}
                <label tabindex="0" class="btn btn-ghost btn-circle avatar">
                    <div class="w-10 rounded-full">
                        <img src="https://placeimg.com/80/80/people"/>
                    </div>
                </label>
            {% endblock %}
            <ul tabindex="0"
                class="mt-3 p-2 shadow menu menu-compact dropdown-content bg-base-100 text-base-content rounded-box w-52">
                {% block account_dropdown_list %}
                    <li>
                        <a href="{% url 'password_change' %}">Passwort ändern</a>
                    </li>
                    <li>
                        <a href="{% url 'logout' %}">{{ user.username }} abmelden</a>
                    </li>
                {% endblock %}
            </ul>
        </div>
    </div>
Tobias Mieves's avatar
Tobias Mieves committed
</div>
<div class="drawer drawer-mobile">
    <input id="my-drawer-3" type="checkbox" class="drawer-toggle"/>
    <div class="drawer-content flex flex-col">
        <!-- Navbar -->
        <!-- Page content here -->
        <main>
            <div class="p-4 lg:pl-0">
                {% block content %}
                {% endblock %}
            </div>
        </main>
    </div>
    <div class="drawer-side sm:shadow-lg sm:rounded-box m-4">
        <label for="my-drawer-3" class="drawer-overlay"></label>
        <ul class="menu p-4 w-fit m-w-xs bg-base-100">
            <!-- Sidebar content here -->
            {% block sidebar_list %}
                <li><a>Sidebar Item 1</a></li>
                <li><a>Sidebar Item 2</a></li>
            {% endblock %}
        </ul>
Tobias Mieves's avatar
Tobias Mieves committed
</div>
</body>
</html>