souidi/PreprojetIHMFI2023
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
Lyanis SOUIDI 2023-10-06 16:14:40 +02:00
commit a263c86c7e
23 changed files with 1172 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitmodules vendored Normal file
View File

@ -0,0 +1,3 @@
[submodule "w3css"]
path = src/assets/lib/w3css
url = https://github.com/JaniRefsnes/w3css

18
README.md Normal file
View File

@ -0,0 +1,18 @@
# Stage Etudiant
[![W3C Validation](https://img.shields.io/w3c-validation/default?targetUrl=https%3A%2F%2Fdwarves.iut-fbleau.fr%2F~souidi%2Fbut2%2Fstage-etudiant%2F)](https://validator.w3.org/nu/?doc=https%3A%2F%2Fdwarves.iut-fbleau.fr%2F~souidi%2Fbut2%2Fstage-etudiant%2F) [![w3.css](https://img.shields.io/badge/w3.css-4-green)](https://www.w3schools.com/w3css/) [![Figma](https://img.shields.io/badge/Figma-grey?logo=figma)](https://www.figma.com/file/5aTJEyy2F0EbgT8uuGUlan/Pr%C3%A9-Projet-IHM?type=design&node-id=145%3A474&mode=design&t=SAs42PoJq1Xbc8Qd-1)
Maquette web pour la conception des conventions de stage pour les étudiants.
## Documents
- [Rapport](doc/Rapport_Projet_IHM_Dimitrijevic-Souidi.pdf)
- [WireFlow](doc/wireflow.svg)
⚠️ les dimensions sont très grandes (11836x3172), ce document est également disponible sur la page "WireFlow" du fichier Figma
- [Maquette/Prototype Figma](https://www.figma.com/file/5aTJEyy2F0EbgT8uuGUlan/Pr%C3%A9-Projet-IHM?type=design&node-id=145%3A474&mode=design&t=SAs42PoJq1Xbc8Qd-1)
- [Maquette Web](https://dwarves.iut-fbleau.fr/~souidi/but2/stage-etudiant) ([code](src))
---
*Réalisé par Hugo Dimitrijevic et Lyanis Souidi*

BIN
doc/Rapport_Projet_IHM_Dimitrijevic-Souidi.pdf Normal file
View File

Binary file not shown.

359
doc/wireflow.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

116
src/assets/css/signature.css Normal file
View File

@ -0,0 +1,116 @@
main {
display: grid;
grid-template-columns: 1fr 2fr;
grid-template-rows: repeat(8, 1fr);
grid-gap: 0;
}
#pagetitle {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
#convention {
grid-column: 2 / 3;
grid-row: 2 / 9;
width: 100%;
height: 100%;
}
#back, #historique, #form {
display: flex;
align-items: center;
justify-content: center;
}
#back {
grid-column: 1 / 2;
grid-row: 2 / 3;
}
#historique {
grid-column: 1 / 2;
grid-row: 3 / 4;
}
#historique select {
border-radius: 12px;
padding: 15px 30px;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
border: 1px solid #9C9C9C;
background-color: #FBFBFB;
}
#form {
grid-column: 1 / 2;
grid-row: 8 / 9;
}
dialog {
border-radius: 13px;
border: none;
background: #FEFEFE;
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.15);
padding: 20px;
}
#dialog-close {
display: flex;
justify-content: flex-end;
}
#dialog-close button {
background: none;
border: none;
padding: 0;
cursor: pointer;
}
#dialog-content {
display: flex;
flex-direction: column;
align-items: center;
gap: 25px;
}
dialog h2, dialog p {
font-weight: 500;
}
dialog::backdrop {
background-color: #0F0E0E;
opacity: 0.5;
}
@media screen and (max-width: 850px) {
main {
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
margin: 15px 0px;
}
#pagetitle {
display: none;
}
#convention {
grid-column: 1 / 3;
grid-row: 1 / 8;
margin: 5px;
}
#form {
grid-column: 2 / 3;
grid-row: 9 / 10;
}
#back {
grid-column: 1 / 2;
grid-row: 9 / 10;
}
#historique {
grid-column: 1 / 3;
grid-row: 8 / 9;
}
}

200
src/assets/css/style.css Normal file
View File

