possibilité d'éditer le texte dans header et footer, class JS InputText, Model::findWhateverNode

15 files changed, 250 insertions, 25 deletions

diff --git a/public/assets/close-nb.svg b/public/assets/close-nb.svg
new file mode 100644
index 0000000..c5a6b6b
--- /dev/null
+++ b/public/assets/close-nb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/close.svg b/public/assets/close.svg
new file mode 100644
index 0000000..4dfee8c
--- /dev/null
+++ b/public/assets/close.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 24 24"
+   fill="currentColor"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="close.svg"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="16.333333"
+     inkscape:cx="13.071429"
+     inkscape:cy="14.785714"
+     inkscape:window-width="1916"
+     inkscape:window-height="1032"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" />
+  <path
+     style="fill:#dd3333;stroke:#dd3333;stroke-width:0.2314"
+     d="m 6.3513525,17.616704 -0.6567632,-0.658806 2.4486238,-2.44805 c 1.346743,-1.346427 2.4486239,-2.475604 2.4486239,-2.509281 0,-0.03368 -1.1022132,-1.163696 -2.4493624,-2.5111538 L 5.6931123,7.0394909 6.3673453,6.3673486 7.0415783,5.6952062 9.5207892,8.1738503 12,10.652494 l 2.479211,-2.4786437 2.47921,-2.4786441 0.674234,0.6721424 0.674233,0.6721423 -2.449362,2.4499223 C 14.510376,10.836871 13.408163,11.966635 13.408163,12 c 0,0.03337 1.102213,1.163129 2.449363,2.510587 l 2.449362,2.449922 -0.674233,0.672142 -0.674234,0.672143 L 14.479211,15.82615 12,13.347506 9.5354343,15.811508 c -1.3555112,1.355201 -2.4786851,2.464002 -2.4959421,2.464002 -0.017257,0 -0.3269198,-0.296462 -0.6881397,-0.658806 z"
+     id="path2" />
+</svg>
diff --git a/public/css/body.css b/public/css/body.css
index 95f30d4..8ad3a52 100644
--- a/public/css/body.css
+++ b/public/css/body.css
@@ -188,7 +188,7 @@ button .action_icon:hover
 {
     margin-right: 2px;
 }
-section button, section input[type=submit]
+button, section input[type=submit]
 {
     color: #ff1d04;
     font-size: medium;
@@ -196,7 +196,7 @@ section button, section input[type=submit]
     background-color: white;
     border: lightgrey 2px outset; /* rend identiques les boutons firefox et chromium */
 }
-section button:hover, section input[type=submit]:hover
+button:hover, section input[type=submit]:hover
 {
     background-color: yellow;
     border-radius: 4px;
diff --git a/public/css/calendar.css b/public/css/calendar.css
index 2ff5640..d011f03 100644
--- a/public/css/calendar.css
+++ b/public/css/calendar.css
@@ -10,7 +10,6 @@
 #calendar_zone{
     display: flex;
     gap: 5px;
-    /*padding: 15px;*/
     max-width: 1170px;
 }
 #calendar{
diff --git a/public/css/foot.css b/public/css/foot.css
index ad86305..8d0a94d 100644
--- a/public/css/foot.css
+++ b/public/css/foot.css
@@ -11,11 +11,15 @@ footer
 }
 footer > div
 {
-        margin: auto;
         max-width: 1200px;
         display: flex;
         justify-content: space-around;
 }
+
+.contact
+{
+        margin: 16px 0; /* alignement avec la <p> autour du logo */
+}
 .contact a
 {
         color: unset;
@@ -69,11 +73,6 @@ footer > div
         margin: 0 3px;
 }*/
 
-.contact
-{
-        padding: 0 15px;
-}
-
 .footer_logo img
 {
         max-width: 288px;
@@ -115,8 +114,7 @@ footer > div
 }
 .logged_out
 {
-        /*display: none;*/
-        justify-content: start;
+        justify-content: start; /* écrase le space-around dans footer > div */
 }
 .logged_out a
 {
diff --git a/public/css/head.css b/public/css/head.css
index be938bb..b173077 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -24,6 +24,8 @@ header
         grid-template-columns: 1fr 1fr 1fr;
         align-items: end;
 }
+/*.header_left_col
+{}*/
 @media screen and (max-width: 1000px){
         .header-content{
                 padding: 18px 0;
@@ -36,7 +38,7 @@ header
                 display: block;
                 padding: 18px;
         }
-        .head_logo
+        #header_logo
         {
                 display: none;
         }
@@ -74,12 +76,18 @@ header a
         color: unset; /* ne plus hériter */
         text-decoration: none;
 }
