6 files changed, 87 insertions, 78 deletions

diff --git a/src/view/FooterBuilder.php b/src/view/FooterBuilder.php
index fcb78e0..277de4b 100644
--- a/src/view/FooterBuilder.php
+++ b/src/view/FooterBuilder.php
@@ -30,17 +30,21 @@ class FooterBuilder extends AbstractBuilder
             if($_SESSION['admin'])
             {
                 // données du footer
-                $buttons_footer_name = '<img id="footer_name_open" class="action_icon" src="assets/edit.svg" onclick="footer_name.open()">
+                $admin_footer_name = '<input type="text" id="footer_name_input" class="hidden" value="' . htmlspecialchars($name ?? '') . '" size="30">
+                    <img id="footer_name_open" class="action_icon" src="assets/edit.svg" onclick="footer_name.open()">
                     <img id="footer_name_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_name.submit()">
                     <img id="footer_name_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_name.cancel()">';
-                $buttons_footer_address = '<img id="footer_address_open" class="action_icon" src="assets/edit.svg" onclick="footer_address.open()">
+                $admin_footer_address = '<input type="text" id="footer_address_input" class="hidden" value="' . htmlspecialchars($address ?? '') . '" size="30">
+                    <img id="footer_address_open" class="action_icon" src="assets/edit.svg" onclick="footer_address.open()">
                     <img id="footer_address_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_address.submit()">
                     <img id="footer_address_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_address.cancel()">';
-                $buttons_footer_email = '<img id="footer_email_open" class="action_icon" src="assets/edit.svg" onclick="footer_email.open()">
+                $admin_footer_email = '<input type="text" id="footer_email_input" class="hidden" value="' . htmlspecialchars($email ?? '') . '" size="30">
+                    <img id="footer_email_open" class="action_icon" src="assets/edit.svg" onclick="footer_email.open()">
                     <img id="footer_email_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_email.submit()">
                     <img id="footer_email_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_email.cancel()">';
 
-                $buttons_footer_logo = '<img id="footer_logo_open" class="action_icon" src="assets/edit.svg" onclick="footer_logo.open()">
+                $admin_footer_logo = '<input type="file" id="footer_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
+                    <img id="footer_logo_open" class="action_icon" src="assets/edit.svg" onclick="footer_logo.open()">
                     <img id="footer_logo_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_logo.submit()">
                     <img id="footer_logo_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_logo.cancel()">';
 
@@ -81,10 +85,10 @@ class FooterBuilder extends AbstractBuilder
                 }
                 $zone_admin = '<button><a href="' . $url . '">Mode admin</a></button>';
 
-                $buttons_footer_name = '';
-                $buttons_footer_address = '';
-                $buttons_footer_email = '';
-                $buttons_footer_logo = '';
+                $admin_footer_name = '';
+                $admin_footer_address = '';
+                $admin_footer_email = '';
+                $admin_footer_logo = '';
             }
 
             ob_start();
diff --git a/src/view/HeadBuilder.php b/src/view/HeadBuilder.php
index fd7f751..88e69fb 100644
--- a/src/view/HeadBuilder.php
+++ b/src/view/HeadBuilder.php
@@ -36,8 +36,7 @@ class HeadBuilder extends AbstractBuilder
 
             if($_SESSION['admin']){
                 // édition éléments sur toutes les pages (header, footer et favicon)
-                $js .= '<script src="' . self::versionedFileURL('js', 'InputText') . '"></script>' . "\n";
-                $js .= '<script src="' . self::versionedFileURL('js', 'InputFile') . '"></script>' . "\n";
+                $js .= '<script src="' . self::versionedFileURL('js', 'Input') . '"></script>' . "\n";
 
                 // tinymce, nécéssite un script de copie dans composer.json
                 $css .= '<link rel="stylesheet" href="' . self::versionedFileURL('css', 'tinymce') . '">' . "\n";
@@ -50,7 +49,8 @@ class HeadBuilder extends AbstractBuilder
 
             // favicon
             // ?-> est l'opérateur de navigation sécurisée => LOVE!
-            $favicon = Asset::USER_PATH . ($favicon_object = $node->getNodeData()->getAssetByRole('head_favicon'))?->getFileName() ?? '';
+            $favicon_name = ($favicon_object = $node->getNodeData()->getAssetByRole('head_favicon'))?->getFileName();
+            $favicon = $favicon_name ? Asset::USER_PATH . $favicon_name : '';
             $favicon_type = $favicon_object?->getMimeType() ?? '';
 
             ob_start();
diff --git a/src/view/HeaderBuilder.php b/src/view/HeaderBuilder.php
index 1c82368..4651418 100644
--- a/src/view/HeaderBuilder.php
+++ b/src/view/HeaderBuilder.php
@@ -43,8 +43,10 @@ class HeaderBuilder extends AbstractBuilder
             }
 
             // réseaux sociaux + logo dans l'entête
