téléchargement d'assets dans head, header et footer

11 files changed, 76 insertions, 27 deletions

diff --git a/public/css/body.css b/public/css/body.css
index 8ad3a52..cadf955 100644
--- a/public/css/body.css
+++ b/public/css/body.css
@@ -43,7 +43,7 @@ main
     margin: auto;
     /*max-width: 1200px;*/
     background-color: #E3F3FF;
-    padding: 15px 0;
+    padding: 15px;
 }
 .hidden
 {
@@ -51,8 +51,7 @@ main
 }
 section
 {
-    margin: 10px 0;
-    padding: 15px;
+    margin-top: 20px;
 }
 section > h3
 {
diff --git a/public/css/foot.css b/public/css/foot.css
index 8d0a94d..8a0d08d 100644
--- a/public/css/foot.css
+++ b/public/css/foot.css
@@ -14,11 +14,12 @@ footer > div
         max-width: 1200px;
         display: flex;
         justify-content: space-around;
+        flex-wrap: wrap;
 }
 
-.contact
+footer .data > div
 {
-        margin: 16px 0; /* alignement avec la <p> autour du logo */
+        margin: 20px 10px;
 }
 .contact a
 {
@@ -73,7 +74,7 @@ footer > div
         margin: 0 3px;
 }*/
 
-.footer_logo img
+#footer_logo_img
 {
         max-width: 288px;
         min-width: 150px;
@@ -85,14 +86,6 @@ footer > div
                 width: 70px;
         }
 }
-@media screen and (max-width: 800px)
-{
-        footer > div
-        {
-                flex-direction: column;
-                align-items: center;
-        }
-}
 
 .breadcrumb a
 {
diff --git a/public/css/head.css b/public/css/head.css
index b173077..4206044 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -17,7 +17,12 @@ header
         display: none;
 }
 
-.header-content
+.background_button
+{
+        max-height: 24px;
+}
+
+.header_content
 {
         padding: 20px 0;
         display: grid;
@@ -27,12 +32,12 @@ header
 /*.header_left_col
 {}*/
 @media screen and (max-width: 1000px){
-        .header-content{
+        .header_content{
                 padding: 18px 0;
         }
 }
 @media screen and (max-width: 450px){
-        .header-content
+        .header_content
         {
                 /*grid-template-columns: 1fr 2fr 1fr;*/
                 display: block;
@@ -69,16 +74,16 @@ header img
 {
         vertical-align: bottom; /* supprime espace sous l'image */
         max-width: 150px;
-        max-height: 75px;
+        max-height: 100px;
 }
 header a
 {
         color: unset; /* ne plus hériter */
         text-decoration: none;
 }
-#edit_favicon_zone
+.editing_zone > div
 {
-        margin-bottom: 10px;
+        /*display: inline;*/ /* à l'ancienne */
 }
 /*.header_right_col
 {}*/
diff --git a/public/js/InputFile.js b/public/js/InputFile.js
new file mode 100644
index 0000000..f5e450c
--- /dev/null
+++ b/public/js/InputFile.js
@@ -0,0 +1,51 @@
+// é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;
+                                this.close(this.name);
+                }
+                else{
+                    console.error("Erreur: le serveur n'a pas enregistré l'image'.");
+                }
+            })
+            .catch(error => {
+                console.error('Erreur:', error);
+            });
+        }
+        cancel(){
+                this.close(this.name);
+        }
+}
\ No newline at end of file
diff --git a/public/js/InputText.js b/public/js/InputText.js
index ba7e8e4..33dcf8d 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(this.name);
                 }
                 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(this.name);
         }
 }
\ No newline at end of file
diff --git a/public/assets/favicon48x48.png b/public/user_data/assets/favicon48x48.png
index 9825db1..9825db1 100644
--- a/public/assets/favicon48x48.png
+++ b/public/user_data/assets/favicon48x48.png
diff --git a/public/assets/fond-piscine.jpg b/public/user_data/assets/fond-piscine.jpg
index 239d95d..239d95d 100644
--- a/public/assets/fond-piscine.jpg
+++ b/public/user_data/assets/fond-piscine.jpg
diff --git a/public/assets/logo-120x75.jpg b/public/user_data/assets/logo-120x75.jpg
index b58a7a6..b58a7a6 100644
--- a/public/assets/logo-120x75.jpg
+++ b/public/user_data/assets/logo-120x75.jpg
diff --git a/public/assets/logo-150x94.jpg b/public/user_data/assets/logo-150x94.jpg
index 67ec6cc..67ec6cc 100644
--- a/public/assets/logo-150x94.jpg
+++ b/public/user_data/assets/logo-150x94.jpg
diff --git a/public/assets/logo-nb-et-ffn.png b/public/user_data/assets/logo-nb-et-ffn.png
index f51ac9c..f51ac9c 100644
--- a/public/assets/logo-nb-et-ffn.png
+++ b/public/user_data/assets/logo-nb-et-ffn.png
diff --git a/public/assets/logo2.jpg b/public/user_data/assets/logo2.jpg
index 39c03bd..39c03bd 100644
--- a/public/assets/logo2.jpg
+++ b/public/user_data/assets/logo2.jpg