Untitled

 avatar
unknown
plain_text
a year ago
3.8 kB
3
Indexable
(function () {
  try {
    /* main variables */
    var debug = 0;
    var variation_name = "";
    var $;
    var stars = `<div class="eg-review-stars">
      <i class="fas fa-star fa-fw"></i>
      <i class="fas fa-star fa-fw"></i>
      <i class="fas fa-star fa-fw"></i>
      <i class="fas fa-star fa-fw"></i>
      <i class="fas fa-star fa-fw"></i></div>`;

    function waitForElement(selector, trigger, delayInterval, delayTimeout) {
      var interval = setInterval(function () {
        if (
          document &&
          document.querySelector(selector) &&
          document.querySelectorAll(selector).length > 0
        ) {
          clearInterval(interval);
          trigger();
        }
      }, delayInterval);
      setTimeout(function () {
        clearInterval(interval);
      }, delayTimeout);
    }

    function waitForSlick(trigger) {
      var interval = setInterval(function () {
        if (window.jQuery.fn.slick !== undefined) {
          clearInterval(interval);
          trigger();
        }
      }, 50); setTimeout(function () {
        clearInterval(interval);
      }, 15000);
    }

    function waitForjQuery(trigger) {
      var interval = setInterval(function () {
        if (window.jQuery !== undefined) {
          clearInterval(interval);
          trigger();
        }
      }, 50);
      setTimeout(function () {
        clearInterval(interval);
      }, 15000);
    }

    function addScript() {
      var cssScript = '' +
        "<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css'/>";
      document.querySelector('head').insertAdjacentHTML('beforeend', cssScript);

      var swiperScript = document.createElement('script');
      swiperScript.src = 'https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js';
      document.getElementsByTagName('head')[0].appendChild(swiperScript);
    }

    var reviewContent = `
        <div class="eg-review-content">
            <div class="eg-review-details">
               ${stars}
               <p class="eg-review-para">Good job! Fast efficient, clean, and nice.</p>
               <p class="eg-review-name">Wendy F.</p>
            </div>
            <div class="eg-review-details">
               ${stars}
               <p class="eg-review-para">Another great experience with this terrific company!</p>
               <p class="eg-review-name">Tershia D.</p>
            </div>
            <div class="eg-review-details">
                ${stars}
                <p class="eg-review-para">They were very helpful and professional since the start.</p>
                <p class="eg-review-name">Avadana G.</p>
            </div>
        </div>`;

    function init() {
      if (window.innerWidth > 768 && !document.querySelector('.eg-review-content')) {
        document.querySelector('#hero .concave_curve').insertAdjacentHTML("afterbegin", reviewContent);
      }
      if (window.innerWidth < 768 && !document.querySelector('.eg-review-content')) {
        document.querySelector('#hero .concave_curve').insertAdjacentHTML("afterbegin", reviewContent);
        waitForjQuery(function () {
          $ = window.jQuery;
          addScript();
          waitForSlick(function () {
            $('.concave_curve .eg-review-content').slick({
              direction: 'horizontal',
              autoplay: true,
              slidesToShow: 1,
              slidesToScroll: 1,
              dot: false
            });
          });
        });
      }
    }


    /* Initialize variation */
    waitForElement('#hero .concave_curve', init, 50, 15000);
  } catch (e) {
    if (debug) console.log(e, "error in Test" + variation_name);
  }
})();
Leave a Comment