+#edit_favicon_zone
+{
+        margin-bottom: 10px;
+}
+/*.header_right_col
+{}*/
 .social
 {
         /*align-self: end;*/
         /*padding: 4px;*/
 }
-.social img
+.social a img
 {
         width: 25px;
         background-color: #ffffffb3;
diff --git a/public/js/InputText.js b/public/js/InputText.js
new file mode 100644
index 0000000..ba7e8e4
--- /dev/null
+++ b/public/js/InputText.js
@@ -0,0 +1,47 @@
+// s'en servir dans menu et chemin
+class InputText{
+        constructor(name){
+                this.name = name;
+                this.parent = document.getElementById(name);
+        }
+        openTextInput(){
+                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(){
+                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(){
+                const new_text = this.parent.querySelector('#' + this.name + '_input').value;
+
+                fetch('index.php?entire_site_edit=' + this.name, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({new_text: new_text})
+            })
+            .then(response => response.json())
+            .then(data => {
+                if(data.success){
+                        this.parent.querySelector('#' + this.name + '_span').innerHTML = new_text;
+                                this.closeTextInput(this.name);
+                }
+                else{
+                    console.error("Erreur: le serveur n'a pas enregistré le nouveau texte.");
+                }
+            })
+            .catch(error => {
+                console.error('Erreur:', error);
+            });
+        }
+        cancelTextInput(){
+                this.parent.querySelector('#' + this.name + '_input').value = this.parent.querySelector('#' + this.name + '_span').innerHTML;
+                this.closeTextInput(this.name);
+        }
+}
\ No newline at end of file
diff --git a/src/controller/HeadFootController.php b/src/controller/HeadFootController.php
new file mode 100644
index 0000000..c7a9cec
--- /dev/null
+++ b/src/controller/HeadFootController.php
@@ -0,0 +1,33 @@
+<?php
+// src/controller/HeadFootController.php
+
+declare(strict_types=1);
+
+//use App\Entity\Node;
+//use App\Entity\NodeData;
+//use App\Entity\Image;
+//use Doctrine\Common\Collections\ArrayCollection;
+use Doctrine\ORM\EntityManager;
+
+class HeadFootController
+{
+        static public function setTextData(EntityManager $entityManager, array $request_params, array $json): void
+        {
+                if(count($request_params) !== 2){
+                        echo json_encode(['success' => false]);
+                        die;
+                }
+
+                $model = new Model($entityManager);
+                if($model->findWhateverNode('name_node', $request_params[0])){
+                        $node_data = $model->getNode()->getNodeData();
+                        $node_data->updateData($request_params[1], htmlspecialchars($json['new_text'])); // $request_params[1] n'est pas contrôlé
+                        $entityManager->flush();
+                        echo json_encode(['success' => true]);
+                }
+                else{
+                        echo json_encode(['success' => false]);
+                }
+                die;
+        }
+}
\ No newline at end of file
diff --git a/src/model/Model.php b/src/model/Model.php
index ea8ef71..16061e7 100644
--- a/src/model/Model.php
+++ b/src/model/Model.php
@@ -185,6 +185,24 @@ class Model
         $this->node = $this->entityManager->find('App\Entity\Node', $id);
         return $this->node === null ? false : true;
     }
+    public function findWhateverNode(string $field, string $value): bool
+    {
+        $queryBuilder = $this->entityManager->createQueryBuilder();
+        $queryBuilder
+            ->select('n')
+            ->from('App\Entity\Node', 'n')
+            ->where("n.$field = :value") // avec le querybuilder, ce truc sale reste sécurisé
+            ->setParameter('value', $value);
+        $result = $queryBuilder->getQuery()->getOneOrNullResult();
+
+        if($result === null){
+            return false;
+        }
+        else{
+            $this->node = $result;
+            return true;
+        }
+    }
 
     // récupération d'un article pour modification
     public function makeArticleNode(string $id = '', bool $get_section = false): bool
diff --git a/src/router.php b/src/router.php
index 7459a0d..1127c81 100644
--- a/src/router.php
+++ b/src/router.php
@@ -141,11 +141,16 @@ elseif($request->getMethod() === 'POST'){
                 }
             }
 
