rename to ibexa-tabs-switcher

ibexa · Aug 9, 2023 · 0646b2f · 0646b2f
1 parent 48016b3
commit 0646b2f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/src/bundle/Resources/public/js/scripts/admin.anchor.navigation.js b/src/bundle/Resources/public/js/scripts/admin.anchor.navigation.js
@@ -20,7 +20,7 @@
     };
     let currentlyVisibleSections = getSectionGroupActiveItems();
     const attachSectionGroupsMenuListEvents = () => {
-        const items = doc.querySelectorAll('.ibexa-anchor-navigation-menu__section-groups--list .ibexa-switcher__item');
+        const items = doc.querySelectorAll('.ibexa-anchor-navigation-menu__section-groups--list .ibexa-tab-switcher__item');
 
         items.forEach((item) => item.addEventListener('click', onSelectSectionGroupsMenuList, false));
     };
@@ -38,10 +38,10 @@
     const onSelectSectionGroupsMenuList = (event) => {
         const { targetId } = event.currentTarget.dataset;
         const sectionsMenuNode = doc.querySelector(`.ibexa-anchor-navigation-menu__sections[data-id="${targetId}"]`);
-        const sectionGroupsMenuItems = doc.querySelectorAll('.ibexa-anchor-navigation-menu__section-groups--list .ibexa-switcher__item');
+        const sectionGroupsMenuItems = doc.querySelectorAll('.ibexa-anchor-navigation-menu__section-groups--list .ibexa-tab-switcher__item');
 
         sectionGroupsMenuItems.forEach((item) => {
-            item.classList.toggle('ibexa-switcher__item--active', item.isSameNode(event.currentTarget));
+            item.classList.toggle('ibexa-tab-switcher__item--active', item.isSameNode(event.currentTarget));
         });
         showSectionGroup(targetId);
         showSectionsMenu(sectionsMenuNode);
@@ -201,17 +201,17 @@
                     const { id } = sectionGroup.dataset;
                     const hasGroupError = !!sectionGroup.querySelector('.is-invalid');
                     const correspondingMenuItem =
-                        doc.querySelector(`.ibexa-switcher__item[data-target-id="${id}"]`) ??
+                        doc.querySelector(`.ibexa-tab-switcher__item[data-target-id="${id}"]`) ??
                         doc.querySelector(`.ibexa-anchor-navigation-menu .ibexa-dropdown__item[data-value="${id}"]`);
 
                     if (!correspondingMenuItem) {
                         return;
                     }
 
-                    const errorIconNode = correspondingMenuItem.querySelector('.ibexa-switcher__item-error');
+                    const errorIconNode = correspondingMenuItem.querySelector('.ibexa-tab-switcher__item-error');
                     const dropdownWidget = doc.querySelector('.ibexa-anchor-navigation-menu .ibexa-dropdown');
 
-                    errorIconNode.classList.toggle('ibexa-switcher__item-error--hidden', !hasGroupError);
+                    errorIconNode.classList.toggle('ibexa-tab-switcher__item-error--hidden', !hasGroupError);
 
                     if (dropdownWidget) {
                         const hasError = !!dropdownWidget.querySelector(

diff --git a/src/bundle/Resources/public/scss/_switcher.scss b/src/bundle/Resources/public/scss/_switcher.scss
@@ -1,4 +1,4 @@
-.ibexa-switcher {
+.ibexa-tab-switcher {
     padding: calculateRem(4px);
     border-radius: $ibexa-border-radius;
     background-color: $ibexa-color-light-300;

diff --git a/src/bundle/Resources/views/themes/admin/ui/menu/anchor_menu.html.twig b/src/bundle/Resources/views/themes/admin/ui/menu/anchor_menu.html.twig
@@ -31,9 +31,9 @@
 
 {% block children_1st_level %}
     {% for item in currentItem.children %}
-        {%- set itemClass = 'ibexa-switcher__item' %}
+        {%- set itemClass = 'ibexa-tab-switcher__item' %}
         {%- if loop.first %}
-            {%- set itemClass = itemClass ~ ' ibexa-switcher__item--active' %}
+            {%- set itemClass = itemClass ~ ' ibexa-tab-switcher__item--active' %}
         {%- endif %}
         {%- do item.setAttribute('class', (item.getAttribute('class') ~ ' ' ~ itemClass)|trim) -%}
         {%- do item.setAttribute('data-target-id', "#" ~ item.getAttribute('data-target-id')) -%}
@@ -140,9 +140,9 @@
     {%- set itemTagElement = itemTagElement|default('button') %}
 
     <{{ itemTagElement }}{{ knp_menu.attributes(attributes) }}>
-        <div class="ibexa-anchor-navigation-menu__item-label ibexa-switcher__item-label" title="{{ block('label')|raw }}">
+        <div class="ibexa-anchor-navigation-menu__item-label ibexa-tab-switcher__item-label" title="{{ block('label')|raw }}">
             {{ block('label') }}
-            <svg class="ibexa-icon ibexa-icon--small ibexa-switcher__item-error ibexa-switcher__item-error--hidden">
+            <svg class="ibexa-icon ibexa-icon--small ibexa-tab-switcher__item-error ibexa-tab-switcher__item-error--hidden">
                 <use xlink:href="{{ ibexa_icon_path('warning-triangle') }}"></use>
             </svg>
         </div>
@@ -164,7 +164,7 @@
 {% block root %}
     <div class="ibexa-anchor-navigation">
         {% if item.count() < 4 %}
-            {% set listAttributes = item.childrenAttributes|merge({'class': (listAttributes.class|default('') ~ ' ibexa-anchor-navigation-menu__section-groups ibexa-anchor-navigation-menu__section-groups--list ibexa-switcher')|trim}) %}
+            {% set listAttributes = item.childrenAttributes|merge({'class': (listAttributes.class|default('') ~ ' ibexa-anchor-navigation-menu__section-groups ibexa-anchor-navigation-menu__section-groups--list ibexa-tab-switcher')|trim}) %}
             {% set innerChildrenBlock = 'children_1st_level' %}
             {% set innerItemBlock = 'item_1st_level' %}
             {% set tagElement = 'div' %}