Splitting Code from Main solcast.webflow.script.js file into individu…

…al js files. Updates to Testimonials and API Status fix (#35) * Hero Counter additon and update to main script file. * Updated gap on Proof Splide * Updated Gap * Update to main script * Updated Splide JS * Update to Testimonial Slider to fix mobile view * Splitting component scripts out * Blog Template Page customisations and scripts. * Update to CSS file * Updated Class Selector for Section Banner * Refactored CSS code to remove !important * Updated comments on css file. * Update to CSS formatting * Updates to CSS and JS files for new components * update to css file * Fix issues in css file * Splitting Font Update CSS * updated js files and split js from main solcast.webflow.scripts.js into individual js files.
Solcast · Dec 2, 2024 · c4dd084 · c4dd084
1 parent fd9c381
commit c4dd084
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 95 deletions.
diff --git a/assets/js/component.testimonial.js b/assets/js/component.testimonial.js
@@ -0,0 +1,53 @@
+/*------------------------------*/
+/* Testimonial Slider Settings  */
+/*------------------------------*/
+
+$(".slider-main_component").each(function (index) {
+    let loopMode = true;
+    if ($(this).attr("loop-mode") === "true") {
+      loopMode = true;
+    }
+    let sliderDuration = 300;
+    if ($(this).attr("slider-duration") !== undefined) {
+      sliderDuration = +$(this).attr("slider-duration");
+    }
+    const swiper = new Swiper($(this).find(".swiper")[0], {
+      speed: sliderDuration,
+      loop: loopMode,
+      autoHeight: true,
+      followFinger: true,
+      freeMode: false,
+      slideToClickedSlide: false,
+      spaceBetween: "4%",
+      rewind: false,
+      mousewheel: {
+        forceToAxis: true
+      },
+      keyboard: {
+        enabled: true,
+        onlyInViewport: true,
+      },
+      breakpoints: {
+        // mobile landscape
+        480: {
+          slidesPerView: 1,
+          spaceBetween: "4%"
+        },
+        // tablet
+        768: {
+          slidesPerView: 1,
+          spaceBetween: "4%"
+        },
+        // desktop
+        992: {
+          slidesPerView: 2,
+          spaceBetween: "3%"
+        }
+      },
+      navigation: {
+        nextEl: $(this).find(".swiper-next")[0],
+        prevEl: $(this).find(".swiper-prev")[0],
+        disabledClass: "is-disabled"
+      },
+    });
+  });
diff --git a/assets/js/solcast.webflow.script.js b/assets/js/solcast.webflow.script.js
@@ -117,7 +117,10 @@ window.statuspalWidget = {
   // serviceId: 1, // Optional - Display the status of only one service
 };
 
+/*-----------------------------------------------------------------*/
 /* Function to check if any dropdown link matches the current page */
+/*-----------------------------------------------------------------*/
+
 function updateCurrentLink() {
   const navDropdowns = document.querySelectorAll('.nav_dropdown');
 
@@ -133,98 +136,3 @@ function updateCurrentLink() {
 
 document.addEventListener('DOMContentLoaded', updateCurrentLink);
 
-/*------------------------------*/
-/* Testimonial Slider Settings  */
-/*------------------------------*/
-
-$(".slider-main_component").each(function (index) {
-  let loopMode = true;
-  if ($(this).attr("loop-mode") === "true") {
-    loopMode = true;
-  }
-  let sliderDuration = 300;
-  if ($(this).attr("slider-duration") !== undefined) {
-    sliderDuration = +$(this).attr("slider-duration");
-  }
-  const swiper = new Swiper($(this).find(".swiper")[0], {
-    speed: sliderDuration,
-    loop: loopMode,
-    autoHeight: true,
-    followFinger: true,
-    freeMode: false,
-    slideToClickedSlide: false,
-    spaceBetween: "4%",
-    rewind: false,
-    mousewheel: {
-      forceToAxis: true
-    },
-    keyboard: {
-      enabled: true,
-      onlyInViewport: true,
-    },
-    breakpoints: {
-      // mobile landscape
-      480: {
-        slidesPerView: 1,
-        spaceBetween: "4%"
-      },
-      // tablet
-      768: {
-        slidesPerView: 1,
-        spaceBetween: "4%"
-      },
-      // desktop
-      992: {
-        slidesPerView: 2,
-        spaceBetween: "3%"
-      }
-    },
-    navigation: {
-      nextEl: $(this).find(".swiper-next")[0],
-      prevEl: $(this).find(".swiper-prev")[0],
-      disabledClass: "is-disabled"
-    },
-  });
-});
-
-/*--------------------------*/
-/* Hight Light Text Script  */
-/*--------------------------*/
-
-document.addEventListener('DOMContentLoaded', function() {
-  // Select all elements with the class 'script-text-highlight'
-  var elements = document.querySelectorAll('.script-text-highlight');
-
-  // Loop through each element and apply the text replacement
-  elements.forEach(function(element) {
-      // Use a regular expression to find the ## content ##
-      var elementText = element.innerHTML;
-      var newText = elementText.replace(/##(.*?)##/g, '<span class="highlight">$1</span>');
-
-      // Update the element with the new content
-      element.innerHTML = newText;
-  });
-});
-
-/*------------------------------------------*/
-/* Counter Script for Page Banner Component */
-/*------------------------------------------*/
-
-// Select all the paragraphs with the class 'stat-card_heading'
-const paragraphs = document.querySelectorAll('.stat-card_heading');
-
-// Regular expression to match number sets in each paragraph
-const regex = /\d+/g;
-
-// Loop through each element and apply the transformation
-paragraphs.forEach(function(paragraph) {
-    // Replace each number with the span element
-    paragraph.innerHTML = paragraph.innerHTML.replace(regex, function(match) {
-        // Format the number with commas using toLocaleString
-        const formattedNumber = Number(match).toLocaleString();
-
-        return `<span data-purecounter-start="0" data-purecounter-end="${match}" data-purecounter-separator="true" class="purecounter">${formattedNumber}</span>`;
-    });
-});
-
-new PureCounter();
diff --git a/assets/js/solcast.webflow.search.js b/assets/js/solcast.webflow.search.js
@@ -0,0 +1,10 @@
+// On first load of Search Page Hides empty results message
+
+document.addEventListener('DOMContentLoaded', function() {
+    if (window.location.hash === '#empty') {
+        const elements = document.querySelectorAll('.search-results_empty');
+        elements.forEach(element => {
+            element.style.display = 'none';
+        });
+    }
+});