@ -0,0 +1,200 @@
body {
background-color: #F5F5F5;
font-family: 'Lexend';
color: #000;
}
main {
display: grid;
grid-template-columns: 2fr 1.5fr;
grid-gap: 50px;
}
#pagetitle {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
#pagetitle h1, #pagetitle h2 {
font-family: 'Lexend';
font-size: 1.5em;
font-weight: 700;
margin: 0;
}
#recap {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
#recap-content {
border-radius: 12px;
background-color: #FBFBFB;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.30);
padding: 10px 25px;
display: flex;
flex-direction: column;
gap: 20px;
}
#recap-content h2 {
font-family: 'Lexend';
font-weight: 500;
margin: 0;
}
.tags ul {
display: flex;
flex-wrap: wrap;
list-style: none;
gap: 10px;
padding: 0;
margin: 0;
}
.tags ul > li {
color: #FFF;
border-radius: 12px;
background: #0F0E0E;
padding: 2.5px 10px;
}
#menu a {
padding: 18px 16px;
}
#burger {
padding: 13px 16px;
}
#form {
grid-column: 1 / 2;
grid-row: 2 / 3;
}
@media screen and (min-width: 500px) {
#form-fields > div {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
}
#form-fields > div > div {
display: flex;
flex-direction: column;
width: 100%;
}
#form-fields > div > div.inline {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
margin-top: 10px;
width: 100%;
}
input, textarea, select {
border-radius: 4px;
border: 1px solid #B7B7B7;
background-color: #FFF;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
padding: 4px 10px;
}
input[readonly], textarea[readonly], select[disabled] {
background-color: #C2C2C2;
opacity: 1;
color: #000;
}
.internship-workload-progress {
width: 100%;
height: 20px;
position: relative;
display: flex;
justify-content: flex-start;
gap: 5px;
}
/* Styles pour les 4 rectangles */
.internship-workload-progress .segment {
height: 100%;
background-color: #D9D9D9;
flex-grow: 1;
}
.internship-workload-progress .segment:nth-child(1) div {
background-color: #000;
width: 100%;
height: 100%;
}
.internship-workload-progress .segment:nth-child(2) div {
background-color: #000;
width: 100%;
height: 100%;
}
.internship-workload-progress .segment:nth-child(3) div {
background-color: #000;
width: 100%;
height: 100%;
}
.internship-workload-progress .segment:nth-child(4) div {
background-color: #000;
width: 50%;
height: 100%;
}
.internship-workload-progress .segment:nth-child(5) div {
background-color: #000;
width: 0%;
height: 100%;
}
.form-buttons {
margin-top: 40px;
display: flex;
justify-content: space-between;
}
.form-buttons button {
border-radius: 12px;
padding: 15px 30px;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
border: 1px solid #9C9C9C;
background-color: #FBFBFB;
}
.form-buttons button[type=submit] {
background-color: #0F0E0E;
color: white;
}
@media screen and (max-width: 850px) {
main {
display: grid;
grid-template-columns: 100%;
grid-gap: 10px;
margin: 15px 0;
}
#pagetitle {
display: none;
}
#recap {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
#form {
grid-column: 1 / 2;
grid-row: 2;
}
}

3
src/assets/img/back.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.3442 16.875L3.76416 10.125M3.76416 10.125L10.3442 3.375M3.76416 10.125H16.9242C18.6693 10.125 20.3429 10.8362 21.5769 12.102C22.8109 13.3679 23.5042 15.0848 23.5042 16.875C23.5042 18.6652 22.8109 20.3821 21.5769 21.648C20.3429 22.9138 18.6693 23.625 16.9242 23.625H13.6342" stroke="#0F0E0E" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 480 B

BIN
src/assets/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

3
src/assets/img/menu.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="43" height="34" viewBox="0 0 43 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 2.5H40.6667M2 17H40.6667M2 31.5H40.6667" stroke="white" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 242 B

3
src/assets/img/profile.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

25
src/assets/js/form.js Normal file
View File

