From 37d0da33dc1c10aca09f83c35b016c52d5552f8e Mon Sep 17 00:00:00 2001
From: muammertop <muammertop@outlook.com>
Date: Sun, 18 Apr 2021 16:28:20 +0300
Subject: [PATCH] category problem solved in new ad, rtl page

---
 .../visiosoft/advs-module/resources/js/cats.js       | 10 ++++++++--
 .../advs-module/resources/views/new-ad/post-cat.twig | 12 ++++++++----
 2 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/addons/default/visiosoft/advs-module/resources/js/cats.js b/addons/default/visiosoft/advs-module/resources/js/cats.js
index afec5d5e4..20cb56254 100644
--- a/addons/default/visiosoft/advs-module/resources/js/cats.js
+++ b/addons/default/visiosoft/advs-module/resources/js/cats.js
@@ -66,9 +66,15 @@ $(document).ready(function () {
                         $(catId).closest('.cat-item-2').show().addClass('focus-select')
                     }
                 }
-                // Auto scroll right
+                // Auto scroll right or left
                 let categoryTab = $('.category-tab');
-                let pos = categoryTab.scrollLeft() + categoryTab.width();
+                let pos;
+                if (isRtl){
+                    pos = categoryTab.scrollLeft() - (categoryTab.width() * 2);
+                    $('.cat-item-3').css('display', 'flex');
+                } else {
+                    pos = categoryTab.scrollLeft() + categoryTab.width();
+                }
                 categoryTab.animate( {scrollLeft: pos}, 1000);
             },
             beforeSend: function () {
diff --git a/addons/default/visiosoft/advs-module/resources/views/new-ad/post-cat.twig b/addons/default/visiosoft/advs-module/resources/views/new-ad/post-cat.twig
index 7bbde4831..679f5392a 100644
--- a/addons/default/visiosoft/advs-module/resources/views/new-ad/post-cat.twig
+++ b/addons/default/visiosoft/advs-module/resources/views/new-ad/post-cat.twig
@@ -45,11 +45,13 @@
                         </div>
                     {% endfor %}
 
-                    <div class="cat-item mb-2 shadow-sm border rounded align-items-center">
+                    <div class="cat-item mb-2 shadow-sm border rounded align-items-center mr-2">
                         <div class="cat-item-3">
                             <div class="section next-stap post-option post-icon px-4 text-center py-2">
-                                {{ img('visiosoft.module.advs::images/check.svg').data|raw }}
-                                {{ img('visiosoft.module.advs::images/cross.svg').data|raw }}
+                                <div class="cat-item-icons post-icon d-flex align-items-center justify-content-center">
+                                    {{ img('visiosoft.module.advs::images/check.svg').data|raw }}
+                                    {{ img('visiosoft.module.advs::images/cross.svg').data|raw }}
+                                </div>
                                 <div class="next-content"></div>
                             </div>
                         </div>
@@ -63,7 +65,9 @@
             </form>
         </div>
     </section>
-
+    <script>
+        let isRtl = '{{ locale().isRtl() }}';
+    </script>
     {{ addBlock('post-cat/section') }}
 
     {{ asset_add("scripts.js", "visiosoft.module.advs::js/cats.js") }}