Wrap accordion label in a span

tienvx · Oct 18, 2021 · 2d0d313 · 2d0d313
1 parent 295cf68
commit 2d0d313
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 4 deletions.
diff --git a/README.md b/README.md
@@ -14,7 +14,7 @@ UX Collection JS requires PHP 7.4+ and Symfony 4.4+.
 Install this bundle using Composer and Symfony Flex:
 
 ```sh
-composer require tienvx/ux-collection-js:^1.0@alpha
+composer require tienvx/ux-collection-js:^1.0@beta
 
 # Don't forget to install the JavaScript dependencies as well and compile
 yarn add --dev '@symfony/stimulus-bridge@^2.0.0'

diff --git a/src/Resources/views/bootstrap_3_layout.html.twig b/src/Resources/views/bootstrap_3_layout.html.twig
@@ -13,7 +13,7 @@
         <div class="panel-heading" role="tab">
             <a class="{{ form.vars.valid ? 'collapsed' }}" data-toggle="collapse" href="#{{ id }}-contents" aria-expanded="{{ form.vars.valid ? 'false' : 'true' }}">
                 <i class="fa fa-chevron-right collection-js-accordion-collapse-marker"></i>
-                {{ value|collection_js_as_string }}
+                {{ block('collection_js_accordion_label') }}
             </a>
             {{ block('collection_js_actions') }}
         </div>

diff --git a/src/Resources/views/bootstrap_4_layout.html.twig b/src/Resources/views/bootstrap_4_layout.html.twig
@@ -13,7 +13,7 @@
         <div class="card-header">
             <a class="{{ form.vars.valid ? 'collapsed' }}" data-toggle="collapse" href="#{{ id }}-contents" aria-expanded="{{ form.vars.valid ? 'false' : 'true' }}">
                 <i class="fa fa-chevron-right collection-js-accordion-collapse-marker"></i>
-                {{ value|collection_js_as_string }}
+                {{ block('collection_js_accordion_label') }}
             </a>
             {{ block('collection_js_actions') }}
         </div>

diff --git a/src/Resources/views/bootstrap_5_layout.html.twig b/src/Resources/views/bootstrap_5_layout.html.twig
@@ -13,7 +13,7 @@
         <h2 class="accordion-header">
             <button class="accordion-button {{ form.vars.valid ? 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#{{ id }}-contents">
                 <i class="fa fa-chevron-right collection-js-accordion-collapse-marker"></i>
-                {{ value|collection_js_as_string }}
+                {{ block('collection_js_accordion_label') }}
             </button>
             {{ block('collection_js_actions') }}
         </h2>

diff --git a/src/Resources/views/form_div_layout.html.twig b/src/Resources/views/form_div_layout.html.twig
@@ -90,3 +90,7 @@
         {{ form_widget(form) }}
     {% endif %}
 {% endblock collection_js_accordion_item_body %}
+
+{% block collection_js_accordion_label %}
+    <span class="collection-js-accordion-label">{{ value|collection_js_as_string }}</span>
+{% endblock collection_js_accordion_label %}