<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block titlePage %}GRETA-CFA | AMA64{% endblock %}</title>
{# CSS & JS BOOTSTRAP #}
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
{# ICONS BOOTSTRAP #}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css">
{# JQUERY #}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
{# CSS MAISON #}
<link rel="stylesheet" href="{{ asset('assets/css/default.css') }}">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
</head>
<body>
<header class="sticky-top">
{% block nav %}
{# MENU DE NAVIGATION #}
{% include "navigation_principale.twig" %}
{% endblock %}
</header>
<section class="bg-white p-3 pt-5 m-auto" style="width: 90%; min-height: 90vh">
{% block content %}
{% endblock %}
</section>
<footer>
<div class="text-center p-2 text-white fixed-bottom" style="background-color: #333333;">
<a href="https://www.totem-vision.com" target="_blanc" class="link-warning text-decoration-none">Création by Totem | Pôle numérique | Assistance : <a href="tel:05 59 620 620">05 59 620 620</a>
</div>
</footer>
</body>
{% block modales %}
<!-- MODALE DE SUPPRESSION MULTIPLE -->
<div class="modal " tabindex="-1" id="modalAvertissement" style="margin-top:150px;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title"><i class="bi bi-exclamation-circle"></i> CONFIRMATION D'OPÉRATION</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Êtes-vous sûr de vouloir supprimer cette (ou ces) entité(s) ?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
<a href="toto" class="btn btn-warning">Confirmation</a>
</div>
</div>
</div>
</div>
{% endblock %}
{% block menuRaccourcis %}
<div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1" id="MenuRaccourcis" aria-labelledby="offcanvasExampleLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title fw-bold" id="offcanvasExampleLabel">MENU RACCOURCIS</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div>
Atteindre une section de la page rapidement :
</div>
{% block menuRaccourcisContenu %}
{% endblock %}
</div>
</div>
{% endblock %}
</html>
{% block scriptsJS %}
{% endblock %}
<script>
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
function callModalWarning(url, text) {
$('#modalAvertissement a').attr('href', url);
$('#modalAvertissement .modal-body p').html(text);
}
$('.btn-warning').click(function(){
btnId = event.target.id;
url = $('#'+btnId).attr('data-url');
text = $('#'+btnId).attr('data-text');
callModalWarning(url, text);
});
// MENU RACCOURCIS - AFFICHAGE RACCOURCI CLAVIER CTRL+M
$(document).keydown(function(event) {
var offCanvasMenuRaccourcis = document.getElementById('MenuRaccourcis');
var offcanvas = new bootstrap.Offcanvas(offCanvasMenuRaccourcis);
if (event.keyCode == 77 && event.ctrlKey) {
offcanvas.show();
}
});
$(document).ready(function() {
function scrollToIdElement(idElementTarget) {
$('html, body').animate({
scrollTop: $(idElementTarget).offset().top
},
'fast',
);
}
$(".scrollButton").click(function() {
var idElementTarget = $(this).attr('targetElement');
// alert(idElementTarget);
scrollToIdElement('#'+idElementTarget);
});
});
</script>