90 lines
2.6 KiB
PHP
90 lines
2.6 KiB
PHP
<?php
|
|
|
|
// Page affichant les différentes expériences pro (stages etc...)
|
|
|
|
// Titre de l'onglet
|
|
$pageTitle = 'Expériences';
|
|
|
|
// On ajoute le header
|
|
require_once('../elements/header.php');
|
|
|
|
// Ajout d'un message indiquant si l'utilisateur est admin qu'il peut modifier ces expériences
|
|
if (isset($_SESSION['role']) && $_SESSION['role'] === 'admin') {
|
|
echo "<p class='admin-notice'>Vous êtes administrateur, vous pouvez modifier les experiences <a href='../pages/admin.php'>ici</a>.</p>";
|
|
}
|
|
|
|
// Affichages des xp pro
|
|
?>
|
|
|
|
<div class="page-header" id="experiences">
|
|
<h1>Expériences professionnelles</h1>
|
|
<p>Mes stages et missions réalisées en entreprise.</p>
|
|
</div>
|
|
|
|
<?php
|
|
require_once('../functions/listXP.php');
|
|
|
|
|
|
// Appel de ma fonction dans Functions/listXP.php
|
|
afficherXP();
|
|
require_once('../functions/listSchool.php');
|
|
|
|
// Section écoles / formations, en dessous des expériences professionnelles
|
|
// On n'affiche le titre que s'il y a au moins une école (table remplie)
|
|
if (!empty(listeEcoles())) {
|
|
?>
|
|
|
|
<div class="page-header" id="ecoles">
|
|
<h2>Mes écoles</h2>
|
|
<p>Mon parcours scolaire et mes formations.</p>
|
|
</div>
|
|
|
|
<?php
|
|
// Appel de ma fonction dans Functions/listSchool.php
|
|
afficherEcoles();
|
|
?>
|
|
|
|
<!-- Bouton flottant : icône chapeau de diplômé = descendre vers les écoles,
|
|
icône sac de travail = remonter vers les expériences -->
|
|
<button class="section-jump" id="section-jump" aria-label="Basculer entre expériences et écoles">
|
|
<i class="fa-solid fa-graduation-cap"></i>
|
|
<i class="fa-solid fa-briefcase"></i>
|
|
</button>
|
|
|
|
<script>
|
|
(function () {
|
|
var btn = document.getElementById('section-jump');
|
|
var ecoles = document.getElementById('ecoles');
|
|
if (!btn || !ecoles) return;
|
|
|
|
// Vrai quand la moitié de l'écran a dépassé le début de la section écoles
|
|
function estDansEcoles() {
|
|
return window.scrollY + window.innerHeight / 2 >= ecoles.offsetTop;
|
|
}
|
|
|
|
// Change l'icône du bouton selon la section où on se trouve
|
|
function majIcone() {
|
|
btn.classList.toggle('mode-ecoles', estDansEcoles());
|
|
}
|
|
|
|
btn.addEventListener('click', function () {
|
|
if (estDansEcoles()) {
|
|
// On est dans les écoles : remonter aux expériences
|
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
} else {
|
|
// On est dans les expériences : descendre aux écoles
|
|
ecoles.scrollIntoView({ behavior: 'smooth' });
|
|
}
|
|
});
|
|
|
|
window.addEventListener('scroll', majIcone);
|
|
majIcone();
|
|
})();
|
|
</script>
|
|
|
|
<?php
|
|
}
|
|
|
|
// Ajout du footer
|
|
require_once('../elements/footer.php'); ?>
|