@ -0,0 +1,25 @@
const tx = document.getElementsByTagName("textarea");
for (let i = 0; i < tx.length; i++) {
tx[i].setAttribute("style", "height:" + (tx[i].scrollHeight) + "px;overflow-y:hidden;");
tx[i].addEventListener("input", OnInput, false);
}
function OnInput() {
this.style.height = 0;
this.style.height = (this.scrollHeight) + "px";
}
function unlockForm(btn) {
let elems1 = document.querySelectorAll('input,textarea');
let elems2 = document.querySelectorAll('select');
for (let i = 0; i < elems1.length; i++) {
elems1[i].removeAttribute("readonly");
}
for (let i = 0; i < elems2.length; i++) {
elems2[i].removeAttribute("disabled");
}
btn.setAttribute("disabled", '');
}

15
src/assets/js/script.js Normal file
View File

@ -0,0 +1,15 @@
// Toggle between showing and hiding the sidebar when clicking the menu icon
var mySidebar = document.getElementById("mySidebar");
function w3_open() {
if (mySidebar.style.display === 'block') {
mySidebar.style.display = 'none';
} else {
mySidebar.style.display = 'block';
}
}
// Close the sidebar with the close button
function w3_close() {
mySidebar.style.display = "none";
}

9
src/assets/js/signature.js Normal file
View File

@ -0,0 +1,9 @@
document.getElementById("versions").addEventListener("change", function(e) {
document.getElementById("version").innerText = e.target.value;
document.getElementById("convention").src = e.target.value + ".pdf";
});
document.getElementById("form").addEventListener("submit", function(e) {
e.preventDefault();
document.getElementById("dialog").showModal();
});

1
src/assets/lib/w3css Submodule

@ -0,0 +1 @@
Subproject commit 2560c3886d4e3bc64f5960dc58b8ea6076a72989

8
src/conventions/2764/index.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<title>Stage Etudiant</title>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="0; URL=./infos-etudiant/">
</head>
</html>

154
src/conventions/2764/infos-complementaires/index.html Normal file
View File