+            /* -- site entier (header, footer, favicon) -- */
+            elseif($request->query->has('entire_site_edit')){
+                $request_params = explode('_', $request->query->get('entire_site_edit')); // header_title, header_description, footer_text, etc
+                HeadFootController::setTextData($entityManager, $request_params, $json);
+            }
 
             /* -- page Menu et chemins -- */
             elseif(isset($_GET['menu_edit']))
             {
-                // ne suit pas la règle, faire ça dans un contrôleur
+                // ne suit pas la règle, faire ça dans un contrôleur?
                 Model::$menu_data = new Menu($entityManager); // récupération des données
 
                 // flèche gauche <=: position = position du parent + 1, parent = grand-parent, recalculer les positions
diff --git a/src/view/FooterBuilder.php b/src/view/FooterBuilder.php
index 0a3f55c..c1e0f7a 100644
--- a/src/view/FooterBuilder.php
+++ b/src/view/FooterBuilder.php
@@ -26,6 +26,17 @@ class FooterBuilder extends AbstractBuilder
             $empty_admin_zone = '';
             if($_SESSION['admin'])
             {
+                $buttons_footer_name = '<img id="footer_name_open" class="action_icon" src="assets/edit.svg" onclick="footer_name.openTextInput()">
+                    <img id="footer_name_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_name.submitTextInput()">
+                    <img id="footer_name_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_name.cancelTextInput()">';
+                $buttons_footer_address = '<img id="footer_address_open" class="action_icon" src="assets/edit.svg" onclick="footer_address.openTextInput()">
+                    <img id="footer_address_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_address.submitTextInput()">
+                    <img id="footer_address_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_address.cancelTextInput()">';
+                $buttons_footer_email = '<img id="footer_email_open" class="action_icon" src="assets/edit.svg" onclick="footer_email.openTextInput()">
+                    <img id="footer_email_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_email.submitTextInput()">
+                    <img id="footer_email_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_email.cancelTextInput()">';
+
+                // zone admin
                 $empty_admin_zone = 'empty_admin_zone';
                 if(MainBuilder::$modif_mode){
                     $mode = 'modification de page';
@@ -61,6 +72,10 @@ class FooterBuilder extends AbstractBuilder
                     $url->addParams(['id' => $_GET['id']]);
                 }
                 $zone_admin = '<button><a href="' . $url . '">Mode admin</a></button>';
+
+                $buttons_footer_name = '';
+                $buttons_footer_address = '';
+                $buttons_footer_email = '';
             }
 
             ob_start();
diff --git a/src/view/HeadBuilder.php b/src/view/HeadBuilder.php
index b1dfacb..978d9ed 100644
--- a/src/view/HeadBuilder.php
+++ b/src/view/HeadBuilder.php
@@ -33,8 +33,11 @@ class HeadBuilder extends AbstractBuilder
                 $js .= '<script src="' . self::versionedFileURL('js', 'modif_page') . '"></script>' . "\n";
             }
 
-            // tinymce, nécéssite un script de copie dans composer.json
             if($_SESSION['admin']){
+                // édition éléments sur toutes les pages (header, footer et favicon)
+                $js .= '<script src="' . self::versionedFileURL('js', 'InputText') . '"></script>' . "\n";
+
+                // tinymce, nécéssite un script de copie dans composer.json
                 $css .= '<link rel="stylesheet" href="' . self::versionedFileURL('css', 'tinymce') . '">' . "\n";
                 $js .= '<script src="' . self::versionedFileURL('js', 'tinymce/tinymce.min') . '"></script>' . "\n"; // pour js/tinymce/tinymce.min.js
                 $js .= '<script src="' . self::versionedFileURL('js', 'tinymce') . '"></script>' . "\n";
diff --git a/src/view/HeaderBuilder.php b/src/view/HeaderBuilder.php
index dc4aec4..5492340 100644
--- a/src/view/HeaderBuilder.php
+++ b/src/view/HeaderBuilder.php
@@ -77,6 +77,33 @@ class HeaderBuilder extends AbstractBuilder
                     <img src="assets/' . $one_key . '.svg" alt="' . $one_key . '_alt"></a>';
             }
             
+            // boutons mode admin
+            if($_SESSION['admin']){
+                $edit_favicon_hidden = 'hidden';
+                $button_favicon = '';
+                $button_header_logo = '';
+                //$edit_favicon_hidden = '';
+                //$favicon = 'assets/favicon48x48.png'; // double le code dans HeadBuilder
+                //$button_favicon = '<button onclick="editFavicon()"><img class="action_icon" src="' . $favicon . '"> Favicon</button>';
+                //$button_header_logo = '<img class="action_icon" src="assets/edit.svg" onclick="editHeaderLogo()">';
+                $buttons_header_title = '<img id="header_title_open" class="action_icon" src="assets/edit.svg" onclick="header_title.openTextInput()">
+                    <img id="header_title_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_title.submitTextInput()">
+                    <img id="header_title_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_title.cancelTextInput()">';
+                $buttons_header_description = '<img id="header_description_open" class="action_icon" src="assets/edit.svg" onclick="header_description.openTextInput()">
+                    <img id="header_description_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_description.submitTextInput()">
+                    <img id="header_description_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_description.cancelTextInput()">';
+                //$buttons_social_networks = '<img class="action_icon" src="assets/edit.svg" onclick="editSocialNetworks()">';
+                $buttons_social_networks = '';
+            }
+            else{
+                $edit_favicon_hidden = 'hidden';
+                $button_favicon = '';
+                $button_header_logo = '';
+                $buttons_header_title = '';
+                $buttons_header_description = '';
+                $buttons_social_networks = '';
+            }
+            
             ob_start();
             require $viewFile;
             $this->html .= ob_get_clean();
