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.duree = duree;
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
ajoute_date(){
ajoute_date(debut, fin, duree){
if (this.debut != None){
}
}
}
@ -63,7 +65,10 @@ function update_postit(table) {
var longueur = table.length;
for (let i = 0; i < longueur; i++ ) {
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
let balise = document.createElement("div");
balise.classList.add("tache");
@ -72,16 +77,30 @@ function update_postit(table) {
let textetitre = document.createTextNode(displayname);
titre.appendChild(textetitre);
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
let corps = document.createElement("p");
let textecorps = document.createTextNode("durée " + displayduration + "h");
corps.appendChild(textecorps);
corps.classList.add("corps_tache")
let duree = "durée " + displayduration + "h";
let datedebut = "du " + displaystartdate;
let datefin = "au " + displayenddate;
//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
element.appendChild(balise);
}
@ -93,13 +112,17 @@ function createtask(){
//on récupère l'input de l'utilisateur.ice
let taskname = document.getElementById("nom").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;
//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
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
//appel de la fonction qui trie les tâches dans le tableau
// 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;
padding: 5px;
}