Application de l'autoformat sur les templates html #213

Merged
vlbeaudoin merged 2 commits from fix/autoformat into main 2024-09-16 16:14:05 -04:00
12 changed files with 399 additions and 381 deletions

View file

@ -7,4 +7,4 @@
color: #000;
/*Bleu AGECEM*/
line-height: 150%;
}
}

View file

@ -1,41 +1,40 @@
{{ define "admin-upload-html" }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM</title>
{{ template "general-html" }}
<link rel="stylesheet" href="/public/css/admin-upload.css">
</head>
<body>
{{ template "header-html" }}
<div class="wrapper adminUploadWrapper">
<h1 class="heading1">Ajouter un document</h1>
<form class="form adminUploadForm" action="/admin/documents/upload" method="post" enctype="multipart/form-data">
<div class="formContent">
<div class="formDocUploadDiv">
<p class="formLabel">Document à téléverser</p>
<input class="formDocUpload"
type="file"
name="documents"
accept="application/pdf,.md,text/markdown;charset=UTF-8,text/plain"
multiple
/>
</div>
<div class="formSelectDiv">
<label class="formLabel" for="bucket">Type de document</label>
<select class="formSelect" name="bucket" id="bucket">
{{ range .Data.Buckets }}
<option class="formOption" value="{{ .Name }}">{{ .DisplayName }}</option>
{{ end }}
</select>
</div>
</div>
<input class="formSubmit" type="submit" value="Ajouter le document">
</form>
<p class="confirmationMessage">{{ .Message }}</p>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM</title>
{{ template "general-html" }}
<link rel="stylesheet" href="/public/css/admin-upload.css">
</head>
<body>
{{ template "header-html" }}
<div class="wrapper adminUploadWrapper">
<h1 class="heading1">Ajouter un document</h1>
<form class="form adminUploadForm" action="/admin/documents/upload" method="post" enctype="multipart/form-data">
<div class="formContent">
<div class="formDocUploadDiv">
<p class="formLabel">Document à téléverser</p>
<input class="formDocUpload" type="file" name="documents"
accept="application/pdf,.md,text/markdown;charset=UTF-8,text/plain" multiple />
</div>
<div class="formSelectDiv">
<label class="formLabel" for="bucket">Type de document</label>
<select class="formSelect" name="bucket" id="bucket">
{{ range .Data.Buckets }}
<option class="formOption" value="{{ .Name }}">{{ .DisplayName }}</option>
{{ end }}
</select>
</div>
</div>
{{ template "footer-html" }}
</body>
</html>
{{ end }}
<input class="formSubmit" type="submit" value="Ajouter le document">
</form>
<p class="confirmationMessage">{{ .Message }}</p>
</div>
{{ template "footer-html" }}
</body>
</html>
{{ end }}

View file

@ -1,21 +1,24 @@
{{ define "admin-html" }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM</title>
{{ template "general-html" }}
<link rel="stylesheet" href="/public/css/admin.css">
</head>
<body>
{{ template "header-html" }}
<div class="wrapper adminWrapper">
<h1 class="heading1">Admin</h1>
<div class="adminOptions">
<button class="adminOption" onclick="location.href = '/admin/documents/upload'">Ajout de documents</a>
</div>
</div>
{{ template "footer-html" }}
</body>
</html>
{{ end }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM</title>
{{ template "general-html" }}
<link rel="stylesheet" href="/public/css/admin.css">
</head>
<body>
{{ template "header-html" }}
<div class="wrapper adminWrapper">
<h1 class="heading1">Admin</h1>
<div class="adminOptions">
<button class="adminOption" onclick="location.href = '/admin/documents/upload'">Ajout de documents</a>
</div>
</div>
{{ template "footer-html" }}
</body>
</html>
{{ end }}

View file

@ -1,40 +1,45 @@
{{ define "documentation-html" }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM | Documentation</title>
<link rel="stylesheet" href="/public/css/documentation.css">
{{ template "general-html" }}
</head>
<body>
{{ template "header-html" }}
<div class="wrapper documentationWrapper">
<h1 class="heading1">Documentation</h1>
<p>
{{ if not .Data.Buckets }}
Documentation non-accessible pour l'instant, merci de votre patience
{{ else }}
{{ range .Data.Buckets }}
{{ $bucket_name := .Name }}
{{ $bucket_display_name := .DisplayName }}
<details class="documentationCategorie">
<summary class="documentationDescription">{{ $bucket_display_name }}</summary>
<ul class="documentationListe">
{{ range .Documents }}
<a class ="documentationLien" href="/public/documentation/{{ $bucket_name }}/{{ . }}"><li class="documentationDocument">{{ . }}</li></a>
{{ end}}
</ul>
</details>
{{ end }}
{{ end }}
</p>
<p>
{{ .Message }}
</p>
</div>
<!-- {{ template "snackbar-html" }} -->
{{ template "footer-html" }}
</body>
</html>
{{ end }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM | Documentation</title>
<link rel="stylesheet" href="/public/css/documentation.css">
{{ template "general-html" }}
</head>
<body>
{{ template "header-html" }}
<div class="wrapper documentationWrapper">
<h1 class="heading1">Documentation</h1>
<p>
{{ if not .Data.Buckets }}
Documentation non-accessible pour l'instant, merci de votre patience
{{ else }}
{{ range .Data.Buckets }}
{{ $bucket_name := .Name }}
{{ $bucket_display_name := .DisplayName }}
<details class="documentationCategorie">
<summary class="documentationDescription">{{ $bucket_display_name }}</summary>
<ul class="documentationListe">
{{ range .Documents }}
<a class="documentationLien" href="/public/documentation/{{ $bucket_name }}/{{ . }}">
<li class="documentationDocument">{{ . }}</li>
</a>
{{ end}}
</ul>
</details>
{{ end }}
{{ end }}
</p>
<p>
{{ .Message }}
</p>
</div>
<!-- {{ template "snackbar-html" }} -->
{{ template "footer-html" }}
</body>
</html>
{{ end }}

View file

@ -1,10 +1,10 @@
{{ define "footer-html" }}
<footer class="pageFooter">
<small>
<ul>
<li><a href="/public/images/header_agecem.png">en-tête de documents</a></li>
<li><a href="/admin">panneau d'administration</a></li>
</ul>
</small>
</footer>
{{ end }}
<footer class="pageFooter">
<small>
<ul>
<li><a href="/public/images/header_agecem.png">en-tête de documents</a></li>
<li><a href="/admin">panneau d'administration</a></li>
</ul>
</small>
</footer>
{{ end }}

View file

@ -1,15 +1,18 @@
{{ define "formulaires-html" }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM | Formulaires</title>
{{ template "general-html" }}
</head>
<body>
{{ template "header-html" }}
<h1 class="heading1">Formulaires</h1>
{{ template "footer-html" }}
</body>
</html>
{{ end }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM | Formulaires</title>
{{ template "general-html" }}
</head>
<body>
{{ template "header-html" }}
<h1 class="heading1">Formulaires</h1>
{{ template "footer-html" }}
</body>
</html>
{{ end }}

View file

@ -1,11 +1,11 @@
{{ define "general-html" }}
<link rel="stylesheet" href="/public/css/general.css">
<link rel="stylesheet" href="/public/css/fonts.css">
<link rel="stylesheet" href="/public/css/header.css">
<script>
function onToggleNav() {
var menu = document.querySelector(".headerMenuMobile");
menu.classList.toggle('nav-is-active');
}
</script>
{{ end }}
<link rel="stylesheet" href="/public/css/general.css">
<link rel="stylesheet" href="/public/css/fonts.css">
<link rel="stylesheet" href="/public/css/header.css">
<script>
function onToggleNav() {
var menu = document.querySelector(".headerMenuMobile");
menu.classList.toggle('nav-is-active');
}
</script>
{{ end }}

View file

@ -1,12 +1,13 @@
{{ define "header-html" }}
<div class="header">
<div class="wrapper headerWrapper">
<a class="headerLink" href="/"><img class="headerMenuLogo" src="/public/icones/agecem-logo.svg"></img></a>
<ul class="headerMenu">
<li class="headerMenuElement"><a class="headerMenuElementLink" href="/vie-etudiante">Vie étudiante</a></li>
<li class="headerMenuElement"><a class="headerMenuElementLink" href="/documentation">Documentation</a></li>
<li class="headerMenuElement"><a class="headerMenuElementLink" href="/proces-verbaux">Procès-Verbaux</a></li>
<!--<li class="headerMenuElement"><a class="headerMenuElementLink" href="/admin">admin</a></li>--!>
<div class="header">
<div class="wrapper headerWrapper">
<a class="headerLink" href="/"><img class="headerMenuLogo" src="/public/icones/agecem-logo.svg"></img></a>
<ul class="headerMenu">
<li class="headerMenuElement"><a class="headerMenuElementLink" href="/vie-etudiante">Vie étudiante</a></li>
<li class="headerMenuElement"><a class="headerMenuElementLink" href="/documentation">Documentation</a></li>
<li class="headerMenuElement"><a class="headerMenuElementLink" href="/proces-verbaux">Procès-Verbaux</a>
</li>
<!--<li class="headerMenuElement"><a class="headerMenuElementLink" href="/admin">admin</a></li>--!>
</ul>
<img class="headerMenuHamburger" src="/public/icones/hamburger-menu.svg" onclick="onToggleNav()"></img>
</div>
@ -17,4 +18,4 @@
<!--<li class="headerMenuElement"><a class="headerMenuElementLink" href="/admin">admin</a></li>--!>
</ul>
</div>
{{ end }}
{{ end }}

View file

@ -44,4 +44,4 @@
</body>
</html>
{{ end }}
{{ end }}

View file

@ -1,19 +1,23 @@
{{ define "procesverbaux-html" }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM | Procès-Verbaux</title>
{{ template "general-html" }}
<link rel="stylesheet" href="/public/css/proces-verbaux.css">
</head>
<body>
{{ template "header-html" }}
<div class="wrapper">
<h1 class="heading1">Procès-Verbaux</h1>
<p class="procesVerbauxP">Les procès-verbaux des différentes instances de l'AGECEM sont disponibles sur demande à la permanence au local B-31 ou par courriel à permanence@agecem.org</p>
</div>
{{ template "footer-html" }}
</body>
</html>
{{ end }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM | Procès-Verbaux</title>
{{ template "general-html" }}
<link rel="stylesheet" href="/public/css/proces-verbaux.css">
</head>
<body>
{{ template "header-html" }}
<div class="wrapper">
<h1 class="heading1">Procès-Verbaux</h1>
<p class="procesVerbauxP">Les procès-verbaux des différentes instances de l'AGECEM sont disponibles sur demande
à la permanence au local B-31 ou par courriel à permanence@agecem.org</p>
</div>
{{ template "footer-html" }}
</body>
</html>
{{ end }}

View file

@ -1,15 +1,15 @@
{{ define "snackbar-html" }}
<link rel="stylesheet" href="/public/css/snackbar.css">
<script>
function closeSnackbar() {
var snackbar = document.querySelector(".snackbar");
snackbar.classList.add('snackbar-is-closed');
}
</script>
<div class="snackbar">
<div class="wrapper snackbarWrapper">
<span class="snackbarTexte">Ce site web est présentement en construction.</span>
<img src="/public/icones/fermer.svg" class="snackbarFermer" onclick="closeSnackbar()"></img>
</div>
<link rel="stylesheet" href="/public/css/snackbar.css">
<script>
function closeSnackbar() {
var snackbar = document.querySelector(".snackbar");
snackbar.classList.add('snackbar-is-closed');
}
</script>
<div class="snackbar">
<div class="wrapper snackbarWrapper">
<span class="snackbarTexte">Ce site web est présentement en construction.</span>
<img src="/public/icones/fermer.svg" class="snackbarFermer" onclick="closeSnackbar()"></img>
</div>
</div>
{{ end }}

View file

@ -1,210 +1,213 @@
{{ define "vie-etudiante-html" }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM | Vie étudiante</title>
{{ template "general-html" }}
<link rel="stylesheet" href="/public/css/vie-etudiante.css">
</head>
<body>
{{ template "header-html" }}
<div class="wrapper vieEtudianteWrapper">
<h1 class="heading1">Vie étudiante</h1>
<h2 class="heading2">Organismes thématiques</h2>
<table class="table">
<tr class="tableRowHeading">
<td>Nom</td>
<td>Local</td>
<td>Poste</td>
<td>Statut</td>
</tr>
<tr class="tableRow">
<td>AME</td>
<td>C-060</td>
<td>7919</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>BEAM</td>
<td>F-024a</td>
<td>5930</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Club Aventurier</td>
<td>F-011b</td>
<td>2730</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Équipe Santé</td>
<td>F-011</td>
<td>2361</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Montpetit Donjon</td>
<td>C-067</td>
<td>2299</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>MAEL</td>
<td>F-027b</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>OGRE</td>
<td>F-011c</td>
<td>5647</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>RECEM</td>
<td>A-125s</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>ORGASME</td>
<td>F-049</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow inactive">
<td>SOI</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>MotDit</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
</table>
<hr class="separator">
<h2 class="heading2">Associations de programme</h2>
<table class="table">
<tr class="tableRowHeading">
<td>Nom</td>
<td>Local</td>
<td>Poste</td>
<td>Statut</td>
</tr>
<tr class="tableRow">
<td>ADEPT</td>
<td>F-045</td>
<td>2286</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>ATIM</td>
<td>F-041</td>
<td>2652</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>AEALC</td>
<td>A-125r</td>
<td>2873</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>PAPI</td>
<td>F-023</td>
<td>2795</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>TGE</td>
<td>C-063</td>
<td>2638</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow inactive">
<td>ASI</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow" inactive>
<td>TEE</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
</table>
<hr class="separator">
<h2 class="heading2">Comités</h2>
<table class="table">
<tr class="tableRowHeading">
<td>Nom</td>
<td>Local</td>
<td>Poste</td>
<td>Statut</td>
</tr>
<tr class="tableRow">
<td>ASEG</td>
<td>B-06</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>CIC</td>
<td>F-027c</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Comité Mob</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>ESPACE</td>
<td>F-011d</td>
<td>2418</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Friperie</td>
<td>F-027a</td>
<td>2248</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow inactive">
<td>CAP</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>CÉSI</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>CFEM</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>EUMC-CEM</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
</table>
</div>
<!-- {{ template "snackbar-html" }} -->
{{ template "footer-html" }}
</body>
</html>
{{ end }}
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>AGECEM | Vie étudiante</title>
{{ template "general-html" }}
<link rel="stylesheet" href="/public/css/vie-etudiante.css">
</head>
<body>
{{ template "header-html" }}
<div class="wrapper vieEtudianteWrapper">
<h1 class="heading1">Vie étudiante</h1>
<h2 class="heading2">Organismes thématiques</h2>
<table class="table">
<tr class="tableRowHeading">
<td>Nom</td>
<td>Local</td>
<td>Poste</td>
<td>Statut</td>
</tr>
<tr class="tableRow">
<td>AME</td>
<td>C-060</td>
<td>7919</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>BEAM</td>
<td>F-024a</td>
<td>5930</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Club Aventurier</td>
<td>F-011b</td>
<td>2730</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Équipe Santé</td>
<td>F-011</td>
<td>2361</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Montpetit Donjon</td>
<td>C-067</td>
<td>2299</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>MAEL</td>
<td>F-027b</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>OGRE</td>
<td>F-011c</td>
<td>5647</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>RECEM</td>
<td>A-125s</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>ORGASME</td>
<td>F-049</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow inactive">
<td>SOI</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>MotDit</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
</table>
<hr class="separator">
<h2 class="heading2">Associations de programme</h2>
<table class="table">
<tr class="tableRowHeading">
<td>Nom</td>
<td>Local</td>
<td>Poste</td>
<td>Statut</td>
</tr>
<tr class="tableRow">
<td>ADEPT</td>
<td>F-045</td>
<td>2286</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>ATIM</td>
<td>F-041</td>
<td>2652</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>AEALC</td>
<td>A-125r</td>
<td>2873</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>PAPI</td>
<td>F-023</td>
<td>2795</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>TGE</td>
<td>C-063</td>
<td>2638</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow inactive">
<td>ASI</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow" inactive>
<td>TEE</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
</table>
<hr class="separator">
<h2 class="heading2">Comités</h2>
<table class="table">
<tr class="tableRowHeading">
<td>Nom</td>
<td>Local</td>
<td>Poste</td>
<td>Statut</td>
</tr>
<tr class="tableRow">
<td>ASEG</td>
<td>B-06</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>CIC</td>
<td>F-027c</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Comité Mob</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>ESPACE</td>
<td>F-011d</td>
<td>2418</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow">
<td>Friperie</td>
<td>F-027a</td>
<td>2248</td>
<td class="organismeActif">Actif</td>
</tr>
<tr class="tableRow inactive">
<td>CAP</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>CÉSI</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>CFEM</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
<tr class="tableRow inactive">
<td>EUMC-CEM</td>
<td>N/A</td>
<td>N/A</td>
<td class="organismeInactif">Inactif</td>
</tr>
</table>
</div>
<!-- {{ template "snackbar-html" }} -->
{{ template "footer-html" }}
</body>
</html>
{{ end }}