@ -0,0 +1,154 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<title>Stage Etudiant</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend">
<link rel="stylesheet" href="../../../assets/lib/w3css/w3.css">
<link rel="stylesheet" href="../../../assets/css/style.css">
<script src="../../../assets/js/script.js" defer></script>
<script src="../../../assets/js/form.js" defer></script>
</head>
<body>
<div class="w3-top" style="position: sticky;">
<div class="w3-bar w3-black w3-card" id="myNavbar">
<a href="#/" class="w3-bar-item w3-wide w3-button"><img src="../../../assets/img/logo.png" style="height: 43px;" alt="Stage Étudiants"></a>
<div id="menu" class="w3-hide-small">
<a href="#/search" class="w3-bar-item w3-button">Recherche</a>
<a href="../../../conventions" class="w3-bar-item w3-button">Conventions</a>
<a href="#/contacts" class="w3-bar-item w3-button">Contacts</a>
</div>
<div class="w3-right w3-hide-small">
<a href="#/profile" class="w3-bar-item w3-button">Pénom <img src="../../../assets/img/profile.svg" alt="Profil"></a>
</div>
<a href="javascript:void(0)" id="burger" class="w3-bar-item w3-button w3-right w3-hide-large w3-hide-medium" onclick="w3_open()">
<img src="../../../assets/img/menu.svg" alt="Menu">
</a>
</div>
</div>
<nav class="w3-sidebar w3-bar-block w3-black w3-card w3-animate-left w3-hide-medium w3-hide-large" style="display:none" id="mySidebar">
<a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-large w3-padding-16">Fermer ×</a>
<a href="#/search" onclick="w3_close()" class="w3-bar-item w3-button">Recherche</a>
<a href="../../../conventions" onclick="w3_close()" class="w3-bar-item w3-button">Conventions</a>
<a href="#/contacts" onclick="w3_close()" class="w3-bar-item w3-button">Contacts</a>
<a href="#/profile" class="w3-bar-item w3-button">Pénom <img src="../../../assets/img/profile.svg" alt="Profil"></a>
</nav>
<div class="w3-container">
<main>
<div id="pagetitle">
<h1>Préparation :</h1>
<h2>Convention de stage - Informations complémentaires</h2>
</div>
<div id="recap">
<div id="recap-content">
<div>
<h2>Récapitulatif du stage</h2>
<p id="internship-company">VoiciUnNomD'entreprise</p>
<a id="internship-company-website" href="#https://sitedelentreprise.com">SiteDeL'Entreprise.com</a>
</div>
<div class="tags">
<span>Mots-clés :</span>
<ul id="internship-keywords">
<li>Web</li>
<li>Base de données</li>
<li>MySQL</li>
</ul>
</div>
<div class="tags">
<span>Technos utilisées :</span>
<ul id="internship-tech">
<li>Java</li>
<li>Linux</li>
<li>MySQL</li>
</ul>
</div>
<div>
<span>Quantité de travail :</span>
<div class="internship-workload-progress">
<div class="segment"><div></div></div>
<div class="segment"><div></div></div>
<div class="segment"><div></div></div>
<div class="segment"><div></div></div>
<div class="segment"><div></div></div>
</div>
<p>(<span id="internship-workload">Elevé</span>)</p>
</div>
</div>
</div>
<form id="form" action="../signature/" method="post">
<div id="form-fields">
<div>
<div>
<label for="etab">Signataire de l’Etablissment</label>
<input id="etab" name="etab" type="text" value="VoiciUnSignataire, VoiciUnEtablissement" readonly required>
</div>
</div>
<div>
<div>
<label for="location">Localisation du stage</label>
<input type="text" name="location" id="location" value="VoiciUnSignataire, VoiciUnEtablissement" readonly required>
</div>
</div>
<div>
<div class="inline">
<label for="startdate">Du</label>
<input type="date" name="startdate" id="startdate" value="2023-01-01" required>
<label for="enddate">au</label>
<input type="date" name="enddate" id="enddate" value="2023-01-01" required>
</div>
</div>
<div>
<div class="inline">
<label for="remuneration">Rémunération</label>
<input type="number" inputmode="numeric" name="remuneration" id="remuneration" value="90" required>
<select id="fromsmic" name="fromsmic" required>
<option value="pourcentage" selected>%</option>
<option value="euros">€</option>
</select>
<label for="fromsmic">du smic</label>
</div>
</div>
<div>
<div class="inline">
<label for="teletravail">Télétravail partiel</label>
<input type="checkbox" name="teletravail" id="teletravail">
</div>
</div>
</div>
<div class="form-buttons">
<button type="button" onclick="window.location.href='../infos-etudiant/';" style="display: flex;align-items: center;gap: 15px;">Retour <img src="../../../assets/img/back.svg" alt="Retour"></button>
<button type="submit">Continuer</button>
<button type="button" onclick="unlockForm(this)">Modifier</button>
</div>
</form>
</main>
</div>
<script>
document.getElementById('fromsmic').addEventListener('change', function() {
if (this.value == 'euros') {
document.getElementById('remuneration').setAttribute('max', '9999');
document.querySelector('label[for=fromsmic]').style.display = 'none';
} else {
document.getElementById('remuneration').setAttribute('max', '100');
document.querySelector('label[for=fromsmic]').style.display = 'block';
}
});
</script>
</body>
</html>

152
src/conventions/2764/infos-etudiant/index.html Normal file
View File

