correction bug au nombre de colonne lors du changement de la présentation d'un bloc

4 files changed, 8 insertions, 5 deletions

diff --git a/public/js/modif_page.js b/public/js/modif_page.js
index dd7271e..ee2004b 100644
--- a/public/js/modif_page.js
+++ b/public/js/modif_page.js
@@ -188,6 +188,7 @@ function changePresentation(bloc_id){
     .then(data => {
         if(data.success){
             document.getElementById(bloc_id).className = presentation;
+            document.getElementById(bloc_id).querySelector(".section_child").style.gridTemplateColumns = presentation === 'grid' ? 'repeat(auto-fit, minmax(' + data.cols_min_width + 'px, 1fr))' : '';
             document.getElementById('cols_min_width_edit_' + bloc_id).className = presentation === 'grid' ? '' : 'hidden';
             console.log('changement de présentation');
         }
diff --git a/src/view/NewsBlockBuilder.php b/src/view/NewsBlockBuilder.php
index 4716c63..76e42c5 100644
--- a/src/view/NewsBlockBuilder.php
+++ b/src/view/NewsBlockBuilder.php
@@ -23,9 +23,10 @@ class NewsBlockBuilder extends AbstractBuilder
 
             // stratégie d'affichage du contenu (utilisation de méthodes ou de classe List, GridPresentation, etc)
             $section_class = $node->getNodeData()->getPresentation()->getName(); // = list, grid , mosaic ou carousel
+            $cols_min_width = '';
             if($section_class === 'grid'){
-                $min_width = (string)$node->getNodeData()->getColsMinWidth();
-                $cols_min_width = 'grid-template-columns: repeat(auto-fit, minmax(' . $min_width . 'px, 1fr));';
+                $min_width = $node->getNodeData()->getColsMinWidth();
+                $cols_min_width = 'grid-template-columns: repeat(auto-fit, minmax(' . (string)$min_width . 'px, 1fr));';
             }
 
             // ajouter un article
diff --git a/src/view/PostBlockBuilder.php b/src/view/PostBlockBuilder.php
index 017e78e..dca4fbd 100644
--- a/src/view/PostBlockBuilder.php
+++ b/src/view/PostBlockBuilder.php
@@ -23,9 +23,10 @@ class PostBlockBuilder extends AbstractBuilder
 
             // stratégie d'affichage du contenu (utilisation de méthodes ou de classe List, GridPresentation, etc)
             $section_class = $node->getNodeData()->getPresentation()->getName(); // = list, grid , mosaic ou carousel
+            $cols_min_width = '';
             if($section_class === 'grid'){
-                $min_width = (string)$node->getNodeData()->getColsMinWidth();
-                $cols_min_width = 'grid-template-columns: repeat(auto-fit, minmax(' . $min_width . 'px, 1fr));';
+                $min_width = $node->getNodeData()->getColsMinWidth();
+                $cols_min_width = 'grid-template-columns: repeat(auto-fit, minmax(' . (string)$min_width . 'px, 1fr));';
             }
 
             // ajouter un article
diff --git a/src/view/templates/modify_block.php b/src/view/templates/modify_block.php
index dae8994..2514085 100644
--- a/src/view/templates/modify_block.php
+++ b/src/view/templates/modify_block.php
@@ -27,7 +27,7 @@ if($child_node->getNodeData()->getPresentation() !== null){
                         <?= $this->makePresentationOptions($child_node->getNodeData()->getPresentation()->getName()) ?>
         </select>
         <div id="cols_min_width_edit_<?= $child_node->getId() ?>" class="<?= ($child_node->getNodeData()->getPresentation()->getName() === 'grid' ? '' : 'hidden') ?>">
-                <label for="cols_min_width_select_' . $child_node->getId() . '">Largeur minimum </label>
+                <label for="cols_min_width_select_<?= $child_node->getId() ?>">Largeur minimum </label>
                 <input type="number" id="cols_min_width_select_<?= $child_node->getId() ?>" onchange="changeColsMinWidth(<?= $child_node->getId() ?>)" min="150" max="400" value="<?= $child_node->getNodeData()->getColsMinWidth() ?>"> pixels
                 </div>
         </div>