/* Module par Seb. L. */ class releveBUT extends HTMLElement { constructor() { super(); this.shadow = this.attachShadow({ mode: 'open' }); /* Config par defaut */ this.config = { showURL: true }; /* Template du module */ this.shadow.innerHTML = this.template(); /* Style du module */ const styles = document.createElement('link'); styles.setAttribute('rel', 'stylesheet'); if (location.href.split("/")[3] == "ScoDoc") { styles.setAttribute('href', '/ScoDoc/static/css/releve-but.css'); // Scodoc } else { styles.setAttribute('href', '/assets/styles/releve-but.css'); // Passerelle } this.shadow.appendChild(styles); } listeOnOff() { this.parentElement.parentElement.classList.toggle("listeOff"); this.parentElement.parentElement.querySelectorAll(".moduleOnOff").forEach(e => { e.classList.remove("moduleOnOff") }) } moduleOnOff() { this.parentElement.classList.toggle("moduleOnOff"); } goTo() { let module = this.dataset.module; this.parentElement.parentElement.parentElement.parentElement.querySelector("#Module_" + module).scrollIntoView(); } set setConfig(config) { this.config.showURL = config.showURL ?? this.config.showURL; } set showData(data) { this.showInformations(data); this.showSemestre(data); this.showSynthese(data); this.showEvaluations(data); this.showCustom(data); this.setOptions(data.options); this.shadow.querySelectorAll(".CTA_Liste").forEach(e => { e.addEventListener("click", this.listeOnOff) }) this.shadow.querySelectorAll(".ue, .module").forEach(e => { e.addEventListener("click", this.moduleOnOff) }) this.shadow.querySelectorAll(":not(.ueBonus)+.syntheseModule").forEach(e => { e.addEventListener("click", this.goTo) }) this.shadow.children[0].classList.add("ready"); } template() { return `
Photo de l'étudiant

Semestre

Inscrit le
Les moyennes servent à situer l'étudiant dans la promotion et ne correspondent pas à des validations de compétences ou d'UE.

Synthèse

La moyenne des ressources dans une UE dépend des poids donnés aux évaluations.
Liste

Ressources

Liste

SAÉ

Liste
`; } /********************************/ /* Informations sur l'étudiant */ /********************************/ showInformations(data) { this.shadow.querySelector(".studentPic").src = data.etudiant.photo_url || "default_Student.svg"; let output = ''; if (this.config.showURL) { output += ``; } else { output += `
`; } output += `
${this.civilite(data.etudiant.civilite)} ${data.etudiant.nom} ${data.etudiant.prenom}`; if (data.etudiant.date_naissance) { output += `
né${(data.etudiant.civilite == "F") ? "e" : ""} le ${this.ISOToDate(data.etudiant.date_naissance)}
`; } output += `
Numéro étudiant : ${data.etudiant.code_nip || "~"} - Code INE : ${data.etudiant.code_ine || "~"}
${data.formation.titre}
`; if (this.config.showURL) { output += `
`; } else { output += `
`; } this.shadow.querySelector(".infoEtudiant").innerHTML = output; } /*******************************/ /* Affichage local */ /*******************************/ showCustom(data) { this.shadow.querySelector(".custom").innerHTML = data.custom || ""; } /*******************************/ /* Information sur le semestre */ /*******************************/ showSemestre(data) { this.shadow.querySelector("h2").innerHTML += data.semestre.numero; this.shadow.querySelector(".dateInscription").innerHTML += this.ISOToDate(data.semestre.inscription); let output = `
Moyenne
${data.semestre.notes.value}
Rang :
${data.semestre.rang.value} / ${data.semestre.rang.total}
Max. promo. :
${data.semestre.notes.max}
Moy. promo. :
${data.semestre.notes.moy}
Min. promo. :
${data.semestre.notes.min}
Absences
N.J. ${data.semestre.absences?.injustifie ?? "-"}
Total ${data.semestre.absences?.total ?? "-"}
`; /*${data.semestre.groupes.map(groupe => { return `
Groupe
${groupe.nom}
Rang :
${groupe.rang.value} / ${groupe.rang.total}
Max. groupe :
${groupe.notes.max}
Moy. groupe :
${groupe.notes.min}
Min. groupe :
${groupe.notes.min}
`; }).join("") }*/ this.shadow.querySelector(".infoSemestre").innerHTML = output; this.shadow.querySelector(".decision").innerHTML = data.semestre.decision?.code || ""; } /*******************************/ /* Synthèse */ /*******************************/ showSynthese(data) { let output = ``; Object.entries(data.ues).forEach(([ue, dataUE]) => { if (dataUE.type == 1) { // UE Sport / Bonus output += `

Bonus

${dataUE.bonus_description}
${this.ueSport(dataUE.modules)}
`; } else { output += `

${ue}${(dataUE.titre) ? " - " + dataUE.titre : ""}

Moyenne : ${dataUE.moyenne?.value || "-"}
Rang : ${dataUE.moyenne?.rang} / ${dataUE.moyenne?.total}
Bonus : ${dataUE.bonus || 0} - Malus : ${dataUE.malus || 0}  - ECTS : ${dataUE.ECTS.acquis} / ${dataUE.ECTS.total}
`; /*
Abs N.J.
${dataUE.absences?.injustifie || 0}
Total
${dataUE.absences?.total || 0}
*/ output += `
${this.synthese(data, dataUE.ressources)} ${this.synthese(data, dataUE.saes)}
`; } }); this.shadow.querySelector(".synthese").innerHTML = output; } synthese(data, modules) { let output = ""; Object.entries(modules).forEach(([module, dataModule]) => { let titre = data.ressources[module]?.titre || data.saes[module]?.titre; //let url = data.ressources[module]?.url || data.saes[module]?.url; output += `
${module} - ${titre}
${dataModule.moyenne} Coef. ${dataModule.coef}
`; }) return output; } ueSport(modules) { let output = ""; Object.values(modules).forEach((module) => { Object.values(module.evaluations).forEach((evaluation) => { output += `
${module.titre} - ${evaluation.description || "Note"}
${evaluation.note.value ?? "-"} Coef. ${evaluation.coef}
`; }) }) return output; } /*******************************/ /* Evaluations */ /*******************************/ showEvaluations(data) { this.shadow.querySelector(".evaluations").innerHTML = this.module(data.ressources); this.shadow.querySelector(".sae").innerHTML += this.module(data.saes); } module(module) { let output = ""; Object.entries(module).forEach(([numero, content]) => { output += `

${this.URL(content.url, `${numero} - ${content.titre}`)}

Moyenne indicative : ${content.moyenne.value}
Classe : ${content.moyenne.moy} - Max : ${content.moyenne.max} - Min : ${content.moyenne.min}
Abs inj.
${content.absences?.injustifie || 0}
Total
${content.absences?.total || 0}
${this.evaluation(content.evaluations)}
`; }) return output; } evaluation(evaluations) { let output = ""; evaluations.forEach((evaluation) => { output += `
${this.URL(evaluation.url, evaluation.description || "Évaluation")}
${evaluation.note.value} Coef. ${evaluation.coef}
Coef
${evaluation.coef}
Max. promo.
${evaluation.note.max}
Moy. promo.
${evaluation.note.moy}
Min. promo.
${evaluation.note.min}
${Object.entries(evaluation.poids).map(([UE, poids]) => { return `
Poids ${UE}
${poids}
`; }).join("")}
`; }) return output; } /********************/ /* Options */ /********************/ setOptions(options) { Object.entries(options).forEach(([option, value]) => { if (value === false) { document.body.classList.add(option.replace("show", "hide")) } }) } /********************/ /* Fonctions d'aide */ /********************/ URL(href, content) { if (this.config.showURL) { return `${content}`; } else { return content; } } civilite(txt) { switch (txt) { case "M": return "M."; case "F": return "Mme"; default: return ""; } } ISOToDate(ISO) { return ISO.split("-").reverse().join("/"); } } customElements.define('releve-but', releveBUT);