small refactor

ibexa · Apr 11, 2022 · 0ce0213 · 0ce0213
1 parent 305429d
commit 0ce0213
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 13 deletions.
diff --git a/src/bundle/Resources/public/js/scripts/adaptive.filters.js b/src/bundle/Resources/public/js/scripts/adaptive.filters.js
@@ -2,7 +2,7 @@
     const adaptiveFilters = doc.querySelectorAll('.ibexa-adaptive-filters');
     const initializeAdaptiveFilters = (adaptiveFilter) => {
         const adaptiveItemsContainer = adaptiveFilter.querySelector('.ibexa-adaptive-filters__items');
-        const adaptiveItemsCollapsibleContainer = adaptiveFilter.querySelector('.ibexa-adaptive-filters__hidden');
+        const adaptiveItemsCollapsibleContainer = adaptiveFilter.querySelector('.ibexa-adaptive-filters__collapsible');
         const actionsContainer = adaptiveFilter.querySelector('.ibexa-adaptive-filters__actions');
         const toggleBtn = adaptiveFilter.querySelector('.ibexa-adaptive-filters__toggler');
         const collapse = global.bootstrap.Collapse.getOrCreateInstance(adaptiveItemsCollapsibleContainer, {

diff --git a/src/bundle/Resources/public/scss/_adaptive-filters.scss b/src/bundle/Resources/public/scss/_adaptive-filters.scss
@@ -29,7 +29,7 @@
         margin: calculateRem(-33px) calculateRem(-33px) calculateRem(24px) calculateRem(-33px);
     }
 
-    &__main {
+    &__visible {
         display: flex;
         align-items: flex-end;
         width: 100%;
@@ -76,7 +76,7 @@
         overflow: hidden;
     }
 
-    &__hidden {
+    &__collapsible {
         display: flex;
         padding: calculateRem(8px) 0 calculateRem(16px);
         border-top: calculateRem(1px) solid $ibexa-color-light;

diff --git a/...nslations/ibexa_adaptive_filters.en.xliff → ...es/translations/adaptive_filters.en.xliff b/...nslations/ibexa_adaptive_filters.en.xliff → ...es/translations/adaptive_filters.en.xliff
diff --git a/...dle/Resources/views/themes/admin/ui/component/adaptive_filters/adaptive_filters.html.twig b/...dle/Resources/views/themes/admin/ui/component/adaptive_filters/adaptive_filters.html.twig
@@ -1,6 +1,6 @@
 {% import "@ibexadesign/ui/component/macros.html.twig" as html %}
 
-{% trans_default_domain 'ibexa_adaptive_filters' %}
+{% trans_default_domain 'adaptive_filters' %}
 
 {% set attr = attr|default({})|merge({
     class: ('ibexa-adaptive-filters '
@@ -15,7 +15,7 @@
 {% set collapse_id = collapse_id|default('ibexa-adaptive-filters-collapse-' ~ random()) %}
 
 {{ form_start(form, { attr: attr|merge(attr_form)}) }}
-    <div class="ibexa-adaptive-filters__main">
+    <div class="ibexa-adaptive-filters__visible">
         <div class="ibexa-adaptive-filters__static-left">
             {% block static_left %}
                 <div class="form-group">
@@ -25,13 +25,15 @@
             {% endblock %}
         </div>
         <div class="ibexa-adaptive-filters__items ibexa-adaptive-filters__items--empty ibexa-adaptive-items">
-            {% block collapsible_items %}
-                {% for item in collapsible_items %}
-                    {% include '@ibexadesign/ui/component/adaptive_filters/adaptive_filters_item.html.twig' with {
-                        content: item,
-                    } %}
-                {% endfor %}
-            {% endblock %}
+            {% if not no_collapsible_items|default(false) %}
+                {% block collapsible_items %}
+                    {% for item in collapsible_items %}
+                        {% include '@ibexadesign/ui/component/adaptive_filters/adaptive_filters_item.html.twig' with {
+                            content: item,
+                        } %}
+                    {% endfor %}
+                {% endblock %}
+            {% endif %}
             <div class="ibexa-adaptive-filters__actions ibexa-adaptive-items__item ibexa-adaptive-items__item--force-show">
                 {% block actions %}
                     <button
@@ -83,5 +85,5 @@
             </div>
         </div>
     </div>
-    <div class="ibexa-adaptive-filters__hidden collapse" id="{{ collapse_id }}"></div>
+    <div class="ibexa-adaptive-filters__collapsible collapse" id="{{ collapse_id }}"></div>
 {{ form_end(form) }}