@ -0,0 +1,152 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<title>Stage Etudiant</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend">
<link rel="stylesheet" href="../../../assets/lib/w3css/w3.css">
<link rel="stylesheet" href="../../../assets/css/style.css">
<script src="../../../assets/js/script.js" defer></script>
<script src="../../../assets/js/form.js" defer></script>
</head>
<body>
<div class="w3-top" style="position: sticky;">
<div class="w3-bar w3-black w3-card" id="myNavbar">
<a href="#/" class="w3-bar-item w3-wide w3-button"><img src="../../../assets/img/logo.png" style="height: 43px;" alt="Stage Étudiants"></a>
<div id="menu" class="w3-hide-small">
<a href="#/search" class="w3-bar-item w3-button">Recherche</a>
<a href="../../../conventions" class="w3-bar-item w3-button">Conventions</a>
<a href="#/contacts" class="w3-bar-item w3-button">Contacts</a>
</div>
<div class="w3-right w3-hide-small">
<a href="#/profile" class="w3-bar-item w3-button">Pénom <img src="../../../assets/img/profile.svg" alt="Profil"></a>
</div>
<a href="javascript:void(0)" id="burger" class="w3-bar-item w3-button w3-right w3-hide-large w3-hide-medium" onclick="w3_open()">
<img src="../../../assets/img/menu.svg" alt="Menu">
</a>
</div>
</div>
<nav class="w3-sidebar w3-bar-block w3-black w3-card w3-animate-left w3-hide-medium w3-hide-large" style="display:none" id="mySidebar">
<a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-large w3-padding-16">Fermer ×</a>
<a href="#/search" onclick="w3_close()" class="w3-bar-item w3-button">Recherche</a>
<a href="../../../conventions" onclick="w3_close()" class="w3-bar-item w3-button">Conventions</a>
<a href="#/contacts" onclick="w3_close()" class="w3-bar-item w3-button">Contacts</a>
<a href="#/profile" class="w3-bar-item w3-button">Pénom <img src="../../../assets/img/profile.svg" alt="Profil"></a>
</nav>
<div class="w3-container">
<main>
<div id="pagetitle">
<h1>Préparation :</h1>
<h2>Convention de stage - Informations personnelles</h2>
</div>
<div id="recap">
<div id="recap-content">
<div>
<h2>Récapitulatif du stage</h2>
<p id="internship-company">VoiciUnNomD'entreprise</p>
<a id="internship-company-website" href="#https://sitedelentreprise.com">SiteDeL'Entreprise.com</a>
</div>
<div class="tags">
<span>Mots-clés :</span>
<ul id="internship-keywords">
<li>Web</li>
<li>Base de données</li>
<li>MySQL</li>
</ul>
</div>
<div class="tags">
<span>Technos utilisées :</span>
<ul id="internship-tech">
<li>Java</li>
<li>Linux</li>
<li>MySQL</li>
</ul>
</div>
<div>
<span>Quantité de travail :</span>
<div class="internship-workload-progress">
<div class="segment"><div></div></div>
<div class="segment"><div></div></div>
<div class="segment"><div></div></div>
<div class="segment"><div></div></div>
<div class="segment"><div></div></div>
</div>
<p>(<span id="internship-workload">Elevé</span>)</p>
</div>
</div>
</div>
<form id="form" action="../infos-complementaires/" method="post">
<div id="form-fields">
<div>
<div>
<label for="firstname">Prénom</label>
<input id="firstname" name="firstname" type="text" value="VoiciUnPrénom" readonly required>
</div>
<div>
<label for="lastname">Nom</label>
<input id="lastname" name="lastname" type="text" value="VoiciUnNom" readonly required>
</div>
</div>
<div>
<div>
<label for="birthdate">Date de naissance</label>
<input type="date" name="birthdate" id="birthdate" value="3456-02-01" readonly required>
</div>
<div>
<label for="sexe">Sexe</label>
<select id="sexe" name="sexe" disabled required>
<option value="" hidden disabled>Sexe...</option>
<option value="feminin">Féminin</option>
<option value="masculin" selected>Masculin</option>
</select>
</div>
</div>
<div>
<div>
<label for="address">Adresse</label>
<textarea name="address" id="address" rows="1" readonly required>15 Voici une adresse, 12345 VoiciUneVille</textarea>
</div>
</div>
<div>
<div>
<label for="phone">Téléphone</label>
<input type="tel" inputmode="numeric" pattern="0[1-9]{9}" id="phone" name="phone" value="0123456789" readonly required>
</div>
<div>
<label for="email">Email</label>
<input type="email" name="email" id="email" value="VoiciUnEmail@Email.com" readonly required>
</div>
</div>
<div>
<div>
<label for="formation">Formation</label>
<textarea id="formation" name="formation" readonly required>VoiciUneEcoleSupérieure, 12345 VoiciUneVille</textarea>
</div>
</div>
</div>
<div class="form-buttons">
<button type="submit">Continuer</button>
<button type="button" onclick="unlockForm(this)">Modifier</button>
</div>
</form>
</main>
</div>
</body>
</html>

87
src/conventions/2764/signature/index.html Normal file
View File

