111 lines
4.6 KiB
HTML
111 lines
4.6 KiB
HTML
{% load static %}
|
|
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<link rel="stylesheet" href="{% static 'vendored/css/bulma.min.css' %}">
|
|
<link rel="stylesheet" href="{% static 'webui/css/webui.css' %}">
|
|
<link rel="icon" href="{% static 'webui/logo.png'%}" type="image/png"/>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Community Backup</title>
|
|
<script type="text/javascript">
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
|
|
// Get all "navbar-burger" elements
|
|
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
|
|
|
|
// Add a click event on each of them
|
|
$navbarBurgers.forEach( el => {
|
|
el.addEventListener('click', () => {
|
|
|
|
// Get the target from the "data-target" attribute
|
|
const target = el.dataset.target;
|
|
const $target = document.getElementById(target);
|
|
|
|
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
|
|
el.classList.toggle('is-active');
|
|
$target.classList.toggle('is-active');
|
|
|
|
});
|
|
});
|
|
|
|
});
|
|
</script>
|
|
</head>
|
|
<body style="display: flex; flex-direction: column; height: 100vh">
|
|
<nav class="navbar" role="navigation" aria-label="main navigation" >
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="/"><img id="logo" class="pixelart" src="{% static 'webui/logo.png' %}" alt="The logo if Community Backup, a pixelated hard disk platter and head."/> Community Backup</a>
|
|
<a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
<div class="navbar-menu" id="navMenu">
|
|
<div class="navbar-start"></div>
|
|
|
|
<div class="navbar-end">
|
|
{% if request.user.is_authenticated %}
|
|
<a class="navbar-item" href="{% url 'borg_list' %}">Borg Repositories</a>
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
<a class="navbar-link">
|
|
{{ user.username }}
|
|
</a>
|
|
<div class="navbar-dropdown is-right">
|
|
<form method=post action="{% url 'logout' %}?next={% url 'landing' %}">
|
|
{% csrf_token %}
|
|
<button type="submit" class="navbar-item">Logout</button>
|
|
</form>
|
|
<a class="navbar-item" href="{% url 'password_change' %}">Change Password</a>
|
|
<a class="navbar-item" href="{% url 'delete' %}">Delete Account</a>
|
|
{% if user.is_staff %}
|
|
<hr class="navbar-divider">
|
|
<a class="navbar-item" href="{% url 'admin:index' %}">Admin</a>
|
|
{% endif %}
|
|
</div>
|
|
|
|
</div>
|
|
{% else %}
|
|
<div class="navbar-item">
|
|
<div class="buttons">
|
|
|
|
<a class="button is-primary" type="button" href="{% url 'login' %}?next={% url 'landing' %}">Login</a>
|
|
<a class="button is-light" type="button" href="{% url 'register' %}">Register</a>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<main class="container">
|
|
{% block content %}
|
|
{% endblock %}
|
|
</main>
|
|
<footer class="footer">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<a href="{% url 'imprint' %}">Imprint</a>
|
|
</div>
|
|
<div class="column">
|
|
<a href="https://git.srvspace.net/jo/community-backup">Source Code</a>
|
|
</div>
|
|
<div class="column">
|
|
Community Backup v{{ RELEASE_VERSION }}
|
|
</div>
|
|
{% if ADDITIONAL_FOOTER_NAV_ITEMS %}
|
|
<div class="column">
|
|
<ul>
|
|
{% for item in ADDITIONAL_FOOTER_NAV_ITEMS %}
|
|
<li>
|
|
{{item|safe}}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|