classes Input plus adaptables, séparation des rôles

3 files changed, 25 insertions, 12 deletions

diff --git a/src/view/HeaderBuilder.php b/src/view/HeaderBuilder.php
index ae9a888..7e3c363 100644
--- a/src/view/HeaderBuilder.php
+++ b/src/view/HeaderBuilder.php
@@ -43,6 +43,7 @@ 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() ?? '';
             
@@ -55,8 +56,7 @@ class HeaderBuilder extends AbstractBuilder
             
             // boutons mode admin
             if($_SESSION['admin']){
-                // assets dans classe editing_zone
-                $editing_zone_margin = '5px';
+                // 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>
@@ -83,10 +83,21 @@ class HeaderBuilder extends AbstractBuilder
                     <img id="header_description_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_description.cancel()">';
 
                 // 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';
                 $admin_favicon = '';
                 $admin_background = '';
                 $admin_header_logo = '';
diff --git a/src/view/templates/footer.php b/src/view/templates/footer.php
index dc1c6cb..0bc85f5 100644
--- a/src/view/templates/footer.php
+++ b/src/view/templates/footer.php
@@ -17,7 +17,7 @@
                         </div>
                     </div>
                     <div id="footer_logo">
-                        <a id="footer_logo_content" href="<?= new URL ?>"><img src="<?= $footer_logo ?? '' ?>" alt="logo_alt"></a>
+                        <a href="<?= new URL ?>"><img id="footer_logo_content" src="<?= $footer_logo ?? '' ?>" alt="logo_alt"></a>
                         <?= $admin_footer_logo ?>
                     </div>
 <?php if($_SESSION['admin']){ ?>
diff --git a/src/view/templates/header.php b/src/view/templates/header.php
index 4d3b323..9c74f9b 100644
--- a/src/view/templates/header.php
+++ b/src/view/templates/header.php
@@ -5,8 +5,8 @@
             <div id="nav_zone">
                 <?= $nav ?>
             </div>
-            <div>
-                <div id="head_favicon" style="margin: <?= $editing_zone_margin ?>;">
+            <div class="header_additional_inputs">
+                <div id="head_favicon">
                     <?= $admin_favicon ?>
                 </div>
                 <div id="header_background">
@@ -16,7 +16,7 @@
             <div class="header_content">
                 <div class="header_left_col">
                     <div id="header_logo">
-                        <a id="header_logo_content" href="<?= new URL ?>"><img src="<?= $header_logo ?? '' ?>" alt="header_logo"></a>
+                        <a href="<?= new URL ?>"><img id="header_logo_content" src="<?= $header_logo ?? '' ?>" alt="header_logo"></a>
                         <?= $admin_header_logo ?>
                     </div>
                 </div>
@@ -25,7 +25,7 @@
                 </div>
                 <div class="header_center_col">
                     <h1 id="header_title">
-                        <a id="header_title_content" href="<?= new URL ?>"><?= htmlspecialchars($title ?? '') ?></a></span>
+                        <a id="header_title_content" href="<?= new URL ?>"><?= htmlspecialchars($title ?? '') ?></a>
                         <?= $admin_header_title ?>
                     </h1>
                     <h2 id="header_description">
@@ -35,7 +35,9 @@
                 </div>
                 <div class="header_right_col">
                     <div id="header_social">
-                        <?= $social_networks ?>
+                        <div id="header_social_content">
+                            <?= $social_networks ?>
+                        </div>
                         <?= $admin_social_networks ?>
                     </div>
                     <?= $breadcrumb ?? '' ?>
@@ -43,12 +45,12 @@
             </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 InputFile('header_social');
+                let header_social = new InputToggler('header_social');
             </script>
 <?php } ?>
         </header>
\ No newline at end of file