@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta charset="UTF-8">
<title>Stage Etudiant</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend">
<link rel="stylesheet" href="../../../assets/lib/w3css/w3.css">
<link rel="stylesheet" href="../../../assets/css/style.css">
<link rel="stylesheet" href="../../../assets/css/signature.css">
<script src="../../../assets/js/script.js" defer></script>
<script src="../../../assets/js/signature.js" defer></script>
</head>
<body>
<div class="w3-top" style="position: sticky;">
<div class="w3-bar w3-black w3-card" id="myNavbar">
<a href="#/" class="w3-bar-item w3-wide w3-button"><img src="../../../assets/img/logo.png" style="height: 43px;" alt="Stage Étudiants"></a>
<div id="menu" class="w3-hide-small">
<a href="#/search" class="w3-bar-item w3-button">Recherche</a>
<a href="../../../conventions" class="w3-bar-item w3-button">Conventions</a>
<a href="#/contacts" class="w3-bar-item w3-button">Contacts</a>
</div>
<div class="w3-right w3-hide-small">
<a href="#/profile" class="w3-bar-item w3-button">Pénom <img src="../../../assets/img/profile.svg" alt="Profil"></a>
</div>
<a href="javascript:void(0)" id="burger" class="w3-bar-item w3-button w3-right w3-hide-large w3-hide-medium" onclick="w3_open()">
<img src="../../../assets/img/menu.svg" alt="Menu">
</a>
</div>
</div>
<nav class="w3-sidebar w3-bar-block w3-black w3-card w3-animate-left w3-hide-medium w3-hide-large" style="display:none" id="mySidebar">
<a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-large w3-padding-16">Fermer ×</a>
<a href="#/search" onclick="w3_close()" class="w3-bar-item w3-button">Recherche</a>
<a href="../../../conventions" onclick="w3_close()" class="w3-bar-item w3-button">Conventions</a>
<a href="#/contacts" onclick="w3_close()" class="w3-bar-item w3-button">Contacts</a>
<a href="#/profile" class="w3-bar-item w3-button">Pénom <img src="../../../assets/img/profile.svg" alt="Profil"></a>
</nav>
<div class="w3-container">
<main>
<div id="pagetitle">
<h1>Confirmation :</h1>
<h2>Convention de stage - <span id="version">v1.2</span></h2>
</div>
<embed id="convention" type="application/pdf" src="v1.2.pdf" width="100%" height="500" />
<div id="back" class="form-buttons">
<button type="button" onclick="window.location.href='../infos-complementaires/';" style="display: flex;align-items: center;gap: 15px;">Retour <img src="../../../assets/img/back.svg" alt="Retour"></button>
</div>
<div id="historique" class="form-buttons">
<select id="versions" name="versions">
<option value="" selected disabled>Historique</option>
<option value="v1.2">v1.2</option>
<option value="v1.1">v1.1</option>
<option value="v1.0">v1.0</option>
</select>
</div>
<form id="form" class="form-buttons">
<button type="submit">Confirmer</button>
</form>
<dialog id="dialog">
<div id="dialog-close">
<button type="button" onclick="document.getElementById('dialog').close();">
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 28L28 3M3 3L28 28" stroke="#0F0E0E" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
</div>
<div id="dialog-content">
<h2>Parfait !</h2>
<svg width="238" height="238" viewBox="0 0 238 238" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M81.1133 118.67L106.151 143.708L156.227 93.6322M231.34 118.67C231.34 180.896 180.896 231.34 118.67 231.34C56.4441 231.34 6 180.896 6 118.67C6 56.4441 56.4441 6 118.67 6C180.896 6 231.34 56.4441 231.34 118.67Z" stroke="#0F0E0E" stroke-width="11.6606" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<p>Votre version de la convention à bien été prise en compte, le reste des parties prenantes viennent de recevoir une notification.</p>
</div>
</dialog>
</main>
</div>
</body>
</html>

BIN
src/conventions/2764/signature/v1.0.pdf Normal file
View File

Binary file not shown.

BIN
src/conventions/2764/signature/v1.1.pdf Normal file
View File

Binary file not shown.

BIN
src/conventions/2764/signature/v1.2.pdf Normal file
View File

Binary file not shown.

8
src/conventions/index.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<title>Stage Etudiant</title>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="0; URL=./2764/">
</head>
</html>

8
src/index.html Normal file
View File

@ -0,0 +1,8 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<title>Stage Etudiant</title>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="0; URL=./conventions/">
</head>
</html>