113 lines
4.7 KiB
HTML
113 lines
4.7 KiB
HTML
{% load static i18n static %}
|
|
|
|
<!DOCTYPE html>
|
|
{% get_current_language as LANGUAGE_CODE %}{% get_current_language_bidi as LANGUAGE_BIDI %}
|
|
<html lang="{{ LANGUAGE_CODE|default:"en" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %} 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 %} - Historique loup-garou
|
|
</title>
|
|
<meta name="description" content="Historique du loup-garou">
|
|
|
|
{# Favicon #}
|
|
<link rel="shortcut icon" href="{% static "favicon.ico" %}">
|
|
<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://use.fontawesome.com/releases/v5.13.0/css/all.css">
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/v4-shims.css">
|
|
|
|
{# 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>
|
|
|
|
{# Si un formulaire requiert des données supplémentaires (notamment JS), les données sont chargées #}
|
|
{% if form.media %}
|
|
{{ form.media }}
|
|
{% endif %}
|
|
|
|
{% 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">
|
|
<div class="container-fluid">
|
|
<div class="navbar-nav ml-auto">
|
|
{{ user.username }}#{{ user.discriminator }} <img src="{{ user.avatar_url }}" alt="avatar" style="width: 32px; height: 32px;" />
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
{% block fullcontent %}
|
|
<div class="{% block containertype %}container{% endblock %} my-3">
|
|
{% block contenttitle %}{% endblock %}
|
|
<div id="messages"></div>
|
|
<div id="content">
|
|
{% block content %}
|
|
<p>Default content...</p>
|
|
{% endblock content %}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|
|
</main>
|
|
|
|
<footer class="bg-light text-primary mt-auto py-2">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-10">
|
|
<form action="{% url 'set_language' %}" method="post"
|
|
class="form-inline">
|
|
{% csrf_token %}
|
|
<select title="language" name="language"
|
|
class="form-control form-control-sm language"
|
|
onchange="this.form.submit()">
|
|
{% get_current_language as LANGUAGE_CODE %}
|
|
{% get_available_languages as LANGUAGES %}
|
|
{% for lang_code, lang_name in LANGUAGES %}
|
|
<option value="{{ lang_code }}"
|
|
{% if lang_code == LANGUAGE_CODE %}
|
|
selected{% endif %}>
|
|
{{ lang_name }} ({{ lang_code }})
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
<noscript>
|
|
<input type="submit">
|
|
</noscript>
|
|
</form>
|
|
</div>
|
|
<div class="col text-right">
|
|
<a href="#" data-turbolinks="false" class="text-muted">
|
|
<i class="fa fa-arrow-up" aria-hidden="true"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
CSRF_TOKEN = "{{ csrf_token }}";
|
|
$(".invalid-feedback").addClass("d-block");
|
|
</script>
|
|
|
|
{% block extrajavascript %}{% endblock %}
|
|
</body>
|
|
</html>
|