mirror of https://gitlab.crans.org/bde/nk20
218 lines
10 KiB
HTML
218 lines
10 KiB
HTML
{% load static i18n pretty_money static getenv perms %}
|
|
{% comment %}
|
|
SPDX-License-Identifier: GPL-3.0-or-later
|
|
{% endcomment %}
|
|
<!DOCTYPE html>
|
|
<html lang="en" class="position-relative h-100">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>
|
|
{% block title %}{{ title }}{% endblock title %} - {{ request.site.name }}
|
|
</title>
|
|
<meta name="description" content="{% trans "The ENS Paris-Saclay BDE note." %}">
|
|
|
|
{# Favicon #}
|
|
<link rel="apple-touch-icon" sizes="180x180" href="{% static "favicon/apple-touch-icon.png" %}">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="{% static "favicon/favicon-32x32.png" %}">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="{% static "favicon/favicon-16x16.png" %}">
|
|
<link rel="manifest" href="{% static "favicon/site.webmanifest" %}">
|
|
<link rel="mask-icon" href="{% static "favicon/safari-pinned-tab.svg" %}" color="#5bbad5">
|
|
<link rel="shortcut icon" href="{% static "favicon/favicon.ico" %}">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="msapplication-config" content="{% static "favicon/browserconfig.xml" %}">
|
|
<meta name="theme-color" content="#ffffff">
|
|
{% if no_cache %}
|
|
<meta name="turbolinks-cache-control" content="no-cache">
|
|
{% endif %}
|
|
|
|
{# Bootstrap CSS #}
|
|
<link rel="stylesheet"
|
|
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
|
|
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
|
|
crossorigin="anonymous">
|
|
<link rel="stylesheet"
|
|
href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
|
|
crossorigin="anonymous">
|
|
|
|
{# JQuery, Bootstrap and Turbolinks JavaScript #}
|
|
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
|
|
integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
|
|
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
|
|
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
|
|
crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/turbolinks/5.2.0/turbolinks.js"
|
|
crossorigin="anonymous"></script>
|
|
<script src="/static/js/base.js"></script>
|
|
|
|
{# Si un formulaire requiert des données supplémentaires (notamment JS), les données sont chargées #}
|
|
{% if form.media %}
|
|
{{ form.media }}
|
|
{% endif %}
|
|
|
|
<style>
|
|
.validate:hover {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
}
|
|
.tooltip-inner {
|
|
background-color: #fff;
|
|
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
|
|
border: 1px solid rgba(0,0,0,.250);
|
|
color: #000;
|
|
margin: 0 .5rem .25rem .5rem;
|
|
padding: 0;
|
|
}
|
|
.bs-tooltip-bottom .arrow::before {
|
|
border-bottom-color: rgba(0,0,0,.250);
|
|
}
|
|
</style>
|
|
|
|
{% block extracss %}{% endblock %}
|
|
</head>
|
|
<body class="d-flex w-100 h-100 flex-column">
|
|
<main class="mb-auto">
|
|
<nav class="navbar navbar-expand-md navbar-light bg-light fixed-navbar shadow-sm">
|
|
<a class="navbar-brand" href="/">{{ request.site.name }}</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse"
|
|
data-target="#navbarNavDropdown"
|
|
aria-controls="navbarNavDropdown" aria-expanded="false"
|
|
aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNavDropdown">
|
|
<ul class="navbar-nav">
|
|
{% if "note.transactiontemplate"|not_empty_model_list %}
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="{% url 'note:consos' %}"><i class="fa fa-coffee"></i> {% trans 'Consumptions' %}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if "note.transaction"|not_empty_model_list %}
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="{% url 'note:transfer' %}"><i class="fa fa-exchange"></i>{% trans 'Transfer' %} </a>
|
|
</li>
|
|
{% endif %}
|
|
{% if "auth.user"|model_list|length >= 2 %}
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="{% url 'member:user_list' %}"><i class="fa fa-user"></i> {% trans 'Users' %}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if "member.club"|not_empty_model_list %}
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="{% url 'member:club_list' %}"><i class="fa fa-users"></i> {% trans 'Clubs' %}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if "member.change_profile_registration_valid"|has_perm:user %}
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="{% url 'registration:future_user_list' %}">
|
|
<i class="fa fa-user-plus"></i> {% trans "Registrations" %}
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if "activity.activity"|not_empty_model_list %}
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="{% url 'activity:activity_list' %}"><i class="fa fa-calendar"></i> {% trans 'Activities' %}</a>
|
|
</li>
|
|
{% endif %}
|
|
{% if "treasury.invoice"|not_empty_model_change_list %}
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="{% url 'treasury:invoice_list' %}"><i class="fa fa-money"></i>{% trans 'Treasury' %} </a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
<ul class="navbar-nav ml-auto">
|
|
{% if user.is_authenticated %}
|
|
<li class="dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fa fa-user"></i>
|
|
<span id="user_balance">{{ user.username }} ({{ user.note.balance | pretty_money }})</span>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right"
|
|
aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="{% url 'member:user_detail' pk=user.pk %}">
|
|
<i class="fa fa-user"></i> Mon compte
|
|
</a>
|
|
<a class="dropdown-item" href="{% url 'logout' %}">
|
|
<i class="fa fa-sign-out"></i> Se déconnecter
|
|
</a>
|
|
</div>
|
|
</li>
|
|
{% else %}
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="{% url 'registration:signup' %}">
|
|
<i class="fa fa-user-plus"></i> S'inscrire
|
|
</a>
|
|
</li>
|
|
<li class="nav-item active">
|
|
<a class="nav-link" href="{% url 'login' %}">
|
|
<i class="fa fa-sign-in"></i> Se connecter
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<div class="container-fluid my-3" style="max-width: 1600px;">
|
|
{% if user.is_authenticated and not user.profile.email_confirmed %}
|
|
<div class="alert alert-warning">
|
|
{% trans "Your e-mail address is not validated. Please check your mail inbox and click on the validation link." %}
|
|
</div>
|
|
{% endif %}
|
|
{% block contenttitle %}<h1>{{ title }}</h1>{% endblock %}
|
|
<div id="messages"></div>
|
|
{% block content %}
|
|
<p>Default content...</p>
|
|
{% endblock content %}
|
|
</div>
|
|
</main>
|
|
<footer class="bg-light mt-auto py-2">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm">
|
|
<form action="{% url 'set_language' %}" method="post"
|
|
class="form-inline">
|
|
<span class="text-muted mr-1">
|
|
NoteKfet2020 —
|
|
<a href="mailto:{{ "CONTACT_EMAIL" | getenv }}"
|
|
class="text-muted">Nous contacter</a> —
|
|
</span>
|
|
{% csrf_token %}
|
|
<select title="language" name="language"
|
|
class="custom-select custom-select-sm"
|
|
onchange="this.form.submit()">
|
|
{% get_current_language as LANGUAGE_CODE %}
|
|
{% get_available_languages as LANGUAGES %}
|
|
{% get_language_info_list for LANGUAGES as languages %}
|
|
{% for language in languages %}
|
|
<option value="{{ language.code }}"
|
|
{% if language.code == LANGUAGE_CODE %}
|
|
selected{% endif %}>
|
|
{{ language.name_local }} ({{ language.code }})
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
<noscript>
|
|
<input type="submit">
|
|
</noscript>
|
|
</form>
|
|
</div>
|
|
<div class="col-sm text-right">
|
|
<a href="#" class="text-muted">Retour en haut</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
CSRF_TOKEN = "{{ csrf_token }}";
|
|
</script>
|
|
|
|
{% block extrajavascript %}
|
|
{% endblock extrajavascript %}
|
|
</body>
|
|
</html>
|