Commit 1afa2189 authored by Hadrien Willemot's avatar Hadrien Willemot

Ajout fonctions js. en cours

parent 7605bb1b
......@@ -2,6 +2,8 @@
/* global Mustache, page */
'use strict';
import { load_table } from "ssf/types";
// Le script principal de notre application single page
// Celui-ci effectue le routing coté client (et d'autres choses)
......@@ -60,10 +62,54 @@ page('/signup', async function () {
page('/accueil', async function () {
await renderTemplate(templates('public/templates/accueil.mustache'), context);
/*let valide = document.querySelector('form');
valide.addEventListener('submit', function () {
let specialite = getElementByName("specialite");
let annee = getElementByName("annee");
//Faire une requête du style SELECT name FROM promo WHERE promo = <specialite> AND year = <annee>
let promo = 'Informatique'; //Ce que doit renvoyer la requête
window.location = `http://localhost:8080/selection_annale`;
})*/
/*window.onload = function(){
document.getElementById("form").onsubmit = function(){
window.location.replace(`http://localhost:8080/selection_annale`);
return false;
}
}*/
function matiere() {
}
});
page('/selection_annale', async function () {
await renderTemplate(templates('public/templates/selection_annale.mustache'), context);
//let promo = request.url.split('?')[1];
//requête SQL : SELECT * FROM matiere WHERE promotion=promo;
//requête SQL : SELECT * FROM annales WHERE matiere=mat AND year = promo[1] (l'année quoi)
let list_annale; //le résultat de la dernière requête
let form=document.getElementById('form');
let fieldset=form.children[1];
/*while (fieldset.firstChild.nextSibling){
fieldset.removeChild(fieldset.firstChild.nextSibling);
}*/
let input;
let label;
list_annale.forEach(element => {
input = document.createElement('input');
input.type = "radio";
input.name = "annale";
input.id = input.name = input.innerHTML = `${element.name}`;
label = document.createElement('label');
label.for = label.innerHTML = `${element.name}`;
});
});
page('/annale', async function () {
......
......@@ -5,45 +5,41 @@
<section>
<h3>Vous êtes un étudiant et vous souhaitez accéder à des annales et/ou proposer des corrigés ?</h3>
<article>
<form>
<form id="form">
<fieldset>
<p>1) Choisis d'abord ton année</p>
<input type="radio" id="3A" name="annee" value="3">
<input type="radio" id="3A" name="annee" value="3" required>
<label for="3A">3ème année</label>
<input type="radio" id="4A" name="annee" value="4">
<input type="radio" id="4A" name="annee" value="4" required>
<label for="4A">4ème année</label>
<input type="radio" id="5A" name="annee" value="5">
<input type="radio" id="5A" name="annee" value="5" required>
<label for="5A">5ème année</label>
</form>
</article>
</fieldset>
<article>
<form>
<fieldset>
<p>2) Choisis ensuite ta spécialité</p>
<input type="radio" id="INFO" name="specialite" value="INFO">
<label for="3A">Informatique</label>
<input type="radio" id="INFO" name="specialite" value="INFO" required>
<label for="INFO">Informatique</label>
<input type="radio" id="ETN" name="specialite" value="ETN">
<label for="4A">ETN</label>
<input type="radio" id="ETN" name="specialite" value="ETN" required>
<label for="ETN">ETN</label>
<input type="radio" id="MAT" name="specialite" value="MAT">
<label for="5A">Matériaux</label>
<input type="radio" id="MAT" name="specialite" value="MAT" required>
<label for="MAT">Matériaux</label>
<input type="radio" id="TE" name="specialite" value="TE">
<label for="5A">TE</label>
</form>
</article>
<input type="radio" id="TE" name="specialite" value="TE" required>
<label for="TE">TE</label>
</fieldset>
<article>
<form>
<fieldset>
<label for="valider">3) Valide ici pour aller chercher les annales</label>
<button>Valider</button>
</form>
</article>
<button id="valider">Valider</button>
</fieldset>
</form>
</section>
<a href="http://localhost:8080/connexion/">
......
......@@ -5,40 +5,38 @@
<section>
<h3>Tu peux maintenant choisir la matière ainsi que l'annale que tu souhaites</h3>
<article>
<form>
<form id="form">
<fieldset>
<p>1) Choisis ta matière</p>
<!-- Attention, là c'est statique mais après on importera depuis les données reçues la page précédente -->
<input type="radio" id="IHM" name="matiere" value="IHM">
<label for="3A">IHM</label>
<label for="IHM">IHM</label>
<input type="radio" id="gestion" name="matiere" value="gestion">
<label for="4A">Outils de gestion</label>
<label for="gestion">Outils de gestion</label>
<input type="radio" id="stats1" name="matiere" value="stats1">
<label for="5A">Statistique I</label>
<label for="stats1">Statistique I</label>
<input type="radio" id="stats2" name="matiere" value="stats2">
<label for="5A">Statistique II</label>
<label for="stats2">Statistique II</label>
<input type="radio" id="graph" name="matiere" value="graph">
<label for="5A">Théorie des graphes</label>
<label for="graph">Théorie des graphes</label>
<input type="radio" id="sys" name="matiere" value="sys">
<label for="5A">Systèmes</label>
<label for="sys">Systèmes</label>
<input type="radio" id="reseau" name="matiere" value="reseau">
<label for="5A">Réseau</label>
<label for="reseau">Réseau</label>
<input type="radio" id="WEB" name="matiere" value="WEB">
<label for="5A">WEB</label>
</form>
</article>
<label for="WEB">WEB</label>
</fieldset>
<article>
<form>
<fieldset>
<p>2) Choisis ton annale</p>
</form>
</article>
</fieldset>
</form>
</section>
\ No newline at end of file
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment