Modifications de tout ! Sauf le chef de département pour le moment
This commit is contained in:
stiti
parent
a5dc0ec8a0
commit
a3f1d427a1
MaquetteWEB/html
FINANCE
finance.htmlhistorique_paiements.htmlmes_informations.htmlnotifications.htmlpaiements_en_attente.htmlrapports_financiers.htmlsettings.html
PROF
enseignant_permanent.htmlmes-heures.htmlmes-informations.htmlnotifications.htmlpaiements.htmlsettings.html
RH
candidature.htmlgestion-heures.htmlgestion_personnel.htmlmes-informations.htmlnotifications.htmlrh.htmlsettings.html
VACATAIRE
@ -10,37 +10,70 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des transactions</a>
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name w3-padding-16">
|
<div class="user-name">
|
||||||
Jean DUPONT
|
Jean DUPONT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:25px; height:25px;">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Jean DUPONT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="dashboard-container w3-content">
|
<div class="dashboard-container w3-content">
|
||||||
<!-- Alertes et Notifications -->
|
<!-- Alertes et Notifications -->
|
||||||
<div class="section-header w3-container w3-light-gray w3-border-left" style="border-left: 5px solid #20195e;">
|
<div class="section-header w3-container w3-light-gray w3-border-left" style="border-left: 5px solid #20195e;">
|
||||||
@ -187,13 +220,11 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Historique des Transactions</title>
|
<title>Historique des paiements</title>
|
||||||
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
<link rel="icon" href="../../media/img/logoIcon.ico" type="image/x-icon" />
|
<link rel="icon" href="../../media/img/logoIcon.ico" type="image/x-icon" />
|
||||||
<link rel="stylesheet" href="../../css/FINANCE/finance.css">
|
<link rel="stylesheet" href="../../css/FINANCE/finance.css">
|
||||||
@ -38,29 +38,58 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des transactions</a>
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name w3-padding-16">
|
<div class="user-name">
|
||||||
Jean DUPONT
|
Jean DUPONT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:25px; height:25px;">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Jean DUPONT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -68,7 +97,7 @@
|
|||||||
|
|
||||||
<div class="dashboard-container w3-container">
|
<div class="dashboard-container w3-container">
|
||||||
<div class="card w3-card">
|
<div class="card w3-card">
|
||||||
<h2>Historique des Transactions</h2>
|
<h2>Historique des paiements</h2>
|
||||||
|
|
||||||
<!-- Section de filtre -->
|
<!-- Section de filtre -->
|
||||||
<div class="filter-section w3-margin-bottom">
|
<div class="filter-section w3-margin-bottom">
|
||||||
@ -80,7 +109,7 @@
|
|||||||
<button class="w3-button w3-blue" onclick="filterByStatus('Salaire payer')">Payé</button>
|
<button class="w3-button w3-blue" onclick="filterByStatus('Salaire payer')">Payé</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Tableau des transactions -->
|
<!-- Tableau des paiements -->
|
||||||
<table class="w3-table w3-bordered w3-striped w3-white">
|
<table class="w3-table w3-bordered w3-striped w3-white">
|
||||||
<thead>
|
<thead>
|
||||||
<tr class="w3-light-grey">
|
<tr class="w3-light-grey">
|
||||||
@ -167,13 +196,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -308,29 +308,58 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des transactions</a>
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name w3-padding-16">
|
<div class="user-name">
|
||||||
Jean DUPONT
|
Jean DUPONT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:25px; height:25px;">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Jean DUPONT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -575,15 +604,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
177
MaquetteWEB/html/FINANCE/notifications.html
Normal file
177
MaquetteWEB/html/FINANCE/notifications.html
Normal file
@ -0,0 +1,177 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Notifications</title>
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="icon" href="../../media/img/logoIcon.ico" type="image/x-icon" />
|
||||||
|
<link rel="stylesheet" href="../../css/FINANCE/finance.css">
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* Ajout d'un style pour le conteneur des notifications */
|
||||||
|
#notifications-container {
|
||||||
|
border: 1px solid #ccc; /* Bordure autour du conteneur */
|
||||||
|
border-radius: 8px; /* Coins arrondis */
|
||||||
|
padding: 16px; /* Espacement intérieur */
|
||||||
|
margin-top: 16px; /* Espacement supérieur */
|
||||||
|
max-height: 300px; /* Hauteur maximale */
|
||||||
|
overflow-y: auto; /* Ajout de défilement si le contenu dépasse */
|
||||||
|
background-color: #f9f9f9; /* Couleur de fond */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Amélioration de l'apparence des notifications */
|
||||||
|
.alert, .success {
|
||||||
|
margin: 8px 0; /* Marge entre les notifications */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-light-grey">
|
||||||
|
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
|
<div class="logo-container w3-bar-item">
|
||||||
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bouton burger pour petit écran -->
|
||||||
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
|
<!-- Catégories dans le header -->
|
||||||
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
|
<div class="user-name">
|
||||||
|
Jean DUPONT
|
||||||
|
</div>
|
||||||
|
<div class="logout-container w3-bar-item">
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Jean DUPONT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Alertes et Notifications -->
|
||||||
|
<div class="w3-container w3-white w3-card-4 w3-margin-bottom">
|
||||||
|
<h2 class="w3-text-dark-gray">Alertes et Notifications</h2>
|
||||||
|
<div id="notifications-container">
|
||||||
|
<!-- Notifications -->
|
||||||
|
<div class="w3-panel w3-red alert">
|
||||||
|
<span class="w3-closebtn close" onclick="removeNotification(this);">×</span>
|
||||||
|
<p><strong>Paiements en attente :</strong> Vous avez des paiements qui n'ont pas encore été traités. Merci de vérifier dans : <a href="paiements_en_attente.html">Paiements en attente</a>.</p>
|
||||||
|
</div>
|
||||||
|
<div class="w3-panel w3-green success">
|
||||||
|
<span class="w3-closebtn close" onclick="removeNotification(this);">×</span>
|
||||||
|
<p><strong>Rapport validé :</strong> Votre dernier rapport financier a été validé. Vous pouvez le consulter dans : <a href="rapports_financiers.html">Rapports Financiers</a>.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bouton pour tout effacer -->
|
||||||
|
<button id="clear-notifications" class="w3-button w3-dark-grey w3-margin-top w3-margin-bottom" onclick="clearAllNotifications();">Tout effacer</button>
|
||||||
|
|
||||||
|
<!-- Message quand aucune notification n'est présente -->
|
||||||
|
<div id="no-notifications-message" class="w3-hide w3-padding-16 w3-text-gray">
|
||||||
|
<p>Vous n'avez pas de notifications pour le moment !</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer id="footer" class="w3-center w3-padding w3-text-white footer" style="background-color: #20195e;">
|
||||||
|
<p>© 2024 IUT de Fontainebleau. Tous droits réservés |
|
||||||
|
<a href="../mentions_legales.html">Mentions légales</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function removeNotification(element) {
|
||||||
|
// Supprime la notification
|
||||||
|
const notification = element.parentElement;
|
||||||
|
notification.style.display = 'none';
|
||||||
|
|
||||||
|
// Vérifier s'il reste des notifications
|
||||||
|
checkNotifications();
|
||||||
|
}
|
||||||
|
|
||||||
|
function clearAllNotifications() {
|
||||||
|
const notifications = document.getElementById('notifications-container');
|
||||||
|
let hasNotifications = false;
|
||||||
|
|
||||||
|
// Cacher toutes les notifications
|
||||||
|
Array.from(notifications.children).forEach(notification => {
|
||||||
|
if (notification.style.display !== 'none') {
|
||||||
|
notification.style.display = 'none';
|
||||||
|
hasNotifications = true; // Au moins une notification a été cachée
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Vérifier s'il reste des notifications
|
||||||
|
if (hasNotifications) {
|
||||||
|
checkNotifications(); // Vérifie les notifications restantes
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function checkNotifications() {
|
||||||
|
const notifications = document.getElementById('notifications-container');
|
||||||
|
const noNotificationsMessage = document.getElementById('no-notifications-message');
|
||||||
|
const visibleNotifications = Array.from(notifications.children).some(notification => notification.style.display !== 'none');
|
||||||
|
|
||||||
|
if (!visibleNotifications) {
|
||||||
|
noNotificationsMessage.classList.remove('w3-hide');
|
||||||
|
document.getElementById('clear-notifications').style.display = 'none'; // Cacher le bouton "Tout effacer"
|
||||||
|
} else {
|
||||||
|
noNotificationsMessage.classList.add('w3-hide');
|
||||||
|
document.getElementById('clear-notifications').style.display = 'block'; // Montrer le bouton "Tout effacer"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
function toggleMenu() {
|
||||||
|
var x = document.getElementById("mobileMenu");
|
||||||
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
|
x.className += " w3-show";
|
||||||
|
} else {
|
||||||
|
x.className = x.className.replace(" w3-show", "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -74,29 +74,58 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des transactions</a>
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name w3-padding-16">
|
<div class="user-name">
|
||||||
Jean DUPONT
|
Jean DUPONT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:25px; height:25px;">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Jean DUPONT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -105,58 +134,62 @@
|
|||||||
<div class="w3-container dashboard-container w3-margin-top">
|
<div class="w3-container dashboard-container w3-margin-top">
|
||||||
<div class="w3-card w3-white w3-padding">
|
<div class="w3-card w3-white w3-padding">
|
||||||
<h2>Liste des paiements en attente de traitement</h2>
|
<h2>Liste des paiements en attente de traitement</h2>
|
||||||
<table class="w3-table w3-bordered w3-striped w3-white w3-hoverable">
|
|
||||||
<thead>
|
<!-- Table responsive -->
|
||||||
<tr class="w3-light-grey">
|
<div class="w3-responsive">
|
||||||
<th>ID Paiement</th>
|
<table class="w3-table w3-bordered w3-striped w3-white w3-hoverable">
|
||||||
<th>Nom du Bénéficiaire</th>
|
<thead>
|
||||||
<th>Montant (€)</th>
|
<tr class="w3-light-grey">
|
||||||
<th>Status</th>
|
<th>ID Paiement</th>
|
||||||
<th>Actions</th>
|
<th>Nom du Bénéficiaire</th>
|
||||||
</tr>
|
<th>Montant (€)</th>
|
||||||
</thead>
|
<th>Status</th>
|
||||||
<tbody id="paymentTableBody">
|
<th>Actions</th>
|
||||||
<tr>
|
</tr>
|
||||||
<td>002</td>
|
</thead>
|
||||||
<td>Maxime Menault (vacataire)</td>
|
<tbody id="paymentTableBody">
|
||||||
<td>1200,00</td>
|
<tr>
|
||||||
<td id="status-2">En attente</td>
|
<td>002</td>
|
||||||
<td>
|
<td>Maxime Menault (vacataire)</td>
|
||||||
<button class="w3-button w3-red" onclick="openPopup('bloquer', 2)">Bloquer</button>
|
<td>1200,00</td>
|
||||||
<button class="w3-button w3-orange" onclick="openPopup('annuler', 2)">Annuler</button>
|
<td id="status-2">En attente</td>
|
||||||
<button class="w3-button w3-green" onclick="openPopup('débloquer', 2)">Débloquer</button>
|
<td>
|
||||||
<button class="w3-button w3-blue" onclick="openPopup('envoyer', 2)">Payer</button>
|
<button class="w3-button w3-red w3-small" onclick="openPopup('bloquer', 2)">Bloquer</button>
|
||||||
</td>
|
<button class="w3-button w3-orange w3-small" onclick="openPopup('annuler', 2)">Annuler</button>
|
||||||
</tr>
|
<button class="w3-button w3-green w3-small" onclick="openPopup('débloquer', 2)">Débloquer</button>
|
||||||
<tr>
|
<button class="w3-button w3-blue w3-small" onclick="openPopup('envoyer', 2)">Payer</button>
|
||||||
<td>003</td>
|
</td>
|
||||||
<td>Denis Monnerat (permanent)</td>
|
</tr>
|
||||||
<td>1800,00</td>
|
<tr>
|
||||||
<td id="status-3">En attente</td>
|
<td>003</td>
|
||||||
<td>
|
<td>Denis Monnerat (permanent)</td>
|
||||||
<button class="w3-button w3-red" onclick="openPopup('bloquer', 3)">Bloquer</button>
|
<td>1800,00</td>
|
||||||
<button class="w3-button w3-orange" onclick="openPopup('annuler', 3)">Annuler</button>
|
<td id="status-3">En attente</td>
|
||||||
<button class="w3-button w3-green" onclick="openPopup('débloquer', 3)">Débloquer</button>
|
<td>
|
||||||
<button class="w3-button w3-blue" onclick="openPopup('envoyer', 3)">Payer</button>
|
<button class="w3-button w3-red w3-small" onclick="openPopup('bloquer', 3)">Bloquer</button>
|
||||||
</td>
|
<button class="w3-button w3-orange w3-small" onclick="openPopup('annuler', 3)">Annuler</button>
|
||||||
</tr>
|
<button class="w3-button w3-green w3-small" onclick="openPopup('débloquer', 3)">Débloquer</button>
|
||||||
<tr>
|
<button class="w3-button w3-blue w3-small" onclick="openPopup('envoyer', 3)">Payer</button>
|
||||||
<td>004</td>
|
</td>
|
||||||
<td>Sophie Bernard (vacataire)</td>
|
</tr>
|
||||||
<td>1350,00</td>
|
<tr>
|
||||||
<td id="status-4">En attente</td>
|
<td>004</td>
|
||||||
<td>
|
<td>Sophie Bernard (vacataire)</td>
|
||||||
<button class="w3-button w3-red" onclick="openPopup('bloquer', 4)">Bloquer</button>
|
<td>1350,00</td>
|
||||||
<button class="w3-button w3-orange" onclick="openPopup('annuler', 4)">Annuler</button>
|
<td id="status-4">En attente</td>
|
||||||
<button class="w3-button w3-green" onclick="openPopup('débloquer', 4)">Débloquer</button>
|
<td>
|
||||||
<button class="w3-button w3-blue" onclick="openPopup('envoyer', 4)">Payer</button>
|
<button class="w3-button w3-red w3-small" onclick="openPopup('bloquer', 4)">Bloquer</button>
|
||||||
</td>
|
<button class="w3-button w3-orange w3-small" onclick="openPopup('annuler', 4)">Annuler</button>
|
||||||
</tr>
|
<button class="w3-button w3-green w3-small" onclick="openPopup('débloquer', 4)">Débloquer</button>
|
||||||
<!-- Ajouter plus de lignes ici -->
|
<button class="w3-button w3-blue w3-small" onclick="openPopup('envoyer', 4)">Payer</button>
|
||||||
</tbody>
|
</td>
|
||||||
</table>
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="w3-center w3-padding-16 w3-text-white" style="background-color: #20195e;">
|
<div class="w3-center w3-padding-16 w3-text-white" style="background-color: #20195e;">
|
||||||
<p>© 2024 IUT de Fontainebleau. Tous droits réservés |
|
<p>© 2024 IUT de Fontainebleau. Tous droits réservés |
|
||||||
@ -232,13 +265,11 @@
|
|||||||
document.querySelector('.confirm').addEventListener('click', confirmAction);
|
document.querySelector('.confirm').addEventListener('click', confirmAction);
|
||||||
|
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -74,29 +74,58 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des transactions</a>
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name w3-padding-16">
|
<div class="user-name">
|
||||||
Jean DUPONT
|
Jean DUPONT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:25px; height:25px;">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Jean DUPONT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -164,13 +193,11 @@
|
|||||||
});
|
});
|
||||||
|
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
272
MaquetteWEB/html/FINANCE/settings.html
Normal file
272
MaquetteWEB/html/FINANCE/settings.html
Normal file
@ -0,0 +1,272 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Paramètres Utilisateur</title>
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="icon" href="../../media/img/logoIcon.ico" type="image/x-icon" />
|
||||||
|
<link rel="stylesheet" href="../../css/FINANCE/style.css">
|
||||||
|
<style>
|
||||||
|
.header {
|
||||||
|
background-color: #20195e; /* Couleur par défaut */
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
footer {
|
||||||
|
background-color: #20195e; /* Couleur par défaut */
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.logo-container img {
|
||||||
|
width: 200px;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
.categories a {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.btn {
|
||||||
|
background-color: #20195e;
|
||||||
|
}
|
||||||
|
.btn:hover {
|
||||||
|
background-color: #151044;
|
||||||
|
}
|
||||||
|
/* Style par défaut */
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mode Daltonien et autres troubles visuels */
|
||||||
|
body.daltonien {
|
||||||
|
background-color: #e8f4ff; /* Meilleure visibilité pour le texte */
|
||||||
|
color: #2c2c2c;
|
||||||
|
}
|
||||||
|
.header {
|
||||||
|
background-color: #20195e; /* Couleur par défaut */
|
||||||
|
}
|
||||||
|
|
||||||
|
body.daltonien .header {
|
||||||
|
background-color: #3b3a3a; /* Couleur plus neutre */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Couleur du footer en mode daltonien */
|
||||||
|
body.daltonien #footer {
|
||||||
|
background-color: #3b3a3a; /* Couleur plus neutre */
|
||||||
|
}
|
||||||
|
|
||||||
|
.daltonien .btn {
|
||||||
|
background-color: #31302d; /* Couleur facilement visible */
|
||||||
|
}
|
||||||
|
|
||||||
|
.daltonien .btn:hover {
|
||||||
|
background-color: #242321;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Grossissement des textes */
|
||||||
|
body.large-text {
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
body.xlarge-text {
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-light-grey" id="main-body">
|
||||||
|
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
|
<div class="logo-container w3-bar-item">
|
||||||
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Bouton burger pour petit écran -->
|
||||||
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
|
<!-- Catégories dans le header -->
|
||||||
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
|
<div class="user-name">
|
||||||
|
Jean DUPONT
|
||||||
|
</div>
|
||||||
|
<div class="logout-container w3-bar-item">
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./finance.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./paiements_en_attente.html" class="w3-bar-item w3-button">Paiements en attente</a>
|
||||||
|
<a href="./historique_paiements.html" class="w3-bar-item w3-button">Historique des paiements</a>
|
||||||
|
<a href="./rapports_financiers.html" class="w3-bar-item w3-button">Rapports Financiers</a>
|
||||||
|
<a href="./mes_informations.html" class="w3-bar-item w3-button">Mes informations</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Jean DUPONT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Paramètres de l'utilisateur -->
|
||||||
|
<div class="w3-content w3-padding-16">
|
||||||
|
<div class="w3-container w3-white w3-card-4 w3-padding-large">
|
||||||
|
<h2 class="w3-text-dark-gray">Paramètres de communication et d'accessibilité</h2>
|
||||||
|
|
||||||
|
<form class="w3-container w3-padding-16">
|
||||||
|
<!-- Notifications par Email -->
|
||||||
|
<div class="w3-section">
|
||||||
|
<label class="w3-text-dark-gray"><b>Notifications par Email</b></label>
|
||||||
|
<p>Recevez des notifications par e-mail concernant les heures, paiements, et plus.</p>
|
||||||
|
<input class="w3-check" type="checkbox" id="email-notifications" checked>
|
||||||
|
<label for="email-notifications">Activer les notifications par email</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="w3-divider"> <!-- Séparation -->
|
||||||
|
|
||||||
|
<!-- Notifications par SMS -->
|
||||||
|
<div class="w3-section">
|
||||||
|
<label class="w3-text-dark-gray"><b>Notifications par SMS</b></label>
|
||||||
|
<p>Recevez des notifications par SMS sur votre téléphone mobile.</p>
|
||||||
|
<input class="w3-check" type="checkbox" id="sms-notifications">
|
||||||
|
<label for="sms-notifications">Activer les notifications par SMS</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="w3-divider"> <!-- Séparation -->
|
||||||
|
|
||||||
|
<!-- Préférences de Langue -->
|
||||||
|
<div class="w3-section">
|
||||||
|
<label class="w3-text-dark-gray"><b>Langue de Communication</b></label>
|
||||||
|
<select class="w3-select" name="language" id="language">
|
||||||
|
<option value="fr" selected>Français</option>
|
||||||
|
<option value="en">Anglais</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="w3-divider"> <!-- Séparation -->
|
||||||
|
|
||||||
|
<!-- Fréquence de réception des emails -->
|
||||||
|
<div class="w3-section">
|
||||||
|
<label class="w3-text-dark-gray"><b>Fréquence des emails de notification</b></label>
|
||||||
|
<select class="w3-select" name="email-frequency" id="email-frequency">
|
||||||
|
<option value="instant">Immédiatement</option>
|
||||||
|
<option value="daily">Quotidiennement</option>
|
||||||
|
<option value="weekly" selected>Hebdomadairement</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="w3-divider"> <!-- Séparation -->
|
||||||
|
|
||||||
|
<!-- Mode Daltonien -->
|
||||||
|
<div class="w3-section">
|
||||||
|
<label class="w3-text-dark-gray"><b>Mode Daltonien</b></label>
|
||||||
|
<p>Améliore les contrastes et les couleurs pour mieux correspondre aux besoins des personnes atteintes de troubles visuels.</p>
|
||||||
|
<input class="w3-check" type="checkbox" id="daltonien-mode" onchange="toggleDaltonienMode()">
|
||||||
|
<label for="daltonien-mode">Activer le mode Daltonien</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="w3-divider"> <!-- Séparation -->
|
||||||
|
|
||||||
|
<!-- Changer la police -->
|
||||||
|
<div class="w3-section">
|
||||||
|
<label class="w3-text-dark-gray"><b>Changer la police</b></label>
|
||||||
|
<select class="w3-select" name="font" id="font" onchange="changeFont()">
|
||||||
|
<option value="Arial" selected>Arial</option>
|
||||||
|
<option value="Verdana">Verdana</option>
|
||||||
|
<option value="Georgia">Georgia</option>
|
||||||
|
<option value="Tahoma">Tahoma</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="w3-divider"> <!-- Séparation -->
|
||||||
|
|
||||||
|
<!-- Grossir le texte -->
|
||||||
|
<div class="w3-section">
|
||||||
|
<label class="w3-text-dark-gray"><b>Agrandir le texte</b></label>
|
||||||
|
<select class="w3-select" name="text-size" id="text-size" onchange="changeTextSize()">
|
||||||
|
<option value="normal" selected>Normal</option>
|
||||||
|
<option value="large">Grand</option>
|
||||||
|
<option value="xlarge">Très Grand</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<hr class="w3-divider"> <!-- Séparation -->
|
||||||
|
|
||||||
|
<!-- Sauvegarder les modifications -->
|
||||||
|
<button type="submit" class="w3-button w3-round w3-margin-top btn w3-text-white" style="background-color: #20195e;">Sauvegarder les modifications</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<footer id="footer" class="w3-center w3-padding w3-text-white footer">
|
||||||
|
<p>© 2024 IUT de Fontainebleau. Tous droits réservés |
|
||||||
|
<a href="../mentions_legales.html">Mentions légales</a>
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<!-- Script pour changer la police et la taille du texte -->
|
||||||
|
<script>
|
||||||
|
function toggleDaltonienMode() {
|
||||||
|
const body = document.getElementById('main-body');
|
||||||
|
const daltonienMode = document.getElementById('daltonien-mode').checked;
|
||||||
|
if (daltonienMode) {
|
||||||
|
body.classList.add('daltonien');
|
||||||
|
} else {
|
||||||
|
body.classList.remove('daltonien');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function changeFont() {
|
||||||
|
const selectedFont = document.getElementById('font').value;
|
||||||
|
document.body.style.fontFamily = selectedFont;
|
||||||
|
}
|
||||||
|
|
||||||
|
function changeTextSize() {
|
||||||
|
const textSize = document.getElementById('text-size').value;
|
||||||
|
document.body.classList.remove('large-text', 'xlarge-text');
|
||||||
|
if (textSize === 'large') {
|
||||||
|
document.body.classList.add('large-text');
|
||||||
|
} else if (textSize === 'xlarge') {
|
||||||
|
document.body.classList.add('xlarge-text');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script>
|
||||||
|
function toggleMenu() {
|
||||||
|
var x = document.getElementById("mobileMenu");
|
||||||
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
|
x.className += " w3-show";
|
||||||
|
} else {
|
||||||
|
x.className = x.className.replace(" w3-show", "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -13,14 +13,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -28,19 +28,41 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Denis MONNERAT
|
Denis MONNERAT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Denis MONNERAT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -124,5 +146,17 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function toggleMenu() {
|
||||||
|
var x = document.getElementById("mobileMenu");
|
||||||
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
|
x.className += " w3-show";
|
||||||
|
} else {
|
||||||
|
x.className = x.className.replace(" w3-show", "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -11,18 +11,17 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -30,19 +29,41 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Denis MONNERAT
|
Denis MONNERAT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Denis MONNERAT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -642,6 +663,14 @@ function updateDeclaredHoursSectionVisibility() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function toggleMenu() {
|
||||||
|
var x = document.getElementById("mobileMenu");
|
||||||
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
|
x.className += " w3-show";
|
||||||
|
} else {
|
||||||
|
x.className = x.className.replace(" w3-show", "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -13,14 +13,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -28,19 +28,41 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Denis MONNERAT
|
Denis MONNERAT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Denis MONNERAT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -281,6 +303,15 @@
|
|||||||
document.getElementById('popup').style.display = 'none';
|
document.getElementById('popup').style.display = 'none';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function toggleMenu() {
|
||||||
|
var x = document.getElementById("mobileMenu");
|
||||||
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
|
x.className += " w3-show";
|
||||||
|
} else {
|
||||||
|
x.className = x.className.replace(" w3-show", "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -31,14 +31,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -46,19 +46,41 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Denis MONNERAT
|
Denis MONNERAT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Denis MONNERAT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -139,13 +161,11 @@
|
|||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -15,14 +15,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -30,19 +30,41 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Denis MONNERAT
|
Denis MONNERAT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Denis MONNERAT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -407,6 +429,15 @@ function isDate(dateString) {
|
|||||||
return !isNaN(Date.parse(dateString));
|
return !isNaN(Date.parse(dateString));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function toggleMenu() {
|
||||||
|
var x = document.getElementById("mobileMenu");
|
||||||
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
|
x.className += " w3-show";
|
||||||
|
} else {
|
||||||
|
x.className = x.className.replace(" w3-show", "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -75,14 +75,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -90,19 +90,41 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Denis MONNERAT
|
Denis MONNERAT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./enseignant_permanent.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Denis MONNERAT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -235,13 +257,11 @@
|
|||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -16,14 +16,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
@ -32,19 +32,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Alice BERGER
|
Alice BERGER
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./candidature.html" class="w3-bar-item w3-button">Candidatures</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Alice BERGER</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -246,13 +269,11 @@
|
|||||||
};
|
};
|
||||||
|
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -97,14 +97,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
@ -113,27 +113,47 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Alice BERGER
|
Alice BERGER
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./candidature.html" class="w3-bar-item w3-button">Candidatures</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Alice BERGER</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<input type="text" id="searchBar" class="search-bar" placeholder="Rechercher un professeur..." onkeyup="searchProfessor()">
|
<input type="text" id="searchBar" class="search-bar" placeholder="Rechercher un professeur..." onkeyup="searchProfessor()">
|
||||||
@ -700,16 +720,14 @@ function deleteVacationOffer(button) {
|
|||||||
|
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
} else {
|
||||||
menu.classList.remove('user-section');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
} else {
|
}
|
||||||
menu.classList.add('w3-hide-small');
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@ -133,14 +133,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
@ -149,19 +149,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Alice BERGER
|
Alice BERGER
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./candidature.html" class="w3-bar-item w3-button">Candidatures</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Alice BERGER</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -727,16 +750,14 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
} else {
|
||||||
menu.classList.remove('user-section');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
} else {
|
}
|
||||||
menu.classList.add('w3-hide-small');
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -255,14 +255,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
@ -271,19 +271,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Alice BERGER
|
Alice BERGER
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./candidature.html" class="w3-bar-item w3-button">Candidatures</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Alice BERGER</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -530,16 +553,14 @@
|
|||||||
|
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
} else {
|
||||||
menu.classList.remove('user-section');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
} else {
|
}
|
||||||
menu.classList.add('w3-hide-small');
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -32,14 +32,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
@ -48,19 +48,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Alice BERGER
|
Alice BERGER
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./candidature.html" class="w3-bar-item w3-button">Candidatures</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Alice BERGER</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -141,13 +164,11 @@
|
|||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -51,14 +51,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
@ -67,19 +67,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Alice BERGER
|
Alice BERGER
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./candidature.html" class="w3-bar-item w3-button">Candidatures</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Alice BERGER</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -145,13 +168,11 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -75,14 +75,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
@ -91,19 +91,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Alice BERGER
|
Alice BERGER
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./rh.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./gestion_personnel.html" class="w3-bar-item w3-button">Gestion du personnel</a>
|
||||||
|
<a href="./gestion-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./candidature.html" class="w3-bar-item w3-button">Candidatures</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Alice BERGER</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -236,13 +259,11 @@
|
|||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -14,14 +14,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -30,23 +30,48 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Maxime MENAULT
|
Maxime MENAULT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mon-contrat.html" class="w3-bar-item w3-button">Contrat</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Maxime MENAULT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="w3-container dashboard-container">
|
<div class="w3-container dashboard-container">
|
||||||
<div class="section-header w3-border-bottom w3-padding">
|
<div class="section-header w3-border-bottom w3-padding">
|
||||||
<h2>Offres de vacation</h2>
|
<h2>Offres de vacation</h2>
|
||||||
@ -527,13 +552,11 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -276,14 +276,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -292,19 +292,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Maxime MENAULT
|
Maxime MENAULT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mon-contrat.html" class="w3-bar-item w3-button">Contrat</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Maxime MENAULT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -558,16 +581,14 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
} else {
|
||||||
menu.classList.remove('user-section');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
} else {
|
}
|
||||||
menu.classList.add('w3-hide-small');
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -12,14 +12,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -28,19 +28,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Maxime MENAULT
|
Maxime MENAULT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mon-contrat.html" class="w3-bar-item w3-button">Contrat</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Maxime MENAULT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -78,16 +101,14 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
} else {
|
||||||
menu.classList.remove('user-section');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
} else {
|
}
|
||||||
menu.classList.add('w3-hide-small');
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -30,14 +30,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -46,19 +46,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Maxime MENAULT
|
Maxime MENAULT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mon-contrat.html" class="w3-bar-item w3-button">Contrat</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Maxime MENAULT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -139,13 +162,11 @@
|
|||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -13,14 +13,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -29,19 +29,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Maxime MENAULT
|
Maxime MENAULT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mon-contrat.html" class="w3-bar-item w3-button">Contrat</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Maxime MENAULT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -408,16 +431,14 @@ function isDate(dateString) {
|
|||||||
|
|
||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
} else {
|
||||||
menu.classList.remove('user-section');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
} else {
|
}
|
||||||
menu.classList.add('w3-hide-small');
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -74,14 +74,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -90,19 +90,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Maxime MENAULT
|
Maxime MENAULT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mon-contrat.html" class="w3-bar-item w3-button">Contrat</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Maxime MENAULT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -235,13 +258,11 @@
|
|||||||
</script>
|
</script>
|
||||||
<script>
|
<script>
|
||||||
function toggleMenu() {
|
function toggleMenu() {
|
||||||
var menu = document.getElementById('menu');
|
var x = document.getElementById("mobileMenu");
|
||||||
var nom = document.getElementById('user-section');
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
if (menu.classList.contains('w3-hide-small')) {
|
x.className += " w3-show";
|
||||||
menu.classList.remove('w3-hide-small');
|
|
||||||
menu.classList.remove('user-section');
|
|
||||||
} else {
|
} else {
|
||||||
menu.classList.add('w3-hide-small');
|
x.className = x.className.replace(" w3-show", "");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -13,14 +13,14 @@
|
|||||||
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
<div class="header w3-bar w3-card-4 w3-dark-blue">
|
||||||
<!-- Logo pour retourner à l'accueil -->
|
<!-- Logo pour retourner à l'accueil -->
|
||||||
<div class="logo-container w3-bar-item">
|
<div class="logo-container w3-bar-item">
|
||||||
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:200px; height:50px;">
|
<img src="../../media/img/logoWhite.png" alt="Logo Accueil" class="w3-image" style="width:150px; height:40px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Bouton burger pour petit écran -->
|
<!-- Bouton burger pour petit écran -->
|
||||||
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
<a href="javascript:void(0)" class="w3-bar-item w3-button w3-hide-large w3-right w3-padding-16" onclick="toggleMenu()">☰</a>
|
||||||
|
|
||||||
<!-- Catégories dans le header -->
|
<!-- Catégories dans le header -->
|
||||||
<div id="menu" class="categories w3-hide-small w3-bar-item">
|
<div id="menu" class="categories w3-hide-small w3-hide-medium w3-bar-item">
|
||||||
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
@ -29,19 +29,42 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Section utilisateur avec déconnexion -->
|
<!-- Section utilisateur avec déconnexion -->
|
||||||
<div class="user-section w3-bar-item w3-right">
|
<div class="user-section w3-right w3-hide-small w3-hide-medium">
|
||||||
<div class="user-name">
|
<div class="user-name">
|
||||||
Maxime MENAULT
|
Maxime MENAULT
|
||||||
</div>
|
</div>
|
||||||
<div class="logout-container w3-bar-item">
|
<div class="logout-container w3-bar-item">
|
||||||
<a href="./notifications.html" title="Notifications">
|
<a href="./notifications.html" title="Notifications">
|
||||||
<img src="../../media/img/notifs.png" alt="Logo notification">
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="./settings.html" title="Paramètres">
|
<a href="./settings.html" title="Paramètres">
|
||||||
<img src="../../media/img/settings.png" alt="Logo paramètres">
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
<a href="../../index.html" title="Se déconnecter">
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion">
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Menu mobile caché au départ -->
|
||||||
|
<div id="mobileMenu" class="w3-bar-block w3-hide w3-hide-large w3-dark-blue">
|
||||||
|
<a href="./vacataire.html" class="w3-bar-item w3-button">Accueil</a>
|
||||||
|
<a href="./mes-heures.html" class="w3-bar-item w3-button">Heures</a>
|
||||||
|
<a href="./paiements.html" class="w3-bar-item w3-button">Paiements</a>
|
||||||
|
<a href="./mon-contrat.html" class="w3-bar-item w3-button">Contrat</a>
|
||||||
|
<a href="./mes-informations.html" class="w3-bar-item w3-button">Mes informations et documents</a>
|
||||||
|
|
||||||
|
<!-- Section utilisateur pour mobile -->
|
||||||
|
<div class="w3-bar-item w3-border-top w3-margin-top">
|
||||||
|
<div class="user-name">Maxime MENAULT</div>
|
||||||
|
<a href="./notifications.html" title="Notifications">
|
||||||
|
<img src="../../media/img/notifs.png" alt="Logo notification" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="./settings.html" title="Paramètres">
|
||||||
|
<img src="../../media/img/settings.png" alt="Logo paramètres" style="width:24px; height:24px;">
|
||||||
|
</a>
|
||||||
|
<a href="../../index.html" title="Se déconnecter">
|
||||||
|
<img src="../../media/img/LogOutWhite.png" alt="Logo Déconnexion" style="width:24px; height:24px;">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -125,5 +148,16 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function toggleMenu() {
|
||||||
|
var x = document.getElementById("mobileMenu");
|
||||||
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
|
x.className += " w3-show";
|
||||||
|
} else {
|
||||||
|
x.className = x.className.replace(" w3-show", "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user