Custom Templates for DeepL backed up and EmailMonkey. GS University was also re-downloaded. Then small scripts updated like for Chubb.

2025-02-25 17:01:36 -05:00
parent 74d46e88f4
commit a62a76f5d1
288 changed files with 9886 additions and 152 deletions
--- a/Custom_Templates/customer_templates/DeepL/_your_courses.html.liquid
+++ b/Custom_Templates/customer_templates/DeepL/_your_courses.html.liquid
@ -0,0 +1,143 @@
+<div class="recommended-wrapper">
+    <div class="heading lang-en">
+       Your courses
+    </div>
+     <div class="heading lang-de">
+       Ihre Kurse
+    </div>
+
+    <div class="carousel-wrapper your-course-carousel">
+        {% for course in courses.enrolled %}
+            {% if course.progress > 0 %}
+            {% unless course.properties.resource == true %}
+                {% if course.properties.language == userLanguage %}
+                    <div class="carousel-card">
+                        {% include "cards_course" %}
+                    </div>
+                {% endif %}
+            {% endunless %}
+            {% endif %}
+        {% endfor %}
+    </div>
+
+</div>
+
+<style>
+    .your-course-carousel {
+        position: relative;
+    }
+    .slick-arrow {
+        position: absolute;
+        top: -30px;
+        z-index: 111;
+        cursor: pointer;
+    }
+    .right-arrow {
+        margin-left: 30px;
+    }
+    .slick-dots button {
+        display: block;
+        width: 10px;
+        height: 10px;
+        padding: 0;
+        border: none;
+        border-radius: 1px;
+        background: #8878FF;
+        text-indent: -9999px;
+    }
+    .slick-dots {
+        list-style-type: none;
+    }
+    .slick-dots {
+        display: flex;
+        justify-content: center;
+        margin: 0;
+        padding-top: 3rem;
+        list-style-type: none;
+        gap: 10px;
+    }
+    .slick-dots li {
+        margin: 0 0.25rem;
+    }
+    .slick-dots li.slick-active button {
+        background: #6CF1C9;
+
+    }
+</style>
+
+<script>
+    $(document).ready(function(){
+
+        $(".your-course-carousel").slick({
+            slidesToShow: 4,
+            slidesToScroll: 4,
+            prevArrow: '<i class="fal fa-chevron-left left-arrow"></i>',
+            nextArrow: '<i class="fal fa-chevron-right right-arrow"></i>',
+            infinite: false,
+            dots: true,
+            responsive: [
+                {
+                    breakpoint: 1170,
+                    settings: {
+                        slidesToShow: 2,
+                        slidesToScroll: 2,
+                    }
+                },
+                {
+                    breakpoint: 768,
+                    settings: {
+                        slidesToShow: 1,
+                        slidesToScroll: 1,
+                    }
+                }
+            ]
+        });
+
+        let selectedCategory = null;
+        let selectedProgress = null;
+
+        function filterCards() {
+            $(".popular-carousel").slick('slickUnfilter');
+            
+            let filterFunction = function() {
+                const card = $(this).find('.card');
+                const cardCategories = card.attr('categories').split(',').map(c => c.trim());
+                const cardProgress = card.attr('progress');
+
+                let showByCategory = !selectedCategory || cardCategories.includes(selectedCategory);
+                let showByProgress = !selectedProgress || selectedProgress === 'All courses' || cardProgress === selectedProgress;
+
+                return showByCategory && showByProgress;
+            };
+
+            $(".popular-carousel").slick('slickFilter', filterFunction);
+        }
+
+        $('.filter').on('click', function() {
+            let clickedCategory = $(this).attr('value');
+
+            if (selectedCategory === clickedCategory) {
+                selectedCategory = null; 
+                $(this).removeClass('filter-active');
+            } else {
+                selectedCategory = clickedCategory;
+                $('.filter').removeClass('filter-active');
+                $(this).addClass('filter-active');
+            }
+
+            filterCards();
+        });
+
+        $('.filter-by-progress-option').on('click', function() {
+            let clickedProgress = $(this).attr('value');
+
+            if (selectedProgress === clickedProgress) {
+                selectedProgress = null; 
+            } else {
+                selectedProgress = clickedProgress;
+            }
+
+            filterCards();
+        });
+    });
+</script>