-
-
-
- 👤 ##crm_info_en##
##crm_desp##
-
-
- ✅ Care status: ##crm_interact_status##
-
-
- 🏷 Classifying label: ##customer_status_lb##
-
-
- 🔗 Source: ##crm_source_ct##
-
-
- 🆔 ID: ##store_id##
-
-
+
+
+
+
+ 👤 ##crm_info_en##
##crm_desp##
+
+
+ ✅ Care status: ##crm_interact_status##
+
+
+ 🏷 Classifying label: ##customer_status_lb##
+
+
+ 🔗 Source: ##crm_source_ct##
+
+
+ 🆔 ID: ##store_id##
+
+
-
-
+
@@ -123,6 +134,20 @@
##store_lb##
const listFiles = "https://img.icons8.com/ios-filled/50/youtube-squared.png;https://img.icons8.com/arcade/64/youtube-squared.png;https://img.icons8.com/officel/50/facebook-new.png;https://www.w3.org/WAI/ER/tests/xhtml/testfiles/resources/pdf/dummy.pdf;https://filesamples.com/samples/document/docx/sample3.docx;https://www.w3resource.com/python-exercises/pandas/excel/SaleData.xlsx;http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
const listFilesArray = listFiles.split(";");
new MediaSlider('media-slider-container', listFilesArray);
+ // Specifically target tab buttons in the nav-pills
+ const tabButtons = document.querySelectorAll('#dmTabs .nav-link[role="tab"]');
+
+ tabButtons.forEach(button => {
+ button.addEventListener('click', (e) => {
+ tabButtons.forEach(btn => {
+ btn.classList.remove('active');
+ btn.setAttribute('aria-selected', 'false');
+ });
+
+ e.currentTarget.classList.add('active');
+ e.currentTarget.setAttribute('aria-selected', 'true');
+ });
+ });
});
@@ -165,16 +190,26 @@
##store_lb##
--color_theme_link: #0056b3;
--color_theme_shadow: rgba(0, 0, 0, 0.15);
- --size-spacing-nano: 0.5rem; /* 8px */
- --size-spacing-micro: 0.625rem; /* 10px */
- --size-spacing-small: 0.75rem; /* 12px */
- --size-spacing-medium: 1rem; /* 16px */
- --size-spacing-large: 2rem; /* 32px */
- --size-spacing-xl: 2.5rem; /* 40px */
- --size-spacing-xxl: 3rem; /* 48px */
- --size-spacing-xxxl: 3.5rem; /* 56px */
- --size-spacing-mega: 4rem; /* 64px */
- --size-spacing-giga: 5rem; /* 80px */
+ --size-spacing-nano: 0.5rem;
+ /* 8px */
+ --size-spacing-micro: 0.625rem;
+ /* 10px */
+ --size-spacing-small: 0.75rem;
+ /* 12px */
+ --size-spacing-medium: 1rem;
+ /* 16px */
+ --size-spacing-large: 2rem;
+ /* 32px */
+ --size-spacing-xl: 2.5rem;
+ /* 40px */
+ --size-spacing-xxl: 3rem;
+ /* 48px */
+ --size-spacing-xxxl: 3.5rem;
+ /* 56px */
+ --size-spacing-mega: 4rem;
+ /* 64px */
+ --size-spacing-giga: 5rem;
+ /* 80px */
--size-spacing-base: var(--size-spacing-medium);
}
@@ -236,7 +271,9 @@
##store_lb##