+            // ?-> est l'opérateur de chainage optionnel
             $header_logo = Asset::USER_PATH . $node_data->getAssetByRole('header_logo')?->getFileName() ?? '';
-            $header_background = Asset::USER_PATH . $node_data->getAssetByRole('header_background')?->getFileName() ?? '';
+            $header_background_name = $node_data->getAssetByRole('header_background')?->getFileName();
+            $header_background = $header_background_name ? Asset::USER_PATH . $header_background_name : '';
             
             $keys = array_keys($social);
             $social_networks = '';
@@ -55,39 +57,54 @@ class HeaderBuilder extends AbstractBuilder
             
             // boutons mode admin
             if($_SESSION['admin']){
-                // assets dans classe editing_zone
-                $editing_zone_margin = '5px';
-                $buttons_favicon = '<button id="head_favicon_open" onclick="head_favicon.open()"><img id="head_favicon_img" class="action_icon"> Favicon</button>
-                    <script>document.getElementById(\'head_favicon_img\').src = window.Config.favicon;</script>
+                // assets dans classe header_additional_inputs
+                $admin_favicon = '<input type="file" id="head_favicon_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff, image/x-icon, image/bmp">
+                    <button id="head_favicon_open" onclick="head_favicon.open()"><img id="head_favicon_content" class="action_icon"> Favicon</button>
+                    <script>document.getElementById("head_favicon_content").src = window.Config.favicon;</script>
                     <img id="head_favicon_submit" class="action_icon hidden" src="assets/save.svg" onclick="head_favicon.submit()">
                     <img id="head_favicon_cancel" class="action_icon hidden" src="assets/close.svg" onclick="head_favicon.cancel()">';
-                $buttons_background = '<button id="header_background_open" onclick="header_background.open()"><img id="header_background_img" class="background_button" src="' . $header_background . '"> Image de fond</button>
+                $admin_background = '<input type="file" id="header_background_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
+                    <button id="header_background_open" onclick="header_background.open()"><img id="header_background_content" class="background_button" src="' . $header_background . '"> Image de fond</button>
                     <img id="header_background_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_background.submit()">
                     <img id="header_background_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_background.cancel()">';
 
                 // asset dans classe header_content
-                $buttons_header_logo = '<img id="header_logo_open" class="action_icon" src="assets/edit.svg" onclick="header_logo.open()">
+                $admin_header_logo = '<input type="file" id="header_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
+                    <img id="header_logo_open" class="action_icon" src="assets/edit.svg" onclick="header_logo.open()">
                     <img id="header_logo_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_logo.submit()">
                     <img id="header_logo_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_logo.cancel()">';
                 // texte dans classe header_content
-                $buttons_header_title = '<img id="header_title_open" class="action_icon" src="assets/edit.svg" onclick="header_title.open()">
+                $admin_header_title = '<input type="text" id="header_title_input" class="hidden" value="' . htmlspecialchars($title ?? '') . '" size="30">
+                    <img id="header_title_open" class="action_icon" src="assets/edit.svg" onclick="header_title.open()">
                     <img id="header_title_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_title.submit()">
                     <img id="header_title_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_title.cancel()">';
-                $buttons_header_description = '<img id="header_description_open" class="action_icon" src="assets/edit.svg" onclick="header_description.open()">
+                $admin_header_description = '<input type="text" id="header_description_input" class="hidden" value="' . htmlspecialchars($description ?? '') . '" size="30">
+                    <img id="header_description_open" class="action_icon" src="assets/edit.svg" onclick="header_description.open()">
                     <img id="header_description_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_description.submit()">
                     <img id="header_description_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_description.cancel()">';
 
-                //$buttons_social_networks = '<img class="action_icon" src="assets/edit.svg" onclick="editSocialNetworks()">';
-                $buttons_social_networks = '';
+                // icônes réseaux sociaux
+                $social_networks_inputs = '<div id="header_social_input" class="hidden">';
+                foreach($keys as $one_key){
+                    $social_networks_inputs .= '<div>
+                        <input type="text" placeholder="nom du réseau social">
+                        <input type="text" placeholder="lien https://...">
+                        <input type="file">
+                    </div>';
+                }
+                $social_networks_inputs .= '</div>';
+                /*$admin_social_networks = $social_networks_inputs . '<img id="header_social_open" class="action_icon" src="assets/edit.svg" onclick="header_social.open()">
+                    <div id="header_social_submit" class="hidden"></div>
+                    <img id="header_social_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_social.cancel()">';*/
+                $admin_social_networks = '';
             }
             else{
-                $editing_zone_margin = '0';
-                $buttons_favicon = '';
-                $buttons_background = '';
-                $buttons_header_logo = '';
-                $buttons_header_title = '';
-                $buttons_header_description = '';
-                $buttons_social_networks = '';
+                $admin_favicon = '';
+                $admin_background = '';
+                $admin_header_logo = '';
+                $admin_header_title = '';
+                $admin_header_description = '';
+                $admin_social_networks = '';
             }
             
             ob_start();
diff --git a/src/view/MenuBuilder.php b/src/view/MenuBuilder.php
index 12298cf..8e8b9a9 100644
--- a/src/view/MenuBuilder.php
+++ b/src/view/MenuBuilder.php
@@ -55,32 +55,26 @@ class MenuBuilder extends AbstractBuilder
                 <img class="move_entry_icon" onclick="switchMenuPositions(' . $entry->getId() . ', \'down\')" src="assets/arrow-down.svg">
                 <span class="menu_entry_checkbox">
                     <input type="checkbox" ' . $checked . ' onclick="checkMenuEntry(' . $entry->getId() . ')">
-                </span>
-                <button>' . $entry->getPageName() . '</button>';
+                </span>';
 
-            // seul la modification des URL est possible pour l'instant, les noms des entrées de menu attendront
+            // entrées URL: bouton poubelle + nom du lien + adresse
             if(str_starts_with($entry->getEndOfPath(), 'http')){
                 $this->html .= '<form style="display: inline;" id="delete-i' . $entry->getId() . '" method="post" action="' . new URL(['from' => 'menu_chemins']) . '">
                         <input type="hidden" name="delete" value="' . $entry->getId() . '">
                         <input type="image" class="move_entry_icon" src="assets/delete-bin.svg" alt="delete link button" onclick="return confirm(\'Voulez-vous vraiment supprimer cette entrée?\');">
                     </form>
-                    <span class="url">
+                    <span class="url_name">
+                        <button class="url_name"><input type="" value="' . htmlspecialchars($entry->getPageName()) . '"></button>
+                        <img class="move_entry_icon" src="assets/save.svg" onclick="editUrl(' . $entry->getId() . ', \'url_name\')">
+                    </span>
+                    <span class="url_content">
                         <input type="url" value="' . htmlspecialchars($entry->getEndOfPath()) . '">
-                        <img class="move_entry_icon" src="assets/save.svg" onclick="editUrlEntry(' . $entry->getId() . ')">
+                        <img class="move_entry_icon" src="assets/save.svg" onclick="editUrl(' . $entry->getId() . ', \'url_content\')">
                     </span>';
-
-                // code à recycler pour pouvoir modifier le nom de l'entrée de menu correspondant aux liens
-                /*$this->html .= '<span id="cancel-i' . $entry->getId() . '">
-                        <input type="hidden" name="cancel" value="' . $entry->getId() . '">
-                        <button class="hidden" onclick="cancelUrlEntry(' . $entry->getId() . ')">Annuler</button>
-                    </span>
-                    <span id="submit-i' . $entry->getId() . '">
-                        <input type="hidden" name="submit" value="' . $entry->getId() . '">
-                        <input type="submit" class="hidden" onclick="submitUrlEntry(' . $entry->getId() . ')">
-                    </span>';*/
             }
             else{
-                $this->html .= '<i class="path">' . $entry->getPagePath() . '</i>';
+                $this->html .= '<button>' . $entry->getPageName() . '</button>
+                    <i class="path">' . $entry->getPagePath() . '</i>';
             }
             
             if(count($entry->getChildren()) > 0){
diff --git a/src/view/templates/footer.php b/src/view/templates/footer.php
index 4db38ae..0bc85f5 100644
--- a/src/view/templates/footer.php
+++ b/src/view/templates/footer.php
@@ -4,25 +4,21 @@
                 <div class="data">
                     <div class="contact">
                         <div id="footer_name">
-                            <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 ?>
+                            <span id="footer_name_content"><?= htmlspecialchars($name ?? '') ?></span>
+                            <?= $admin_footer_name ?>
                         </div>
                         <div id="footer_address">
-                            <span id="footer_address_span"><?= htmlspecialchars($address ?? '') ?></span>
-                            <input type="text" id="footer_address_input" class="hidden" value="<?= htmlspecialchars($address ?? '') ?>" size="30">
-                            <?= $buttons_footer_address ?>
+                            <span id="footer_address_content"><?= htmlspecialchars($address ?? '') ?></span>
+                            <?= $admin_footer_address ?>
                         </div>
                         <div id="footer_email">
-                            <a href="mailto:<?= $email ?>"><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 ?>
+                            <a id="footer_email_content" href="mailto:<?= $email ?>"><?= htmlspecialchars($email ?? '') ?></a>
+                            <?= $admin_footer_email ?>
                         </div>
                     </div>
                     <div id="footer_logo">
-                        <a href="<?= new URL ?>"><img id="footer_logo_img" src="<?= $footer_logo ?? '' ?>" alt="logo_alt"></a>
-                        <input type="file" id="footer_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
-                        <?= $buttons_footer_logo ?>
+                        <a href="<?= new URL ?>"><img id="footer_logo_content" src="<?= $footer_logo ?? '' ?>" alt="logo_alt"></a>
+                        <?= $admin_footer_logo ?>
                     </div>
 <?php if($_SESSION['admin']){ ?>
                     <script>
diff --git a/src/view/templates/header.php b/src/view/templates/header.php
index ac8af7f..9c74f9b 100644
--- a/src/view/templates/header.php
+++ b/src/view/templates/header.php
@@ -5,54 +5,52 @@
             <div id="nav_zone">
                 <?= $nav ?>
             </div>
-            <div class="editing_zone">
-                <div id="head_favicon" style="margin: <?= $editing_zone_margin ?>;">
-                    <input type="file" id="head_favicon_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff, image/x-icon, image/bmp">
-                    <?= $buttons_favicon ?>
+            <div class="header_additional_inputs">
+                <div id="head_favicon">
+                    <?= $admin_favicon ?>
                 </div>
                 <div id="header_background">
-                    <input type="file" id="header_background_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
-                    <?= $buttons_background ?>
+                    <?= $admin_background ?>
                 </div>
             </div>
             <div class="header_content">
                 <div class="header_left_col">
                     <div id="header_logo">
-                        <a href="<?= new URL ?>"><img id="header_logo_img" src="<?= $header_logo ?? '' ?>" alt="header_logo"></a>
-                        <input type="file" id="header_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
-                        <?= $buttons_header_logo ?>
+                        <a href="<?= new URL ?>"><img id="header_logo_content" src="<?= $header_logo ?? '' ?>" alt="header_logo"></a>
+                        <?= $admin_header_logo ?>
                     </div>
                 </div>
                 <div class="nav_button">
                     <button>MENU</button>
                 </div>
-                <div class="site_title">
+                <div class="header_center_col">
                     <h1 id="header_title">
-                        <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 ?>
+                        <a id="header_title_content" href="<?= new URL ?>"><?= htmlspecialchars($title ?? '') ?></a>
+                        <?= $admin_header_title ?>
                     </h1>
                     <h2 id="header_description">
-                        <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 ?>
+                        <span id="header_description_content"><?= htmlspecialchars($description ?? '') ?></span>
+                        <?= $admin_header_description ?>
                     </h2>
                 </div>
                 <div class="header_right_col">
-                    <div class="social">
-                        <?= $social_networks ?>
-                        <?= $buttons_social_networks ?>
+                    <div id="header_social">
+                        <div id="header_social_content">
+                            <?= $social_networks ?>
+                        </div>
+                        <?= $admin_social_networks ?>
                     </div>
                     <?= $breadcrumb ?? '' ?>
                 </div>
             </div>
 <?php if($_SESSION['admin']){ ?>
             <script>
-                let head_favicon = new InputFile('head_favicon');
-                let header_background = new InputFile('header_background');
+                let head_favicon = new InputFileFavicon('head_favicon');
+                let header_background = new InputFileHeaderBackground('header_background');
                 let header_logo = new InputFile('header_logo');
                 let header_title = new InputText('header_title');
                 let header_description = new InputText('header_description');
+                let header_social = new InputToggler('header_social');
             </script>
 <?php } ?>
         </header>
\ No newline at end of file