electropositron/pangloss
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

affichage date fonctionnel

Browse source
This commit is contained in:
electro positron 2024-11-09 05:09:13 +01:00
parent 47c219e2d8
commit 2658aa8d08
2 changed files with 37 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
app/script.js
View file

@ -38,12 +38,14 @@ class Tache {
this.nom = nom; this.nom = nom;
this.duree = duree; this.duree = duree;
this.datedebut = datedebut; this.datedebut = datedebut;
this.duree = datefin; this.datefin = datefin;
} }
//fonction qui ajoute une date de début ou de fin en fonction des inputs disponibles //fonction qui ajoute une date de début ou de fin en fonction des inputs disponibles
ajoute_date(){ ajoute_date(debut, fin, duree){
if (this.debut != None){
}
} }
} }
@ -63,7 +65,10 @@ function update_postit(table) {
var longueur = table.length; var longueur = table.length;
for (let i = 0; i < longueur; i++ ) { for (let i = 0; i < longueur; i++ ) {
let displayname = table[i].nom; let displayname = table[i].nom;
let displayduration = table[i].duree; let displayduration = table[i].duree;
let displaystartdate = table[i].datedebut;
let displayenddate = table[i].datefin;
//crée une div qui contient les éléments de la tâche //crée une div qui contient les éléments de la tâche
let balise = document.createElement("div"); let balise = document.createElement("div");
balise.classList.add("tache"); balise.classList.add("tache");
@ -72,16 +77,30 @@ function update_postit(table) {
let textetitre = document.createTextNode(displayname); let textetitre = document.createTextNode(displayname);
titre.appendChild(textetitre); titre.appendChild(textetitre);
titre.classList.add("titre_tache"); titre.classList.add("titre_tache");
//on ajoute le titre à la page HTML dans la div conteneur
balise.appendChild(titre);
//puis on rajoute un séparateur
let separator = document.createElement("hr");
balise.appendChild(separator);
//corps de la tâche //corps de la tâche
let corps = document.createElement("p"); let duree = "durée " + displayduration + "h";
let textecorps = document.createTextNode("durée " + displayduration + "h"); let datedebut = "du " + displaystartdate;
corps.appendChild(textecorps); let datefin = "au " + displayenddate;
corps.classList.add("corps_tache") //liste qui contient les éléments à ajouter
var liste = [duree, datedebut, datefin];
//boucle de création des élémets à ajouter
for (let p = 0; p < liste.length; p++){
//ajoute le texte courant
let chunck = document.createTextNode(liste[p]);
let paragraph = document.createElement("p");
paragraph.appendChild(chunck);
paragraph.classList.add("corps_tache")
//ajoute l'élément au corps de texte de la tâche
balise.appendChild(paragraph);
}
//on ajoute le contenu au div de la tâche
balise.appendChild(titre);
balise.appendChild(corps);
//ajoute la div de la tâche au conteneur //ajoute la div de la tâche au conteneur
element.appendChild(balise); element.appendChild(balise);
} }
@ -93,13 +112,17 @@ function createtask(){
//on récupère l'input de l'utilisateur.ice //on récupère l'input de l'utilisateur.ice
let taskname = document.getElementById("nom").value; let taskname = document.getElementById("nom").value;
let taskduration = document.getElementById("duree").value; let taskduration = document.getElementById("duree").value;
let tasdatedebut = document.getElementById("datedebut").value; let taskdatedebut = document.getElementById("datedebut").value;
let taskdatefin = document.getElementById("datefin").value; let taskdatefin = document.getElementById("datefin").value;
//on instancie une tâche avec les valeurs de l'utilisateur.ice //on instancie une tâche avec les valeurs de l'utilisateur.ice
let tache = new Tache(taskname, taskduration); let tache = new Tache(taskname, taskduration, taskdatedebut, taskdatefin);
//on ajoute la nouvelle tâche à la fin au tableau de tâches //on ajoute la nouvelle tâche à la fin au tableau de tâches
tableau_taches.push(tache); tableau_taches.push(tache);
//on calcule les dates de début et de fin de la tâche en fonction
//des inputs envoyés
//tache.ajoute_date(taskdatedebut, taskdatefin, taskduration);
//-----TRI PAR DÉFAUT //-----TRI PAR DÉFAUT
//appel de la fonction qui trie les tâches dans le tableau //appel de la fonction qui trie les tâches dans le tableau
// de la plus longue à la plus courte // de la plus longue à la plus courte

3
app/style.css
View file

@ -127,7 +127,8 @@ button:hover{
} }
.corps.tache{ .corps_tache{
margin: 0; margin: 0;
padding: 5px;
} }