From 822f526fd7f4e89043e64b435961720b622bdb6e Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Wed, 29 Oct 2025 12:08:28 +0100
Subject: =?UTF-8?q?gestion=20r=C3=A9seaux=20sociaux=20pr=C3=A9sents/absent?=
 =?UTF-8?q?s,=20partie=201?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/head.css                   |  5 ----
 public/js/Input.js                    | 12 +++++++--
 src/controller/HeadFootController.php |  7 ++---
 src/model/entities/NodeData.php       |  2 ++
 src/view/HeaderBuilder.php            | 51 ++++++++++++++++++-----------------
 src/view/templates/header.php         |  8 +-----
 src/view/templates/modify_block.php   |  1 +
 7 files changed, 44 insertions(+), 42 deletions(-)

diff --git a/public/css/head.css b/public/css/head.css
index 3d9d6ca..b5f1bd1 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -88,11 +88,6 @@ header a
 	flex-wrap: wrap;
 }
 #header_social_content img
-{
-	width: 28px;
-	
-}
-#header_social_content a img
 {
 	width: 28px;
 	background-color: #ffffffb3;
diff --git a/public/js/Input.js b/public/js/Input.js
index 6c5af10..54872d1 100644
--- a/public/js/Input.js
+++ b/public/js/Input.js
@@ -76,11 +76,19 @@ class InputText extends InputToggler{
 
 class InputTextSocialNetwork extends InputText{
 	open(){
-		this.input_elem.value = this.content_elem.parentNode.href;
+		const elem_parent = this.content_elem.parentNode;
+		if(elem_parent.tagName.toLowerCase() === 'a'){
+			this.input_elem.value = elem_parent.href;
+		}
 		super.open();
 	}
 	onSuccess(data){
-		this.content_elem.parentNode.href = this.input_elem.value;
+		if(this.input_elem.value){
+			this.content_elem.parentNode.href = this.input_elem.value;
+		}
+		else{
+			this.content_elem.parentNode.removeAttribute('href');
+		}
 	}
 }
 
diff --git a/src/controller/HeadFootController.php b/src/controller/HeadFootController.php
index ffa33bc..7597683 100644
--- a/src/controller/HeadFootController.php
+++ b/src/controller/HeadFootController.php
@@ -3,14 +3,13 @@
 
 declare(strict_types=1);
 
+use App\Entity\NodeData;
 use App\Entity\NodeDataAsset;
 use App\Entity\Asset;
 use Doctrine\ORM\EntityManager;
 
 class HeadFootController
 {
-	static array $social_networks = ['facebook', 'instagram', 'linkedin', 'github']; // à completer
-
 	static public function setTextData(EntityManager $entityManager, string $request_params, array $json): void
 	{
 		$params_array = explode('_', $request_params); // header_title, header_description, footer_name, footer_address, footer_email
@@ -22,7 +21,8 @@ class HeadFootController
 		$model = new Model($entityManager);
 		if($model->findWhateverNode('name_node', $params_array[0])){
 			$node_data = $model->getNode()->getNodeData();
-			if(in_array($params_array[1], self::$social_networks)){
+
+			if(in_array($params_array[1], NodeData::$social_networks)){
 				$social = $node_data->getData()['social'];
 				$social[$params_array[1]] = $json['new_text'];
 				$node_data->updateData('social', $social);
@@ -30,6 +30,7 @@ class HeadFootController
 			else{
 				$node_data->updateData($params_array[1], $json['new_text']); // $params_array[1] n'est pas contrôlé
 			}
+			
 			$entityManager->flush();
 			echo json_encode(['success' => true]);
 		}
diff --git a/src/model/entities/NodeData.php b/src/model/entities/NodeData.php
index ed94f1b..b0aaef9 100644
--- a/src/model/entities/NodeData.php
+++ b/src/model/entities/NodeData.php
@@ -13,6 +13,8 @@ use Doctrine\Common\Collections\Collection; // interface
 #[ORM\Table(name: TABLE_PREFIX . "node_data")]
 class NodeData
 {
+    static array $social_networks = ['facebook', 'instagram', 'linkedin', 'github']; // à completer
+    
     #[ORM\Id]
     #[ORM\GeneratedValue]
     #[ORM\Column(type: "integer")]
diff --git a/src/view/HeaderBuilder.php b/src/view/HeaderBuilder.php
index 4fbf941..1cc4fc3 100644
--- a/src/view/HeaderBuilder.php
+++ b/src/view/HeaderBuilder.php
@@ -4,6 +4,7 @@
 declare(strict_types=1);
 
 use App\Entity\Node;
+use App\Entity\NodeData;
 use App\Entity\Asset;
 
 class HeaderBuilder extends AbstractBuilder
@@ -47,6 +48,7 @@ class HeaderBuilder extends AbstractBuilder
             $header_logo = Asset::USER_PATH . $node_data->getAssetByRole('header_logo')?->getFileName() ?? '';
             $header_background_name = $node_data->getAssetByRole('header_background')?->getFileName();
             $header_background = $header_background_name ? Asset::USER_PATH . $header_background_name : '';
+            $social_networks = '';
             
             // boutons mode admin
             if($_SESSION['admin']){
@@ -66,6 +68,7 @@ class HeaderBuilder extends AbstractBuilder
                     <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
                 $admin_header_title = '<input type="text" id="header_title_input" class="hidden" value="' . htmlspecialchars($title ?? '') . '" placeholder="nom du site web" size="30">
                     <img id="header_title_open" class="action_icon" src="assets/edit.svg" onclick="header_title.open()">
@@ -78,29 +81,23 @@ class HeaderBuilder extends AbstractBuilder
 
                 // icônes réseaux sociaux
                 $header_social_flex_direction = 'column';
-                $admin_social_networks = [];
-                foreach(array_keys($social) as $one_key){
-                    //<input type="file" id="header_' . $one_key . '_input" class="hidden" accept="image/svg+xml, image/png, image/jpeg, image/gif, image/webp, image/tiff">
-                    // sinon plutôt qu'on bouton nouveau réseau, utiliser le foreach avec HeadFootController::$social_networks pour tous les parcourir et placer des cases à cocher
-                    // les icones seront ajoutées par mes soins
-                    $admin_social_networks[$one_key] = '<input type="text" id="header_' . $one_key . '_input" class="hidden" value="' . $social[$one_key] . '" placeholder="nom du réseau social" size="30">
-                        <img id="header_' . $one_key . '_open" class="action_icon" src="assets/edit.svg" onclick="header_' . $one_key . '.open()">
-                        <img id="header_' . $one_key . '_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_' . $one_key . '.submit()">
-                        <img id="header_' . $one_key . '_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_' . $one_key . '.cancel()">
-                        <script>let header_' . $one_key . ' = new InputTextSocialNetwork(\'header_' . $one_key . '\');</script>';
-                }
-                //$admin_social_new_network = '<div>nouveau réseau</div>';
-                $admin_social_new_network = '';
+                // boucle sur la liste complète de réseaux sociaux
+                foreach(NodeData::$social_networks as $network){
+                    $checked = (isset($social_show[$network]) && $social_show[$network]) ? 'checked' : '';
+                    $href = isset($social[$network]) ? 'href="' . $social[$network] . '"' : '';
 
-                /*$social_networks_inputs = '<div id="header_social_input" class="hidden">';
-                foreach(array_keys($social) 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 .= '<div id="header_' . $network . '">
+                        <input type="checkbox" onclick="" ' . $checked . '>
+                        <a ' . $href . ' target="_blank" rel="noopener noreferrer">
+                            <img id="header_' . $network . '_content" src="assets/' . $network . '.svg" alt="'. $network . '_alt">
+                        </a>
+                        <input type="text" id="header_' . $network . '_input" class="hidden" value="' . ($social[$network] ?? "") . '" placeholder="nom du réseau social" size="30">
+                            <img id="header_' . $network . '_open" class="action_icon" src="assets/edit.svg" onclick="header_' . $network . '.open()">
+                            <img id="header_' . $network . '_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_' . $network . '.submit()">
+                            <img id="header_' . $network . '_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_' . $network . '.cancel()">
+                            <script>let header_' . $network . ' = new InputTextSocialNetwork(\'header_' . $network . '\');</script>
+                        </div>';
                 }
-                $social_networks_inputs .= '</div>';*/
             }
             else{
                 $admin_favicon = '';
@@ -108,12 +105,16 @@ class HeaderBuilder extends AbstractBuilder
                 $admin_header_logo = '';
                 $admin_header_title = '';
                 $admin_header_description = '';
+
                 $header_social_flex_direction = 'row';
-                $admin_social_networks = [];
-                foreach(array_keys($social) as $one_key){
-                    $admin_social_networks[$one_key] = '';
+                if(isset($social_show)){
+                    // boucle sur les réseaux sociaux "activés"
+                    foreach(array_keys($social_show) as $network){
+                        $social_networks .= '<div id="header_' . $network . '">
+                                <a href="' . $social[$network] . '" target="_blank" rel="noopener noreferrer"><img id="header_' . $network . '_content" src="assets/' . $network . '.svg" alt="'. $network . '_alt"></a>
+                            </div>';
+                    }
                 }
-                $admin_social_new_network = '';
             }
             
             ob_start();
diff --git a/src/view/templates/header.php b/src/view/templates/header.php
index 89cdd4b..4c39cfd 100644
--- a/src/view/templates/header.php
+++ b/src/view/templates/header.php
@@ -36,13 +36,7 @@
                 <div class="header_right_col">
                     <div id="header_social">
                         <div id="header_social_content" style="flex-direction: <?= $header_social_flex_direction ?>;">
-<?php foreach(array_keys($social) as $one_key){ ?>
-                            <div id="header_<?= $one_key ?>">
-                                <a href="<?= $social[$one_key] ?>" target="_blank" rel="noopener noreferrer"><img id="header_<?= $one_key ?>_content" src="assets/<?= $one_key ?>.svg" alt="<?= $one_key ?>_alt"></a>
-                                <?= $admin_social_networks[$one_key] ?>
-                            </div>
-<?php } ?>
-                        <?= $admin_social_new_network ?>
+                            <?= $social_networks ?>
                         </div>
                     </div>
                     <?= $breadcrumb ?? '' ?>
diff --git a/src/view/templates/modify_block.php b/src/view/templates/modify_block.php
index 6b7ceb0..d855a4a 100644
--- a/src/view/templates/modify_block.php
+++ b/src/view/templates/modify_block.php
@@ -1,3 +1,4 @@
+<?php declare(strict_types=1); ?>
 <div class="modify_one_block" id="bloc_edit_<?= $child_node->getId() ?>">
     <div class="block_options">
         <label for="bloc_rename_<?= $child_node->getId() ?>">Type <b><?= Blocks::$blocks[$child_node->getName()] ?? '<i>erreur base de données</i>' ?></b>
-- 
cgit v1.2.3