src
This commit is contained in:
pourchot
commit
ac443f9321
68
src/PageInfoEmploye.html
Normal file
68
src/PageInfoEmploye.html
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Employé</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Vous n'avez pas de notification</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0"">
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "w3-row">
|
||||||
|
<div class = "w3-col m3">
|
||||||
|
<div class="w3-card w3-round w3-white" style="height:100%;width:80%;margin-top:20%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p class="w3-center"><img src="img/cobaye8.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
|
||||||
|
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
|
||||||
|
<hr>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class = "w3-col m7">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p><img src="img/contrat.png" class="w3-rectangle" style="height:100%;width:100%;margin-top:10%;margin-left:10%" alt="contract de travail"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
69
src/PageInfoEmployeModif.html
Normal file
69
src/PageInfoEmployeModif.html
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Employé</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Vous n'avez pas de notification</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0"">
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "w3-row">
|
||||||
|
<div class = "w3-col m3">
|
||||||
|
<div class="w3-card w3-round w3-white" style="height:100%;width:80%;margin-top:20%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p class="w3-center"><img src="img/cobaye8.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
|
||||||
|
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
|
||||||
|
<hr>
|
||||||
|
<a href = "#" class="w3-button w3-block w3-grey">Modifier</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class = "w3-col m7">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p><img src="img/contrat.png" class="w3-rectangle" style="height:100%;width:100%;margin-top:10%;margin-left:10%" alt="contract de travail"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
src/img/EDNALG.png
Normal file
BIN
src/img/EDNALG.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
src/img/cobaye.jpg
Normal file
BIN
src/img/cobaye.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
src/img/cobaye2.jpg
Normal file
BIN
src/img/cobaye2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
BIN
src/img/cobaye3.jpg
Normal file
BIN
src/img/cobaye3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
src/img/cobaye4.jpg
Normal file
BIN
src/img/cobaye4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.0 KiB |
BIN
src/img/cobaye5.jpeg
Normal file
BIN
src/img/cobaye5.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
BIN
src/img/cobaye6.jpg
Normal file
BIN
src/img/cobaye6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.9 KiB |
BIN
src/img/cobaye7.jpg
Normal file
BIN
src/img/cobaye7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 203 KiB |
BIN
src/img/cobaye8.jpg
Normal file
BIN
src/img/cobaye8.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
BIN
src/img/contrat.png
Normal file
BIN
src/img/contrat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
87
src/index.html
Normal file
87
src/index.html
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Button Redirect</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
|
||||||
|
<div class="w3-container w3-content w3-grey w3-center" style="max-width:1400px;margin-top:80px">
|
||||||
|
<div class="w3-row">
|
||||||
|
<div class="w3-col">
|
||||||
|
<a href="pageEmploye.html">
|
||||||
|
<button class="w3-button w3-hover-black">page Employé</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-col">
|
||||||
|
<a href="pageRH.html">
|
||||||
|
<button class="w3-button w3-hover-black">page RH</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-col">
|
||||||
|
<a href="pageRHC.html">
|
||||||
|
<button class="w3-button w3-hover-black">page RHC</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-col">
|
||||||
|
<a href="pageDirigeant.html">
|
||||||
|
<button class="w3-button w3-hover-black">page Chef Département</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-col">
|
||||||
|
<a href="pagePDG.html">
|
||||||
|
<button class="w3-button w3-hover-black">page PDG</button>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<footer class="w3-container w3-grey w3-padding-16 w3-bottom">
|
||||||
|
<h5>Maquette réalisé dans le but d'un pré-projet</h5>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function myFunction(id) {
|
||||||
|
var x = document.getElementById(id);
|
||||||
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
|
x.className += " w3-show";
|
||||||
|
x.previousElementSibling.className += " w3-theme-d1";
|
||||||
|
} else {
|
||||||
|
x.className = x.className.replace("w3-show", "");
|
||||||
|
x.previousElementSibling.className =
|
||||||
|
x.previousElementSibling.className.replace(" w3-theme-d1", "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function openNav() {
|
||||||
|
var x = document.getElementById("navDemo");
|
||||||
|
if (x.className.indexOf("w3-show") == -1) {
|
||||||
|
x.className += " w3-show";
|
||||||
|
} else {
|
||||||
|
x.className = x.className.replace(" w3-show", "");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
86
src/pageConge.html
Normal file
86
src/pageConge.html
Normal file
@ -0,0 +1,86 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Employé</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Vous n'avez pas de notification</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0"">
|
||||||
|
<a href=" profil.html" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w3-card w3-round w3-white w3-center" style="height:50%;width:80%;margin-top:5%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<h3 class="w3-center">Demande de congé/RTT</h3>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<p><label class="w3-left">Date : </label>
|
||||||
|
<input id="date-start" class="w3-input" type="date"></p>
|
||||||
|
<p><label class="w3-left">à</label>
|
||||||
|
<input id="date-end" class="w3-input" type="date"></p>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">Motif : </label>
|
||||||
|
<p><input class="w3-input" type="text"></p>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<legend>Contrat:</legend>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="CDD" name="contrat" value="CDD" checked />
|
||||||
|
<label for="CDD">CDD</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="CDI" name="contrat" value="CDI" />
|
||||||
|
<label for="CDI">CDI</label>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<p class="w3-left">Indiquez le nom et prénom de votre remplaçant:</p>
|
||||||
|
<p><input class="w3-input" type="text"></p>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<p><a href="index.html" class="w3-button w3-right w3-green" title="valider">Valider</a><a href="index.html" class="w3-button w3-right w3-red" title="annuler">Annuler</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
83
src/pageCreationProfil.html
Normal file
83
src/pageCreationProfil.html
Normal file
@ -0,0 +1,83 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Création profil</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Vous n'avez pas de notification</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0"">
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-card w3-round w3-white w3-center" style="height:50%;width:80%;margin-top:5%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<h3 class="w3-center">Création de profil</h3>
|
||||||
|
<br>
|
||||||
|
<p><label class="w3-left">Nom prénom </label>
|
||||||
|
<input id="Name" class="w3-input" type="text"></p>
|
||||||
|
<br>
|
||||||
|
<p><label class="w3-left">Poste occupé :</label><select name="post" id="post-select" class="w3-left">
|
||||||
|
<option value="">PDG</option>
|
||||||
|
<option value="">Directeur</option>
|
||||||
|
<option value="">RHC</option>
|
||||||
|
<option value="">RH</option>
|
||||||
|
<option value="">Employé</option>
|
||||||
|
</select>
|
||||||
|
</p>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<fieldset>
|
||||||
|
<legend>Contrat:</legend>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="CDD" name="contrat" value="CDD" checked />
|
||||||
|
<label for="CDD">CDD</label>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input type="radio" id="CDI" name="contrat" value="CDI" />
|
||||||
|
<label for="CDI">CDI</label>
|
||||||
|
</div>
|
||||||
|
</fieldset>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<p><a href="index.html" class="w3-button w3-right w3-green" title="valider">Valider</a><a href="index.html" class="w3-button w3-right w3-red" title="annuler">Annuler</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
184
src/pageDepartement.html
Normal file
184
src/pageDepartement.html
Normal file
@ -0,0 +1,184 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Département</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Vous n'avez pas de notification</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0">
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-col m2">
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class="w3-col m8" style="margin-top:5%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p class="w3-center" style="font-size:30px">Département Nom</p>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmploye.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-center w3-padding-32">
|
||||||
|
<div class="w3-bar">
|
||||||
|
<a href="#" class="w3-bar-item w3-button w3-hover-black">«</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-black w3-button">1</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button w3-hover-black">2</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button w3-hover-black">3</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button w3-hover-black">4</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button w3-hover-black">»</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
184
src/pageDepartementRH.html
Normal file
184
src/pageDepartementRH.html
Normal file
@ -0,0 +1,184 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Département</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Vous n'avez pas de notification</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0">
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-col m2">
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class="w3-col m8" style="margin-top:5%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p class="w3-center" style="font-size:30px">Département Nom</p>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-center w3-padding-32">
|
||||||
|
<div class="w3-bar">
|
||||||
|
<a href="#" class="w3-bar-item w3-button w3-hover-black">«</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-black w3-button">1</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button w3-hover-black">2</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button w3-hover-black">3</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button w3-hover-black">4</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button w3-hover-black">»</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
190
src/pageDirigeant.html
Normal file
190
src/pageDirigeant.html
Normal file
@ -0,0 +1,190 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Dirigeant</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green">4</span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="pageNotifConge.html" class="w3-bar-item w3-button">Vous avez reçu une demande de congé/RTT</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Votre demande de congé a été refusée</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Jean a refusé votre demande d'astreinte</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Paul a accepté votre demande d'astreinte</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0">
|
||||||
|
<a href="pageDirigeant.html" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "w3-row">
|
||||||
|
<div class = "w3-col m3">
|
||||||
|
<!-- Profile -->
|
||||||
|
<div class="w3-card w3-round w3-white" style="height:70%;width:80%;margin-top:20%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p class="w3-center"><img src="img/cobaye6.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
|
||||||
|
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
|
||||||
|
<hr>
|
||||||
|
<a href = "pageConge.html" class="w3-button w3-block w3-grey">Demande de congé</a>
|
||||||
|
<a href = "PageInfoEmploye.html" class="w3-button w3-block w3-grey">Voir contrat de travail</a>
|
||||||
|
<a href = "pageProposition.html" class="w3-button w3-block w3-grey">Proposer une astreinte</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class = "w3-col m7" style="margin-top:5%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p class="w3-center" style="font-size:30px">Département Nom</p>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-row-padding">
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container w3-margin-bottom">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-third w3-container">
|
||||||
|
<a href="PageInfoEmployeModif.html">
|
||||||
|
<img src="img/cobaye8.jpg" alt="Norway" style="width:100%" class="w3-hover-opacity">
|
||||||
|
</a>
|
||||||
|
<div class="w3-container w3-center margin">
|
||||||
|
<p><b>Prénom nom</b></p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
70
src/pageEmploye.html
Normal file
70
src/pageEmploye.html
Normal file
@ -0,0 +1,70 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Employé</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green">2</span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="pageNotifAstreinte.html" class="w3-bar-item w3-button">Vous avez reçu une demande d'astreinte</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Votre demande de congé a été acceptée</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0">
|
||||||
|
<a href="pageEmploye.html" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "w3-row">
|
||||||
|
<div class = "w3-col m3">
|
||||||
|
<div class="w3-card w3-round w3-white" style="height:100%;width:80%;margin-top:20%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p class="w3-center"><img src="img/cobaye8.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
|
||||||
|
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
|
||||||
|
<hr>
|
||||||
|
<a href = "pageConge.html" class="w3-button w3-block w3-grey">Demande de congé</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class = "w3-col m7">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p><img src="img/contrat.png" class="w3-rectangle" style="height:100%;width:100%;margin-top:10%;margin-left:10%" alt="contract de travail"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
74
src/pageNotifAstreinte.html
Normal file
74
src/pageNotifAstreinte.html
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>notification2</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Vous n'avez pas de notification</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0"">
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w3-card w3-round w3-white w3-center" style="height:50%;width:80%;margin-top:5%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<h3 class="w3-center">Vous avez reçu une proposition d'astreinte</h3>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">Employé:</label>
|
||||||
|
<label class="w3-right">Nom Prénom</label>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">Date :</label>
|
||||||
|
<label class="w3-right">13/01/2025</label>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">au</label>
|
||||||
|
<label class="w3-right">02/02/2025</label>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">Motif :</label>
|
||||||
|
<label class="w3-right">Il faut surveiller le site web.</label>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<p><a href="index.html" class="w3-button w3-right w3-green" title="valider">Valider</a><a href="index.html" class="w3-button w3-right w3-red" title="annuler">Refuser</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
82
src/pageNotifConge.html
Normal file
82
src/pageNotifConge.html
Normal file
@ -0,0 +1,82 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>notification1</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Vous n'avez pas de notification</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0">
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="w3-card w3-round w3-white w3-center" style="height:50%;width:80%;margin-top:5%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<h3 class="w3-center">Vous avez reçu une demande de congé</h3>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">Employé:</label>
|
||||||
|
<label class="w3-right">Nom Prénom</label>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">Date :</label>
|
||||||
|
<label class="w3-right">17/01/2025</label>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">au</label>
|
||||||
|
<label class="w3-right">24/01/2025</label>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">Motif :</label>
|
||||||
|
<label class="w3-right">Enterrement</label>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">Contrat :</label>
|
||||||
|
<label class="w3-right">CDI</label>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">Poste :</label>
|
||||||
|
<label class="w3-right">Employé</label>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<p><a href="index.html" class="w3-button w3-right w3-green" title="valider">Valider</a><a href="index.html" class="w3-button w3-right w3-red" title="annuler">Refuser</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
88
src/pagePDG.html
Normal file
88
src/pagePDG.html
Normal file
@ -0,0 +1,88 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>PDG</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green">2</span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="pageNotifConge.html" class="w3-bar-item w3-button">Vous avez reçu une demande de congé/RTT</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Votre demande de congé/RTT a été acceptée</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0"">
|
||||||
|
<a href="pagePDG.html" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "w3-row">
|
||||||
|
<div class = "w3-col m3">
|
||||||
|
<!-- Profile -->
|
||||||
|
<div class="w3-card w3-round w3-white" style="height:70%;width:80%;margin-top:20%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p class="w3-center"><img src="img/cobaye7.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
|
||||||
|
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
|
||||||
|
<hr>
|
||||||
|
<a href = "pageConge.html" class="w3-button w3-block w3-grey">Demande de congé</a>
|
||||||
|
<a href = "PageInfoEmploye.html" class="w3-button w3-block w3-grey">Voir contrat de travail</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class = "w3-col m7">
|
||||||
|
<div class="w3-row" style="height:100%">
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:9%">
|
||||||
|
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%">département 1</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
|
||||||
|
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%;">département 2</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
|
||||||
|
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%;">département 3</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
|
||||||
|
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%;">département 4</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
|
||||||
|
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%;">département 5</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
|
||||||
|
<a href = "pageDepartement.html" class="w3-button w3-block" style="margin:1%;">département 6</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
68
src/pageProposition.html
Normal file
68
src/pageProposition.html
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>Propostion</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Vous n'avez pas de notification</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0"">
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-card w3-round w3-white w3-center" style="height:50%;width:80%;margin-top:5%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<h3 class="w3-center">Demande d'astreinte</h3>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<p><label class="w3-left">Date : </label>
|
||||||
|
<input id="date-start" class="w3-input" type="date"></p>
|
||||||
|
<p><label class="w3-left">à</label>
|
||||||
|
<input id="date-end" class="w3-input" type="date"></p>
|
||||||
|
<br>
|
||||||
|
<label class="w3-left">Motif : </label>
|
||||||
|
<p><input class="w3-input" type="text"></p>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<p><a href="index.html" class="w3-button w3-right w3-green" title="valider">Valider</a><a href="index.html" class="w3-button w3-right w3-red" title="annuler">Annuler</a></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
78
src/pageRH.html
Normal file
78
src/pageRH.html
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>RH</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green">2</span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="pageNotifConge.html" class="w3-bar-item w3-button">Vous avez reçu une demande de congé/RTT</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Votre demande de congé a été acceptée</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0">
|
||||||
|
<a href="pageRH.html" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Profile -->
|
||||||
|
<div class = "w3-row">
|
||||||
|
<div class = "w3-col m3">
|
||||||
|
<!-- Profile -->
|
||||||
|
<div class="w3-card w3-round w3-white" style="height:70%;width:80%;margin-top:20%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p class="w3-center"><img src="img/cobaye5.jpeg" class="w3-rectangle" style="height:60%;width:70%;margin-bottom:10%" alt="Avatar"></p>
|
||||||
|
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
|
||||||
|
<hr>
|
||||||
|
<a href = "pageConge.html" class="w3-button w3-block w3-grey">Demande de congé</a>
|
||||||
|
<a href = "PageInfoEmploye.html" class="w3-button w3-block w3-grey">Voir contrat de travail</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class = "w3-col m7">
|
||||||
|
<div class="w3-row" style="height:100%">
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:9%">
|
||||||
|
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%">département 1</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:9%">
|
||||||
|
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 5</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
90
src/pageRHC.html
Normal file
90
src/pageRHC.html
Normal file
@ -0,0 +1,90 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<title>RHC</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
||||||
|
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css">
|
||||||
|
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'>
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
<style>
|
||||||
|
html,
|
||||||
|
body,
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5 {
|
||||||
|
font-family: "Open Sans", sans-serif
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="w3-theme-l5">
|
||||||
|
<div class="w3-top">
|
||||||
|
<div class="w3-bar w3-grey w3-left-align w3-large">
|
||||||
|
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-grey"
|
||||||
|
href="javascript:void(0);" onclick="openNav()"><i class="fa fa-bars"></i></a>
|
||||||
|
<a class="w3-bar-item w3-padding-large w3-theme-d4"><img class="w3-float-top-left"
|
||||||
|
src="./img/EDNALG.png" alt="EDNALG" width="80" height="40"></a>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small">
|
||||||
|
<button class="w3-button w3-padding-large" title="Notifications"><i class="fa fa-bell"></i><span
|
||||||
|
class="w3-badge w3-right w3-small w3-green">2</span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
|
||||||
|
<a href="pageNotifConge.html" class="w3-bar-item w3-button">Vous avez reçu une demande de congé/RTT</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button">Votre demande de congé/RTT a été refusée</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="w3-dropdown-hover w3-hide-small w3-right">
|
||||||
|
<button class="w3-button w3-padding-large" title="Profil"><i class="fa fa-user"></i>
|
||||||
|
<span class="w3-badge w3-right w3-small w3-green"></span></button>
|
||||||
|
<div class="w3-dropdown-content w3-card-4 w3-bar-block w3-border" style="right:0"">
|
||||||
|
<a href="pageRHC.html" class="w3-bar-item w3-button " title="Account Settings">Profil</a>
|
||||||
|
<a href="#" class="w3-bar-item w3-button " title="Déconnection">Se déconnecter</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class = "w3-row">
|
||||||
|
<div class = "w3-col m3">
|
||||||
|
<!-- Profile -->
|
||||||
|
<div class="w3-card w3-round w3-white" style="height:70%;width:80%;margin-top:20%;margin-left:10%">
|
||||||
|
<div class="w3-container">
|
||||||
|
<p class="w3-center"><img src="img/cobaye4.jpg" class="w3-rectangle" style="height:70%;width:70%" alt="Avatar"></p>
|
||||||
|
<h4 class="w3-center" style = "font-size:30px;">Nom Prénom</h4>
|
||||||
|
<hr>
|
||||||
|
<a href = "pageConge.html" class="w3-button w3-block w3-grey">Demande de congé</a>
|
||||||
|
<a href = "PageInfoEmploye.html" class="w3-button w3-block w3-grey">Voir contrat de travail</a>
|
||||||
|
<a href = "pageCreationProfil.html" class="w3-button w3-block w3-grey">Créer un profil</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
</div>
|
||||||
|
<div class = "w3-col m7">
|
||||||
|
<div class="w3-row" style="height:100%">
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:9%">
|
||||||
|
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%">département 1</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
|
||||||
|
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 2</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
|
||||||
|
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 3</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
|
||||||
|
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 4</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
|
||||||
|
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 5</a>
|
||||||
|
</div>
|
||||||
|
<div class="w3-container w3-grey" style="height:100%;width:120%;margin-top:2%">
|
||||||
|
<a href = "pageDepartementRH.html" class="w3-button w3-block" style="margin:1%;">département 6</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user