From 2ac442315c57193a9ae9355fc903ff49ab9e00f4 Mon Sep 17 00:00:00 2001
From: lehmann <sebastien.lehmann@uha.fr>
Date: Thu, 28 Dec 2023 22:43:35 +0100
Subject: [PATCH] Edit id EDT

---
 app/static/css/partition_editor.css      |  9 ++-
 app/templates/scolar/partition_editor.j2 | 72 +++++++++++++++++++++++-
 2 files changed, 75 insertions(+), 6 deletions(-)

diff --git a/app/static/css/partition_editor.css b/app/static/css/partition_editor.css
index 95e2e65f..912f0d16 100644
--- a/app/static/css/partition_editor.css
+++ b/app/static/css/partition_editor.css
@@ -91,9 +91,6 @@ body:not(.editionActivated) .editing {
 .nonEditable .editing {
 	display: none;
 }
-.nonEditable .editing.rename {
-	display: inline;
-}
 
 
 .editionActivated #zoneChoix,
@@ -344,6 +341,7 @@ body.editionActivated .filtres>div>div>div>div {
 	overflow: visible;
 	outline: none;
 	border: none;
+	text-shadow: none !important;
 }
 
 #zonePartitions .filtres .hidenDropZone {
@@ -365,6 +363,11 @@ body.editionActivated .filtres>div>div>div>div {
 	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
 }
 
+#zonePartitions .filtres .actif {
+	background: #0c9;
+	border-radius: 6px;
+}
+
 body:not(.editionActivated) .filtres .groupes>div {
 	cursor: pointer;
 }
diff --git a/app/templates/scolar/partition_editor.j2 b/app/templates/scolar/partition_editor.j2
index 7a99ca1d..67b25a1b 100644
--- a/app/templates/scolar/partition_editor.j2
+++ b/app/templates/scolar/partition_editor.j2
@@ -250,15 +250,23 @@
 		let div = document.createElement("button");
 		div.classList.add("dt-button");
 		div.dataset.idgroupe = groupe.id;
-		let edt_id_str = groupe.edt_id ? `<tt class="edt_id" title="id edt">[${groupe.edt_id}]</tt>` : "";
+		div.dataset.idedt = groupe.edt_id || "";
+		let title_EDT = groupe.edt_id || "";
 		div.innerHTML = `
 			<span class="editing move">||</span>
-			<span>${groupe.group_name} ${edt_id_str}</span>
-			<span class="editing rename"><a href="/ScoDoc/{{formsemestre.departement.acronym}}/Scolarite/group_rename?group_id=${groupe.id}">✏️</a></span>
+			<span>${groupe.group_name}</span>
+			<span class="editing rename">✏️</span>
+			<span class="editing calendarEdit" title="${title_EDT}">📅</span>
 			<span class="editing suppr">❌</span>`;
 
+		if (title_EDT) {
+			div.querySelector(".calendarEdit").classList.add("actif");
+		}
+
 		div.addEventListener("click", filtre);
 		div.querySelector(".move").addEventListener("mousedown", moveStart);
+		div.querySelector(".rename").addEventListener("click", editText);
+		div.querySelector(".calendarEdit").addEventListener("click", editCalendar);
 		div.querySelector(".suppr").addEventListener("click", suppr);
 
 		return div;
@@ -758,6 +766,64 @@
 			})
 	}
 
+	/***********************/
+	/* Edition de l'id_EDT */
+	/***********************/
+	function editCalendar() {
+
+		let data = `data-idgroupe="${this.parentElement.dataset.idgroupe}"`;
+		let nom = this.previousElementSibling.previousElementSibling.innerText;
+		let id_EDT = this.parentElement.dataset.idedt;
+
+		let div = document.createElement("div");
+		div.className = "confirm";
+		div.innerHTML = `
+			<div>
+				<h1>Modifier l'id EDT du groupe <span>${nom}</span></h1>
+
+				<input value="${id_EDT}">
+				<p>Optionnel : identifiant du groupe dans le logiciel d'emploi du temps, pour le cas où les noms de groupes ne seraient pas les mêmes dans ScoDoc et dans l'emploi du temps (si plusieurs ids de groupes EDT doivent correspondre au même groupe ScoDoc, les séparer par des virgules).</p>
+
+				<div>
+					<div class="ok" ${data}>Valider</div>
+					<div class="nok">Annuler</div>
+				</div>
+			</div>
+		`;
+		document.body.append(div);
+		document.querySelector(".ok").addEventListener("click", editCalConfirm);
+		document.querySelector(".nok").addEventListener("click", closeConfirm);
+	}
+
+	function editCalConfirm() {
+		let idGroupe = this.dataset.idgroupe;
+		let id_EDT = this.parentElement.parentElement.querySelector("input").value;
+
+		let btnGroupe = document.querySelector(`#zonePartitions .groupes [data-idgroupe="${idGroupe}"]`);
+		btnGroupe.dataset.idedt = id_EDT;
+		btnGroupe.querySelector(".calendarEdit").title = id_EDT || "";
+
+		if (id_EDT) {
+			btnGroupe.querySelector(".calendarEdit").classList.add("actif");
+		} else {
+			btnGroupe.querySelector(".calendarEdit").classList.remove("actif");
+		}
+
+		//Save
+		let url = ""; // A MODIFIER et décommenter ci-dessous
+		// Dispo en variables idGroupe et id_EDT
+		
+		/*fetch(url, { method: "POST" })
+			.then(r => { return r.json() })
+			.then(r => {
+				if (r.OK != true) {
+					document.querySelector("main").innerHTML = "<h2>Une erreur s'est produite lors de la sauvegarde des données (5).</h2>";
+				}
+			});*/
+
+		closeConfirm();
+	}
+
 	/*********************************/
 	/* Suppression parcours / groupe */
 	/*********************************/