Issue-490: Fixes Featured content missing on Arabic. (#751)

Co-authored-by: sonvir249 <[email protected]>
Gizra · Nov 13, 2024 · 026a547 · 026a547
1 parent 19ffe87
commit 026a547
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 18 deletions.
diff --git a/web/modules/custom/server_general/src/ElementTrait/CarouselTrait.php b/web/modules/custom/server_general/src/ElementTrait/CarouselTrait.php
@@ -41,12 +41,15 @@ protected function buildElementCarousel(string $title, array $body, array $items
       return [];
     }
 
+    $current_lang_code = \Drupal::languageManager()->getCurrentLanguage();
+
     $elements = [];
     $elements[] = [
       '#theme' => 'server_theme_carousel',
       '#items' => $items,
       '#is_featured' => $is_featured,
       '#is_infinite' => $is_infinite,
+      '#direction' => $current_lang_code->getDirection(),
     ];
 
     if ($button) {

diff --git a/web/themes/custom/server_theme/server_theme.theme b/web/themes/custom/server_theme/server_theme.theme
@@ -304,6 +304,8 @@ function server_theme_theme() {
       'is_infinite' => FALSE,
       // The render array of `server_theme_button`.
       'button' => NULL,
+      // Indicates the carousel direction.
+      'direction' => NULL,
     ],
   ];
 

diff --git a/web/themes/custom/server_theme/templates/server-theme-carousel-base.html.twig b/web/themes/custom/server_theme/templates/server-theme-carousel-base.html.twig
@@ -1,22 +1,24 @@
 {{ attach_library('server_theme/slick') }}
 {% if items is not empty %}
-  <div class="carousel-wrapper"
-       data-carousel-infinite="{{ is_infinite ? 'true' : 'false' }}"
-       data-carousel-dots="{{ dots ? 'true' : 'false' }}"
-       data-carousel-arrows="{{ arrows ? 'true' : 'false' }}"
-       data-carousel-fixed-width-on-mobile="{{ fixed_width_on_mobile ? 'true' : 'false' }}"
-       data-carousel-center-mode-mobile="{{ center_mode_mobile ? 'true' : 'false' }}"
-       data-carousel-responsive="{{ responsive ?? 'true' }}"
-       data-carousel-single-slide="{{ single_slide ? 'true' : 'false' }}"
-       data-slides-to-scroll="{{ slides_to_scroll|default('1') }}"
-       {% if slides_laptop %}data-slides-laptop="{{ slides_laptop }}"{% endif %}
-       {% if slides_tablet %}data-slides-tablet="{{ slides_tablet }}"{% endif %}
-       {% if slides_desktop %}data-slides-desktop="{{ slides_desktop }}"{% endif %}
-  >
-    {% for item in items %}
-      <div class="carousel-slide sm:mx-3">
-        {{- item -}}
-      </div>
-    {% endfor %}
+  <div dir="{{ direction }}">
+    <div class="carousel-wrapper"
+        data-carousel-infinite="{{ is_infinite ? 'true' : 'false' }}"
+        data-carousel-dots="{{ dots ? 'true' : 'false' }}"
+        data-carousel-arrows="{{ arrows ? 'true' : 'false' }}"
+        data-carousel-fixed-width-on-mobile="{{ fixed_width_on_mobile ? 'true' : 'false' }}"
+        data-carousel-center-mode-mobile="{{ center_mode_mobile ? 'true' : 'false' }}"
+        data-carousel-responsive="{{ responsive ?? 'true' }}"
+        data-carousel-single-slide="{{ single_slide ? 'true' : 'false' }}"
+        data-slides-to-scroll="{{ slides_to_scroll|default('1') }}"
+        {% if slides_laptop %}data-slides-laptop="{{ slides_laptop }}"{% endif %}
+        {% if slides_tablet %}data-slides-tablet="{{ slides_tablet }}"{% endif %}
+        {% if slides_desktop %}data-slides-desktop="{{ slides_desktop }}"{% endif %}
+    >
+      {% for item in items %}
+        <div class="carousel-slide sm:mx-3">
+          {{- item -}}
+        </div>
+      {% endfor %}
+    </div>
   </div>
 {% endif %}