Merge pull request #10 from TheCodeRaccoons/New-Feature--Added-Scripts

New feature  added scripts

Author: JorchCortez

Dist/Functional/CountUp.js

@@ -10,7 +10,7 @@ const InitializeCountUp = () => {
         if (!target) return;
         let prefix  = c.getAttribute("wt-countup-prefix") || "";
         let suffix  = c.getAttribute("wt-countup-suffix") || "";
-        let step    = +c.getAttribute("wt-countup-step");
+        let step    = +c.getAttribute("wt-countup-step")  || 1 ;
         let speed   = +c.getAttribute("wt-countup-speed") || 10;
         let v       = 0;
 

Dist/Functional/DateCountDown.js …Functional/Experimental/DateCountDown.jsDist/Functional/DateCountDown.js renamed to Dist/Functional/Experimental/DateCountDown.js Dist/Functional/DateCountDown.js renamed to Dist/Functional/Experimental/DateCountDown.js

@@ -14,7 +14,6 @@ const InitializeDateCountDown = () => {
 
     if (!isDateValid(countDownDate)) return;
 
-    // Update the count down every 1 second
     var x = setInterval(function () {
 
         // Get today's date and time
@@ -29,17 +28,18 @@ const InitializeDateCountDown = () => {
             document.getElementById("demo").innerHTML = "EXPIRED";
         }
 
-        const _targetYear = document.querySelector('[wt-datecount-element="target-year"]');
-        const _targetMonth = document.querySelector('[wt-datecount-element="target-month"]');
-        const _targetDay = document.querySelector('[wt-datecount-element="target-day"]');
-        const _targetHour = document.querySelector('[wt-datecount-element="target-hour"]');
-        const _targetMin = document.querySelector('[wt-datecount-element="target-minute"]');
-        const _targetSec = document.querySelector('[wt-datecount-element="target-second"]');
+        const _targetYear   = document.querySelector('[wt-datecount-element="target-year"]');
+        const _targetMonth  = document.querySelector('[wt-datecount-element="target-month"]');
+        const _targetDay    = document.querySelector('[wt-datecount-element="target-day"]');
+        const _targetHour   = document.querySelector('[wt-datecount-element="target-hour"]');
+        const _targetMin    = document.querySelector('[wt-datecount-element="target-minute"]');
+        const _targetSec    = document.querySelector('[wt-datecount-element="target-second"]');
 
         // Time calculations for days, hours, minutes and seconds
         var year    = Math.floor(distance / (1000 * 60 * 60 * 24));
         var month   = Math.floor(distance / (1000 * 60 * 60 * 24));
         var days    = Math.floor(distance / (1000 * 60 * 60 * 24));
+
         var hours   = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
         var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
         var seconds = Math.floor((distance % (1000 * 60)) / 1000);
@@ -53,3 +53,5 @@ const InitializeDateCountDown = () => {
 
     }, 1000);
 }
+
+window.addEventListener('DOMContentLoaded', InitializeDateCountDown());

Dist/Functional/LimitText.js

@@ -1,16 +1,16 @@
 'use strict'
 
 const LimitText = () => {
-    let _fullText = document.querySelectorAll('[wt-limittext-element="text"]');
+    let _fullText = document.querySelectorAll('[wt-limittext-element^="text-"], [wt-limittext-element="text"]');
 
     if(!_fullText || _fullText.length === 0) return;
 
     for (text of _fullText) {
         let suffix          = text.getAttribute("wt-limittext-suffix") || null;
-        let textLength      = text.getAttribute("wt-limittext-length") || 300 ;
-        let description = text.innerText;
-        if (description.length > textLength) {
-            var _substr = `${description.substring(0, textLength)} ${ suffix ? suffix : "..."}`;
+        let textLength      = +text.getAttribute("wt-limittext-length") || 300 ;
+        let txtContent      = text.innerText;
+        if (txtContent.length > textLength) {
+            var _substr = `${txtContent.substring(0, textLength)} ${ suffix ? suffix : "..."}`;
             text.innerText = _substr;
         }
     }

Dist/WebflowOnly/HideContainer.js

@@ -1,23 +1,9 @@
 'use strict'
 
 const SetHideContainers = () => {
-    let containers      = document.querySelectorAll('[wt-hidecontainer-element^="container-"], [wt-hidecontainer-element="container"]');
-    let err             = [];
-    let valid           = true;
+    let containers      = document.querySelectorAll('[wt-hidecontainer-element="container"], [wt-hidecontainer-element^="container-"]');
 
-    if(!containers || containers.length === 0) {
-        err.push(`%cThere are no containers in this page.`);
-        valid = false;
-    }
-
-    if (!valid) {
-        console.log("%cThanks for using Webflow Trickery","color: blue; font-size: 18px; padding: 8px; font-weight:500");            
-        console.log("%cIt seems like you're missing an element that is required for the integration.","color: red; font-size: 12px; padding: 8px; font-weight:500");
-        for(let e of err){
-            console.log(e,"color: red; font-size: 12px; padding: 8px; font-weight:500")
-        }
-        return;
-    }
+    if(!containers || containers.length === 0) return;
 
     for(let _container of containers) {
         let _cmsList    = _container.querySelector('[wt-hidecontainer-element="list"]');
@@ -33,5 +19,3 @@ const SetHideContainers = () => {
         }
     }
 }
-
-window.addEventListener('DOMContentLoaded', SetHideContainers());