development

resources/assets/js/views/common/contacts.js

@@ -43,8 +43,15 @@ const app = new Vue({
             item.id = index;
 
             if (document.querySelector('[data-tabs-swiper-wrapper]').childElementCount > 2) {
-                document.querySelectorAll('[data-tabs-slide]').forEach((item) => {
+                let initial_slide = 0;
+                let hash_split = window.location.hash.split('#')[1];
+
+                document.querySelectorAll('[data-tabs-slide]').forEach((item, index) => {
                     item.classList.add('swiper-slide');
+
+                    if (item.getAttribute('data-tabs') == hash_split) {
+                        initial_slide = index;
+                    }
                 });
 
                 document.querySelector('[data-tabs-swiper]').classList.add('swiper', 'swiper-links');
@@ -64,22 +71,21 @@ const app = new Vue({
                     `; 
 
                 document.querySelector('[data-tabs-swiper]').innerHTML = html; 
+
+                let swiper = new Swiper(".swiper-tabs-container", {
+                    loop: false,
+                    slidesPerView: Number(item.getAttribute('data-swiper')),
+                    pagination: {
+                        el: ".swiper-pagination",
+                        clickable: true
+                    },
+                    navigation: {
+                        nextEl: ".swiper-button-next",
+                        prevEl: ".swiper-button-prev",
+                    },
+                    initialSlide: initial_slide,
+                });
             }
-
-            // console.log(swiper.activeIndex);
-
-            new Swiper(".swiper-tabs-container", {
-                loop: false,
-                slidesPerView: Number(item.getAttribute('data-swiper')),
-                pagination: {
-                    el: ".swiper-pagination",
-                    clickable: true
-                },
-                navigation: {
-                    nextEl: ".swiper-button-next",
-                    prevEl: ".swiper-button-prev",
-                },
-            });
         }
         //swiper slider for long tabs items
     },

resources/views/components/contacts/show/content.blade.php

@@ -134,7 +134,7 @@
 
         @if (! $hideBottomRight)
         <x-show.content.right>
-            <x-tabs id="" slides="3" active="documents">
+            <x-tabs slides="2" active="documents">
                 <x-slot name="navs">
                     @stack('documents_nav_start')
 
@@ -156,16 +156,6 @@
                     First
                     </x-tabs.nav>
 
-                    <x-tabs.nav
-                        id="transactions"
-                        name="{{ trans_choice('general.transactions', 2) }}"
-                    />
-                    <x-tabs.nav
-                        id="first"
-                    >
-                    First
-                    </x-tabs.nav>
-
                     <x-tabs.nav
                         id="second"
                     >