From f9a9bf1ae4fac9317fd71f0bcb207544b000e6f1 Mon Sep 17 00:00:00 2001 From: polo Date: Thu, 23 Oct 2025 14:15:01 +0200 Subject: =?UTF-8?q?t=C3=A9l=C3=A9chargement=20d'assets=20dans=20head,=20he?= =?UTF-8?q?ader=20et=20footer?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/assets/favicon48x48.png | Bin 3067 -> 0 bytes public/assets/fond-piscine.jpg | Bin 24757 -> 0 bytes public/assets/logo-120x75.jpg | Bin 12240 -> 0 bytes public/assets/logo-150x94.jpg | Bin 13506 -> 0 bytes public/assets/logo-nb-et-ffn.png | Bin 61236 -> 0 bytes public/assets/logo2.jpg | Bin 36899 -> 0 bytes public/css/body.css | 5 ++- public/css/foot.css | 15 +++------ public/css/head.css | 17 ++++++---- public/js/InputFile.js | 51 +++++++++++++++++++++++++++++ public/js/InputText.js | 15 +++++---- public/user_data/assets/favicon48x48.png | Bin 0 -> 3067 bytes public/user_data/assets/fond-piscine.jpg | Bin 0 -> 24757 bytes public/user_data/assets/logo-120x75.jpg | Bin 0 -> 12240 bytes public/user_data/assets/logo-150x94.jpg | Bin 0 -> 13506 bytes public/user_data/assets/logo-nb-et-ffn.png | Bin 0 -> 61236 bytes public/user_data/assets/logo2.jpg | Bin 0 -> 36899 bytes 17 files changed, 76 insertions(+), 27 deletions(-) delete mode 100644 public/assets/favicon48x48.png delete mode 100644 public/assets/fond-piscine.jpg delete mode 100644 public/assets/logo-120x75.jpg delete mode 100644 public/assets/logo-150x94.jpg delete mode 100644 public/assets/logo-nb-et-ffn.png delete mode 100644 public/assets/logo2.jpg create mode 100644 public/js/InputFile.js create mode 100644 public/user_data/assets/favicon48x48.png create mode 100644 public/user_data/assets/fond-piscine.jpg create mode 100644 public/user_data/assets/logo-120x75.jpg create mode 100644 public/user_data/assets/logo-150x94.jpg create mode 100644 public/user_data/assets/logo-nb-et-ffn.png create mode 100644 public/user_data/assets/logo2.jpg (limited to 'public') diff --git a/public/assets/favicon48x48.png b/public/assets/favicon48x48.png deleted file mode 100644 index 9825db1..0000000 Binary files a/public/assets/favicon48x48.png and /dev/null differ diff --git a/public/assets/fond-piscine.jpg b/public/assets/fond-piscine.jpg deleted file mode 100644 index 239d95d..0000000 Binary files a/public/assets/fond-piscine.jpg and /dev/null differ diff --git a/public/assets/logo-120x75.jpg b/public/assets/logo-120x75.jpg deleted file mode 100644 index b58a7a6..0000000 Binary files a/public/assets/logo-120x75.jpg and /dev/null differ diff --git a/public/assets/logo-150x94.jpg b/public/assets/logo-150x94.jpg deleted file mode 100644 index 67ec6cc..0000000 Binary files a/public/assets/logo-150x94.jpg and /dev/null differ diff --git a/public/assets/logo-nb-et-ffn.png b/public/assets/logo-nb-et-ffn.png deleted file mode 100644 index f51ac9c..0000000 Binary files a/public/assets/logo-nb-et-ffn.png and /dev/null differ diff --git a/public/assets/logo2.jpg b/public/assets/logo2.jpg deleted file mode 100644 index 39c03bd..0000000 Binary files a/public/assets/logo2.jpg and /dev/null differ 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

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/user_data/assets/favicon48x48.png b/public/user_data/assets/favicon48x48.png new file mode 100644 index 0000000..9825db1 Binary files /dev/null and b/public/user_data/assets/favicon48x48.png differ diff --git a/public/user_data/assets/fond-piscine.jpg b/public/user_data/assets/fond-piscine.jpg new file mode 100644 index 0000000..239d95d Binary files /dev/null and b/public/user_data/assets/fond-piscine.jpg differ diff --git a/public/user_data/assets/logo-120x75.jpg b/public/user_data/assets/logo-120x75.jpg new file mode 100644 index 0000000..b58a7a6 Binary files /dev/null and b/public/user_data/assets/logo-120x75.jpg differ diff --git a/public/user_data/assets/logo-150x94.jpg b/public/user_data/assets/logo-150x94.jpg new file mode 100644 index 0000000..67ec6cc Binary files /dev/null and b/public/user_data/assets/logo-150x94.jpg differ diff --git a/public/user_data/assets/logo-nb-et-ffn.png b/public/user_data/assets/logo-nb-et-ffn.png new file mode 100644 index 0000000..f51ac9c Binary files /dev/null and b/public/user_data/assets/logo-nb-et-ffn.png differ diff --git a/public/user_data/assets/logo2.jpg b/public/user_data/assets/logo2.jpg new file mode 100644 index 0000000..39c03bd Binary files /dev/null and b/public/user_data/assets/logo2.jpg differ -- cgit v1.2.3