From 006b8cdbe68d27f39a2ffd4e5eb8c8fedecf14f2 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Sun, 26 May 2024 14:51:12 +0200
Subject: [PATCH] block builde: add custom class setting

---
 src/core/BuilderBlock/Block/Bootstrap/ColumnBlock.php          | 3 ++-
 src/core/BuilderBlock/Block/Bootstrap/ContainerBlock.php       | 1 +
 src/core/BuilderBlock/Block/Bootstrap/RowBlock.php             | 1 +
 src/core/Resources/translations/messages.fr.yaml               | 1 +
 .../Resources/views/builder_block/bootstrap/column.html.twig   | 2 +-
 .../views/builder_block/bootstrap/container.html.twig          | 2 +-
 src/core/Resources/views/builder_block/bootstrap/row.html.twig | 2 +-
 7 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/core/BuilderBlock/Block/Bootstrap/ColumnBlock.php b/src/core/BuilderBlock/Block/Bootstrap/ColumnBlock.php
index b17c101..71be682 100644
--- a/src/core/BuilderBlock/Block/Bootstrap/ColumnBlock.php
+++ b/src/core/BuilderBlock/Block/Bootstrap/ColumnBlock.php
@@ -17,7 +17,7 @@ class ColumnBlock extends BootstrapBlock
             ->setLabel('Column')
             ->setIsContainer(true)
             ->setOrder(3)
-            ->setClass('col-12 col-lg-2 pr-md-1')
+            ->setClass('col-12 col-lg-3 pr-md-1')
             ->setTemplate('@Core/builder_block/bootstrap/column.html.twig')
             ->setIcon('<i class="fas fa-columns"></i>')
             ->addSetting(name: 'size', label: 'Extra small', type: 'number', attributes: ['min' => 0, 'max' => 12])
@@ -25,6 +25,7 @@ class ColumnBlock extends BootstrapBlock
             ->addSetting(name: 'sizeMd', label: 'Medium', type: 'number', attributes: ['min' => 0, 'max' => 12])
             ->addSetting(name: 'sizeLg', label: 'Large', type: 'number', attributes: ['min' => 0, 'max' => 12])
             ->addSetting(name: 'sizeXl', label: 'Extra large', type: 'number', attributes: ['min' => 0, 'max' => 12])
+            ->addSetting(name: 'customClass', label: 'Custom class', type: 'text')
         ;
     }
 }
diff --git a/src/core/BuilderBlock/Block/Bootstrap/ContainerBlock.php b/src/core/BuilderBlock/Block/Bootstrap/ContainerBlock.php
index ff40827..3382d28 100644
--- a/src/core/BuilderBlock/Block/Bootstrap/ContainerBlock.php
+++ b/src/core/BuilderBlock/Block/Bootstrap/ContainerBlock.php
@@ -20,6 +20,7 @@ class ContainerBlock extends BootstrapBlock
             ->setTemplate('@Core/builder_block/bootstrap/container.html.twig')
             ->setIcon('<i class="fas fa-th"></i>')
             ->addSetting(name: 'isFluid', label: 'Fluid', type: 'checkbox')
+            ->addSetting(name: 'customClass', label: 'Custom class', type: 'text')
         ;
     }
 }
diff --git a/src/core/BuilderBlock/Block/Bootstrap/RowBlock.php b/src/core/BuilderBlock/Block/Bootstrap/RowBlock.php
index 3eb5edf..5ade3da 100644
--- a/src/core/BuilderBlock/Block/Bootstrap/RowBlock.php
+++ b/src/core/BuilderBlock/Block/Bootstrap/RowBlock.php
@@ -20,6 +20,7 @@ class RowBlock extends BootstrapBlock
             ->setIcon('<i class="fas fa-align-justify"></i>')
             ->setTemplate('@Core/builder_block/bootstrap/row.html.twig')
             ->addWidget('bsColumn')
+            ->addSetting(name: 'customClass', label: 'Custom class', type: 'text')
         ;
     }
 }
diff --git a/src/core/Resources/translations/messages.fr.yaml b/src/core/Resources/translations/messages.fr.yaml
index efbbfe8..31daaf0 100644
--- a/src/core/Resources/translations/messages.fr.yaml
+++ b/src/core/Resources/translations/messages.fr.yaml
@@ -232,3 +232,4 @@
 "Level": "Niveau"
 "Insert line breaks": "Ajouter les retours chariot"
 'Allow HTML': "Autoriser l'HTML"
+"Custom class": "Classe personnalisée"
diff --git a/src/core/Resources/views/builder_block/bootstrap/column.html.twig b/src/core/Resources/views/builder_block/bootstrap/column.html.twig
index 57677a6..8c3cdf9 100644
--- a/src/core/Resources/views/builder_block/bootstrap/column.html.twig
+++ b/src/core/Resources/views/builder_block/bootstrap/column.html.twig
@@ -6,7 +6,7 @@
     'col-xl-': settings.sizeXl|default(null),
 } %}
 
-<div class="col {% for i, v in sizes%}{% if v|length %}{{ i }}{{ v }} {% endif %}{% endfor -%}" id="{{ id }}">
+<div class="col {% for i, v in sizes%}{% if v|length %}{{ i }}{{ v }} {% endif %}{% endfor -%} {{ settings.customClass|default(null) }}" id="{{ id }}">
     {% for item in children %}
         {{ item|block_to_html(context) }}
     {% endfor %}
diff --git a/src/core/Resources/views/builder_block/bootstrap/container.html.twig b/src/core/Resources/views/builder_block/bootstrap/container.html.twig
index 8f2748d..aacd7d1 100644
--- a/src/core/Resources/views/builder_block/bootstrap/container.html.twig
+++ b/src/core/Resources/views/builder_block/bootstrap/container.html.twig
@@ -1,4 +1,4 @@
-<div class="container{% if settings.isFluid|default(false) %}-fluid{% endif %}" id="{{ id }}">
+<div class="container{% if settings.isFluid|default(false) %}-fluid{% endif %}  {{ settings.customClass|default(null) }}" id="{{ id }}">
     {% for item in children %}
         {{ item|block_to_html(context) }}
     {% endfor %}
diff --git a/src/core/Resources/views/builder_block/bootstrap/row.html.twig b/src/core/Resources/views/builder_block/bootstrap/row.html.twig
index 96dc276..45e54e7 100644
--- a/src/core/Resources/views/builder_block/bootstrap/row.html.twig
+++ b/src/core/Resources/views/builder_block/bootstrap/row.html.twig
@@ -1,4 +1,4 @@
-<div class="row" id="{{ id }}">
+<div class="row  {{ settings.customClass|default(null) }}" id="{{ id }}">
     {% for item in children %}
         {{ item|block_to_html(context) }}
     {% endfor %}