2 files changed, 70 insertions, 7 deletions

diff --git a/public/js/InputFile.js b/public/js/InputFile.js
new file mode 100644
index 0000000..e676037
--- /dev/null
+++ b/public/js/InputFile.js
@@ -0,0 +1,62 @@
+// étendre une classe parente avec InputFile?
+class InputFile{
+        constructor(name){
+                this.name = name;
+                this.parent = document.getElementById(name);
+        }
+        open(){
+                this.parent.querySelector('#' + this.name + '_img').classList.add('hidden');
+                this.parent.querySelector('#' + this.name + '_input').classList.remove('hidden');
+                this.parent.querySelector('#' + this.name + '_open').classList.add('hidden');
+                this.parent.querySelector('#' + this.name + '_submit').classList.remove('hidden');
+                this.parent.querySelector('#' + this.name + '_cancel').classList.remove('hidden');
+        }
+        close(){
+                this.parent.querySelector('#' + this.name + '_img').classList.remove('hidden');
+                this.parent.querySelector('#' + this.name + '_input').classList.add('hidden');
+                this.parent.querySelector('#' + this.name + '_open').classList.remove('hidden');
+                this.parent.querySelector('#' + this.name + '_submit').classList.add('hidden');
+                this.parent.querySelector('#' + this.name + '_cancel').classList.add('hidden');
+        }
+        submit(){
+                const file = this.parent.querySelector('#' + this.name + '_input').files[0];
+                if(!file){
+                        console.error("Erreur: aucun fichier sélectionné.");
+                        return;
+                }
+                const form_data = new FormData();
+                form_data.append('file', file);
+
+                fetch('index.php?head_foot_image=' + this.name, {
+                method: 'POST', // apparemment il faudrait utiliser PUT
+                body: form_data
+            })
+            .then(response => response.json())
+            .then(data => {
+                if(data.success){
+                        this.parent.querySelector('#' + this.name + '_img').src = data.location;
+
+                        // cas particulier
+                        if(this.name === 'head_favicon'){
+                                const link = document.querySelector('link[rel="icon"]');
+                                link.type = data.mime_type;
+                                link.href = data.location;
+                        }
+                        else if(this.name === 'header_background'){
+                                document.querySelector('header').style.backgroundImage = "url('" + data.location + "')";
+                        }
+
+                                this.close();
+                }
+                else{
+                    console.error("Erreur: le serveur n'a pas enregistré l'image'.");
+                }
+            })
+            .catch(error => {
+                console.error('Erreur:', error);
+            });
+        }
+        cancel(){
+                this.close();
+        }
+}
\ No newline at end of file
diff --git a/public/js/InputText.js b/public/js/InputText.js
index ba7e8e4..79f0398 100644
--- a/public/js/InputText.js
+++ b/public/js/InputText.js
@@ -1,27 +1,28 @@
 // s'en servir dans menu et chemin
+// étendre un classe parente avec InputText?
 class InputText{
         constructor(name){
                 this.name = name;
                 this.parent = document.getElementById(name);
         }
-        openTextInput(){
+        open(){
                 this.parent.querySelector('#' + this.name + '_span').classList.add('hidden');
                 this.parent.querySelector('#' + this.name + '_input').classList.remove('hidden');
                 this.parent.querySelector('#' + this.name + '_open').classList.add('hidden');
                 this.parent.querySelector('#' + this.name + '_submit').classList.remove('hidden');
                 this.parent.querySelector('#' + this.name + '_cancel').classList.remove('hidden');
         }
-        closeTextInput(){
+        close(){
                 this.parent.querySelector('#' + this.name + '_span').classList.remove('hidden');
                 this.parent.querySelector('#' + this.name + '_input').classList.add('hidden');
                 this.parent.querySelector('#' + this.name + '_open').classList.remove('hidden');
                 this.parent.querySelector('#' + this.name + '_submit').classList.add('hidden');
                 this.parent.querySelector('#' + this.name + '_cancel').classList.add('hidden');
         }
-        submitTextInput(){
+        submit(){
                 const new_text = this.parent.querySelector('#' + this.name + '_input').value;
 
-                fetch('index.php?entire_site_edit=' + this.name, {
+                fetch('index.php?head_foot_text=' + this.name, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({new_text: new_text})
@@ -30,7 +31,7 @@ class InputText{
             .then(data => {
                 if(data.success){
                         this.parent.querySelector('#' + this.name + '_span').innerHTML = new_text;
-                                this.closeTextInput(this.name);
+                                this.close();
                 }
                 else{
                     console.error("Erreur: le serveur n'a pas enregistré le nouveau texte.");
@@ -40,8 +41,8 @@ class InputText{
                 console.error('Erreur:', error);
             });
         }
-        cancelTextInput(){
+        cancel(){
                 this.parent.querySelector('#' + this.name + '_input').value = this.parent.querySelector('#' + this.name + '_span').innerHTML;
-                this.closeTextInput(this.name);
+                this.close();
         }
 }
\ No newline at end of file