From bce9fda51d334a547ec5a48f0b7699ed3b5d7944 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Wed, 29 Oct 2025 21:42:39 +0100
Subject: =?UTF-8?q?classe=20Fetcher,=20gestion=20r=C3=A9seaux=20sociaux=20?=
 =?UTF-8?q?pr=C3=A9sents/absents,=20partie=202?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/js/Input.js | 105 +++++++++++++++++++++++------------------------------
 1 file changed, 46 insertions(+), 59 deletions(-)

(limited to 'public/js/Input.js')

diff --git a/public/js/Input.js b/public/js/Input.js
index 54872d1..0ebbbbb 100644
--- a/public/js/Input.js
+++ b/public/js/Input.js
@@ -1,9 +1,10 @@
+// mère
 class InputToggler{
 	constructor(name, options = {}){
 		this.name = name;
 		this.parent = document.getElementById(name);
 
-		// ids alternatifs optionnels
+		// des ids alternatifs sont possibles
 		this.content_elem = this.parent.querySelector(options.content_selector || `#${name}_content`);
 		this.input_elem = this.parent.querySelector(options.input_selector || `#${name}_input`);
 		this.open_elem = this.parent.querySelector(options.open_selector || `#${name}_open`);
@@ -39,34 +40,26 @@ class InputToggler{
 	}
 }
 
+
+// enfants
 class InputText extends InputToggler{
 	constructor(name, options = {}){
 		super(name, options);
-		this.fetch_endpoint = options.endpoint || 'index.php';
-		this.fetch_key = options.fetch_key || 'head_foot_text';
+		this.fetcher = new Fetcher({
+			endpoint: (options.endpoint || 'index.php?') + (options.fetch_key || 'head_foot_text=') + this.name,
+			method: 'POST',
+			onSuccess: (data) => this.onSuccess(data)
+		});
 	}
 	submit(){
-		fetch(this.fetch_endpoint + '?' + this.fetch_key + '=' + this.name, {
-	        method: 'POST',
-	        headers: { 'Content-Type': 'application/json' },
-	        body: JSON.stringify({new_text: this.input_elem.value})
-	    })
-	    .then(response => response.json())
-	    .then(data => {
-	        if(data.success){
-	        	this.onSuccess(data);
-				this.close();
-	        }
-	        else{
-	            console.error("Erreur: le serveur n'a pas enregistré le nouveau texte.");
-	        }
-	    })
-	    .catch(error => {
-	        console.error('Erreur:', error);
-	    });
+		this.fetcher.send({new_text: this.input_elem.value})
+			.then(result => {
+				toastNotify(result.success ? 'texte modifié avec succès' : "erreur: la modification des données côté serveur a échoué");
+			});
 	}
 	onSuccess(data){
 		this.content_elem.innerHTML = this.input_elem.value;
+		this.close();
 	}
 	cancel(){
 		this.input_elem.value = this.content_elem.innerHTML;
@@ -74,29 +67,15 @@ class InputText extends InputToggler{
 	}
 }
 
-class InputTextSocialNetwork extends InputText{
-	open(){
-		const elem_parent = this.content_elem.parentNode;
-		if(elem_parent.tagName.toLowerCase() === 'a'){
-			this.input_elem.value = elem_parent.href;
-		}
-		super.open();
-	}
-	onSuccess(data){
-		if(this.input_elem.value){
-			this.content_elem.parentNode.href = this.input_elem.value;
-		}
-		else{
-			this.content_elem.parentNode.removeAttribute('href');
-		}
-	}
-}
-
 class InputFile extends InputToggler{
 	constructor(name, options = {}){
 		super(name, options);
-		this.fetch_endpoint = options.endpoint || 'index.php';
-		this.fetch_key = options.fetch_key || 'head_foot_image';
+		this.fetcher = new Fetcher({
+			endpoint: (options.endpoint || 'index.php?') + (options.fetch_key || 'head_foot_image=') + this.name,
+			method: 'POST',
+			onSuccess: (data) => this.onSuccess(data),
+			onFailure: (data) => this.onFailure(data)
+		});
 	}
 	submit(){
 		const file = this.input_elem.files[0];
@@ -108,27 +87,14 @@ class InputFile extends InputToggler{
 		const form_data = new FormData();
 		form_data.append('file', file);
 
-		fetch(this.fetch_endpoint + '?' + this.fetch_key + '=' + this.name, {
-	        method: 'POST', // apparemment il faudrait utiliser PUT
-	        body: form_data
-	    })
-	    .then(response => response.json())
-	    .then(data => {
-	        if(data.success){
-				this.onSuccess(data);
-				this.close();
-	        }
-	        else{
-	        	this.onFailure(data);
-	            console.error(data.message);
-	        }
-	    })
-	    .catch(error => {
-	        console.error('Erreur:', error);
-	    });
+		this.fetcher.send(form_data)
+			.then(result => {
+				toastNotify(result.success ? 'fichier téléchargé avec succès' : "erreur: la modification des données côté serveur a échoué");
+			});
 	}
 	onSuccess(data){
 		this.content_elem.src = data.location;
+		this.close();
 	}
 	onFailure(data){
 		if(data.format === 'ico'){
@@ -137,6 +103,8 @@ class InputFile extends InputToggler{
 	}
 }
 
+
+// petits enfants
 class InputFileFavicon extends InputFile{
     onSuccess(data){
         const link = document.querySelector('link[rel="icon"]');
@@ -150,4 +118,23 @@ class InputFileHeaderBackground extends InputFile{
         document.querySelector('header').style.backgroundImage = `url('${data.location}')`;
         super.onSuccess(data);
     }
+}
+
+class InputTextSocialNetwork extends InputText{
+	open(){
+		const elem_parent = this.content_elem.parentNode;
+		if(elem_parent.tagName.toLowerCase() === 'a'){
+			this.input_elem.value = elem_parent.href;
+		}
+		super.open();
+	}
+	onSuccess(data){
+		if(this.input_elem.value){
+			this.content_elem.parentNode.href = this.input_elem.value;
+		}
+		else{
+			this.content_elem.parentNode.removeAttribute('href');
+		}
+		this.close(); // vu qu'on n'appelle pas super.onSuccess
+	}
 }
\ No newline at end of file
-- 
cgit v1.2.3