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

6 files changed, 81 insertions, 41 deletions

diff --git a/src/view/AbstractBuilder.php b/src/view/AbstractBuilder.php
index 34d1462..3d315b1 100644
--- a/src/view/AbstractBuilder.php
+++ b/src/view/AbstractBuilder.php
@@ -7,7 +7,7 @@ use App\Entity\Node;
 
 abstract class AbstractBuilder
 {
-        public const VIEWS_PATH = '../src/view/templates/';
+        const VIEWS_PATH = '../src/view/templates/';
         protected string $html = '';
     protected int $id_node;
 
diff --git a/src/view/FooterBuilder.php b/src/view/FooterBuilder.php
index dc0d31d..35df010 100644
--- a/src/view/FooterBuilder.php
+++ b/src/view/FooterBuilder.php
@@ -26,15 +26,19 @@ 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.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()">';
+                $buttons_footer_name = '<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()">
+                    <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()">
+                    <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()">
+                    <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()">';
 
                 // zone admin
                 $empty_admin_zone = 'empty_admin_zone';
@@ -76,6 +80,7 @@ class FooterBuilder extends AbstractBuilder
                 $buttons_footer_name = '';
                 $buttons_footer_address = '';
                 $buttons_footer_email = '';
+                $buttons_footer_logo = '';
             }
 
             ob_start();
diff --git a/src/view/HeadBuilder.php b/src/view/HeadBuilder.php
index 978d9ed..b3d78aa 100644
--- a/src/view/HeadBuilder.php
+++ b/src/view/HeadBuilder.php
@@ -3,6 +3,7 @@
 
 declare(strict_types=1);
 
+use App\Entity\Asset;
 use App\Entity\Node;
 
 class HeadBuilder extends AbstractBuilder
@@ -36,6 +37,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";
 
                 // tinymce, nécéssite un script de copie dans composer.json
                 $css .= '<link rel="stylesheet" href="' . self::versionedFileURL('css', 'tinymce') . '">' . "\n";
@@ -57,7 +59,7 @@ class HeadBuilder extends AbstractBuilder
             }*/
 
             // en dur temporairement
-            $favicon = 'assets/favicon48x48.png';
+            $favicon = Asset::USER_PATH . 'favicon48x48.png';
             $alt = 'favicon';
 
             ob_start();
diff --git a/src/view/HeaderBuilder.php b/src/view/HeaderBuilder.php
index 5492340..3b45a11 100644
--- a/src/view/HeaderBuilder.php
+++ b/src/view/HeaderBuilder.php
@@ -3,6 +3,7 @@
 
 declare(strict_types=1);
 
+use App\Entity\Asset;
 use App\Entity\Node;
 
 class HeaderBuilder extends AbstractBuilder
@@ -79,26 +80,35 @@ class HeaderBuilder extends AbstractBuilder
             
             // 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()">';
+                $editing_zone_margin = '5px';
+                $favicon = Asset::USER_PATH . 'favicon48x48.png'; // double le code dans HeadBuilder
+                $buttons_favicon = '<button id="head_favicon_open" onclick="head_favicon.open()"><img id="head_favicon_img" class="action_icon" src="' . $favicon . '"> Favicon</button>
+                    <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()">';
+                $background = Asset::USER_PATH . 'fond-piscine.jpg';
+                $buttons_background = '<button id="header_background_open" onclick="header_background.open()"><img id="header_background_img" class="background_button" src="' . $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()">';
+
+                $buttons_header_logo = '<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()">';
+
+                $buttons_header_title = '<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()">
+                    <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 = '';
             }
             else{
-                $edit_favicon_hidden = 'hidden';
-                $button_favicon = '';
-                $button_header_logo = '';
+                $editing_zone_margin = '0';
+                $buttons_favicon = '';
+                $buttons_background = '';
+                $buttons_header_logo = '';
                 $buttons_header_title = '';
                 $buttons_header_description = '';
                 $buttons_social_networks = '';
diff --git a/src/view/templates/footer.php b/src/view/templates/footer.php
index 33647a6..2bb5a9e 100644
--- a/src/view/templates/footer.php
+++ b/src/view/templates/footer.php
@@ -4,25 +4,34 @@
                 <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($address ?? '') ?></span>
                             <input type="text" id="footer_address_input" class="hidden" value="<?= htmlspecialchars($address ?? '') ?>" size="30">
                             <?= $buttons_footer_address ?>
                         </div>
                         <div id="footer_email">
-                            <script>let footer_email = new InputText('footer_email');</script>
                             <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 ?>
                         </div>
                     </div>
-                    <p class="footer_logo"><img src="<?= $footer_logo ?>" alt="logo"></p>
+                    <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 ?>
+                    </div>
+<?php if($_SESSION['admin']){ ?>
+                    <script>
+                        let footer_name = new InputText('footer_name');
+                        let footer_address = new InputText('footer_address');
+                        let footer_email = new InputText('footer_email');
+                        let footer_logo = new InputFile('footer_logo');
+                    </script>
+<?php } ?>
                 </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 7977ef3..b63aa84 100644
--- a/src/view/templates/header.php
+++ b/src/view/templates/header.php
@@ -5,15 +5,22 @@
             <div id="nav_zone">
                 <?= $nav ?>
             </div>
-
-            <div class="header-content">
+            <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>
+                <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 ?>
+                </div>
+            </div>
+            <div class="header_content">
                 <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 id="header_logo">
+                        <a href="<?= new URL ?>"><img id="header_logo_img" src="<?= $header_logo ?>" alt="logo_alt"></a>
+                        <input type="file" id="header_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
+                        <?= $buttons_header_logo ?>
                     </div>
                 </div>
                 <div class="nav_button">
@@ -21,13 +28,11 @@
                 </div>
                 <div class="site_title">
                     <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 ?>
@@ -41,4 +46,13 @@
                     <?= $breadcrumb ?? '' ?>
                 </div>
             </div>
+<?php if($_SESSION['admin']){ ?>
+            <script>
+                let head_favicon = new InputFile('head_favicon');
+                let header_background = new InputFile('header_background');
+                let header_logo = new InputFile('header_logo');
+                let header_title = new InputText('header_title');
+                let header_description = new InputText('header_description');
+            </script>
+<?php } ?>
         </header>
\ No newline at end of file