diff --git a/src/view/templates/footer.php b/src/view/templates/footer.php
index 1b63edf..dbace6a 100644
--- a/src/view/templates/footer.php
+++ b/src/view/templates/footer.php
@@ -1,11 +1,28 @@
 <?php declare(strict_types=1); ?>
             <footer>
 <?= $breadcrumb ?>
-                <div>
-                    <p class="contact"><?= $contact_nom ?><br>
-                        <?= $adresse ?><br>
-                        <a href="mailto:<?= $e_mail ?>"><?= $e_mail ?></a></p>
-                    <p class="footer_logo"><img src="<?= $footer_logo ?>" alt="logo"><p>
+                <div class="data">
+                    <div class="contact">
+                        <div id="footer_name">
+                            <script>let footer_name = new InputText('footer_name');</script>
+                            <span id="footer_name_span"><?= htmlspecialchars($name ?? '') ?></span>
+                            <input type="text" id="footer_name_input" class="hidden" value="<?= htmlspecialchars($name ?? '') ?>" size="30">
+                            <?= $buttons_footer_name ?>
+                        </div>
+                        <div id="footer_address">
+                            <script>let footer_address = new InputText('footer_address');</script>
+                            <span id="footer_address_span"><?= htmlspecialchars($adresse ?? '') ?></span>
+                            <input type="text" id="footer_address_input" class="hidden" value="<?= htmlspecialchars($adresse ?? '') ?>" size="30">
+                            <?= $buttons_footer_address ?>
+                        </div>
+                        <div id="footer_email">
+                            <script>let footer_email = new InputText('footer_email');</script>
+                            <a href="mailto:<?= $e_mail ?>"><span id="footer_email_span"><?= htmlspecialchars($email ?? '') ?></span></a>
+                            <input type="text" id="footer_email_input" class="hidden" value="<?= htmlspecialchars($email ?? '') ?>" size="30">
+                            <?= $buttons_footer_email ?>
+                        </div>
+                    </div>
+                    <p class="footer_logo"><img src="<?= $footer_logo ?>" alt="logo"></p>
                 </div>
                 <div class="<?= $empty_admin_zone ?>"></div>
                 <div class="<?= $div_admin ?>">
diff --git a/src/view/templates/header.php b/src/view/templates/header.php
index d419a12..7977ef3 100644
--- a/src/view/templates/header.php
+++ b/src/view/templates/header.php
@@ -7,19 +7,36 @@
             </div>
 
             <div class="header-content">
-                <div class="head_logo">
-                    <a href="<?= new URL ?>"><img src="<?= $header_logo ?>" alt="logo_alt"></a>
+                <div class="header_left_col">
+                    <div id="edit_favicon_zone" class="<?= $edit_favicon_hidden ?>">
+                        <?= $button_favicon ?>
+                    </div>
+                    <div>
+                        <a href="<?= new URL ?>"><img id="header_logo" src="<?= $header_logo ?>" alt="logo_alt"></a>
+                        <?= $button_header_logo ?>
+                    </div>
                 </div>
                 <div class="nav_button">
                     <button>MENU</button>
                 </div>
                 <div class="site_title">
-                    <a href="<?= new URL ?>"><h1><?= $title ?></h1></a>
-                    <h2><?= $description ?></h2>
+                    <h1 id="header_title">
+                        <script>let header_title = new InputText('header_title');</script>
+                        <a href="<?= new URL ?>"><span id="header_title_span"><?= htmlspecialchars($title ?? '') ?></span></a>
+                        <input type="text" id="header_title_input" class="hidden" value="<?= htmlspecialchars($title ?? '') ?>" size="30">
+                        <?= $buttons_header_title ?>
+                    </h1>
+                    <h2 id="header_description">
+                        <script>let header_description = new InputText('header_description');</script>
+                        <span id="header_description_span"><?= htmlspecialchars($description ?? '') ?></span>
+                        <input type="text" id="header_description_input" class="hidden" value="<?= htmlspecialchars($description ?? '') ?>" size="30">
+                        <?= $buttons_header_description ?>
+                    </h2>
                 </div>
-                <div>
+                <div class="header_right_col">
                     <div class="social">
                         <?= $social_networks ?>
+                        <?= $buttons_social_networks ?>
                     </div>
                     <?= $breadcrumb ?? '' ?>
                 </div>