2020-12-19 22:49:50 +01:00
{% load static bulma_utils i18n %}
2020-11-20 19:31:22 +01:00
<!DOCTYPE html>
< html >
2020-12-18 11:48:07 +01:00
< head >
2020-12-20 13:46:25 +01:00
< title > Kadenios< / title >
2020-12-19 12:58:49 +01:00
< meta http-equiv = "Content-Type" content = "text/html; charset=UTF-8" >
2020-12-18 11:48:07 +01:00
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
{# CSS #}
2020-12-18 13:53:31 +01:00
< link rel = "stylesheet" href = "{% static 'css/main.css' %}" >
< link rel = "stylesheet" href = "{% static 'vendor/font-awesome/css/font-awesome.min.css' %}" >
2020-12-19 12:58:49 +01:00
< link rel = "stylesheet" href = "{% static 'vendor/font-awesome/css/solid.min.css' %}" >
2020-12-18 11:48:07 +01:00
{# Javascript #}
2020-12-18 13:40:40 +01:00
< script src = "{% static 'vendor/jquery/jquery-3.5.1.min.js' %}" > < / script >
2020-12-18 11:48:07 +01:00
{# < script src = "{% static 'elections/js/main.js' %}" > < / script > #}
2020-12-18 15:02:04 +01:00
< script >
document.addEventListener('DOMContentLoaded', () => {
2021-03-23 12:46:38 +01:00
// Delete notifications
2020-12-18 15:02:04 +01:00
(document.querySelectorAll('.notification .delete') || []).forEach(($delete) => {
var $notification = $delete.parentNode;
$delete.addEventListener('click', () => {
$notification.parentNode.removeChild($notification);
});
});
2021-03-23 12:46:38 +01:00
// Interact with dropdowns
var $dropdowns = document.querySelectorAll('.dropdown:not(.is-hoverable)') || [];
$dropdowns.forEach(($dropdown) => {
$dropdown.addEventListener('click', (event) => {
event.stopPropagation();
$dropdown.classList.toggle('is-active');
});
});
document.addEventListener('click', () => {
$dropdowns.forEach(($dropdown) => {
$dropdown.classList.remove('is-active');
});
});
document.addEventListener('keydown', (event) => {
var e = event || window.event;
if (e.keyCode === 27) {
$dropdowns.forEach(($dropdown) => {
$dropdown.classList.remove('is-active');
});
}
});
2020-12-18 15:02:04 +01:00
});
< / script >
2020-12-18 11:48:07 +01:00
{% block extra_head %}{% endblock extra_head %}
< / head >
< body >
< nav class = "level has-background-primary" >
2021-03-20 09:56:25 +01:00
< div class = "level-left px-4" >
2020-12-19 23:48:18 +01:00
< div class = "level-item" >
2020-12-21 21:14:52 +01:00
< a href = "{% url " kadenios " % } " >
< h1 class = "has-text-primary-light is-size-1 is-family-secondary" > Kadenios< / h1 >
< / a >
2020-12-19 23:48:18 +01:00
< / div >
2021-03-27 01:21:44 +01:00
< div class = "level-item px-4" >
< a href = "{% url " election . list " % } " >
< h3 class = "has-text-primary-light has-text-weight-semibold is-size-3" > {% trans "Élections" %}< / h3 >
< / a >
< / div >
2020-12-18 11:48:07 +01:00
< / div >
2020-12-21 13:38:18 +01:00
2020-12-21 21:14:52 +01:00
{% block auth %}
2021-03-20 09:56:25 +01:00
< div class = "level-right px-5" >
2020-12-21 00:07:07 +01:00
{% if user.is_authenticated %}
2021-03-20 09:56:25 +01:00
< div class = "level is-mobile" >
< div class = "level-item mr-5" >
< div class = "tag" >
{% blocktrans with name=user.get_username connection=user.connection_method %}Connecté·e en tant que {{ name }} par {{ connection }}{% endblocktrans %}
< / div >
2020-12-21 00:07:07 +01:00
< / div >
2020-12-21 13:38:18 +01:00
2021-03-20 09:56:25 +01:00
< div class = "level-item ml-3 py-4" >
< a class = "icon is-size-1 has-text-white" href = "{% url 'authens:logout' %}?next={% if view.get_next_url %}{{ view.get_next_url }}{% else %}/{% endif %}" >
< i class = "fas fa-sign-out-alt" > < / i >
< / a >
< / div >
2020-12-19 23:48:18 +01:00
< / div >
2020-12-21 00:07:07 +01:00
{% else %}
2020-12-21 13:38:18 +01:00
2021-03-20 09:56:25 +01:00
< div class = "level-item py-2" >
2021-01-26 14:26:35 +01:00
< a class = "tag has-text-primary is-size-5" href = "{% url 'authens:login' %}?next={{ request.path }}" >
< span > {% trans "Se connecter" %}< / span >
< span class = "icon" >
< i class = "fas fa-sign-in-alt" > < / i >
< / span >
2020-12-21 13:38:18 +01:00
< / a >
2020-12-21 00:07:07 +01:00
< / div >
{% endif %}
2020-12-18 11:48:07 +01:00
< / div >
2020-12-21 21:14:52 +01:00
{% endblock %}
2020-12-18 11:48:07 +01:00
< / nav >
{% block layout %}
2020-12-18 15:02:04 +01:00
< div class = "main-content" >
< div class = "columns is-centered" >
2020-12-24 01:10:05 +01:00
< div class = "column is-two-thirds-fullhd is-12-desktop is-12-widescreen" >
2020-12-19 12:58:49 +01:00
< section class = "section pt-3" >
2020-12-18 15:02:04 +01:00
{% if messages %}
{% for message in messages %}
< div class = "notification is-{{ message.level_tag|bulma_message_tag }} is-light" >
{% if 'safe' in message.tags %}
{{ message|safe }}
{% else %}
{{ message }}
{% endif %}
< button class = "delete" > < / button >
< / div >
{% endfor %}
2020-11-20 19:31:22 +01:00
{% endif %}
2020-12-18 15:02:04 +01:00
< div class = "box" >
{% block content %}
{% endblock content %}
< / div >
< / section >
< / div >
2020-11-20 19:31:22 +01:00
< / div >
2020-12-18 11:48:07 +01:00
< / div >
{% endblock layout %}
2020-12-18 15:02:04 +01:00
< footer class = "footer" >
< p class = "has-text-centered" >
2020-12-19 22:49:50 +01:00
{% blocktrans %}Développé par < a class = "tag is-light is-danger" href = "https://www.eleves.ens.fr/kde" > KDEns< / a > . En cas de pépin, contacter < span class = "tag is-info is-light" > klub-dev [at] ens [dot] fr< / span > .{% endblocktrans %}
2020-12-18 15:02:04 +01:00
< / p >
< / footer >
2020-12-18 11:48:07 +01:00
< / body >
2020-11-20 19:31:22 +01:00
< / html >
