File: assets/js/admin.js

jQuery(document).ready(function ($) {
  //on change $("#customise-tawk-to-widget-switch")
  $("#customise-tawk-to-widget-switch").change(function () {
    //get #customise-tawk-to-widget-switch
    var $switch = $(this);
    //get the switch parent
    var $switchParent = $switch.parent();
    //get the next element
    var statusText = $switchParent.next();
    //check if switch is checked
    if ($switch.is(":checked")) {
      //set content
      statusText.text("Active");
    } else {
      //set content
      statusText.text("Inactive");
    }
  });

  $(".customise-tawk-to-widget-container--body--site-widget-save").click(
    function (e) {
      e.preventDefault();
      var button = $(this);
      //get #customise-tawk-to-widget-switch
      var $switch = $("#customise-tawk-to-widget-switch");
      var switchChecked = "inactive";
      //check if switch is checked
      if ($switch.is(":checked")) {
        switchChecked = "active";
      } else {
        switchChecked = "inactive";
      }
      //widget_position
      var $widgetPosition = $("select[name='widget_position']");
      //input gradient_left
      var $gradientLeft = $("input[name='gradient_left']");
      //input gradient_right
      var $gradientRight = $("input[name='gradient_right']");
      //data
      var data = {
        action: "customize_tawk_to_widget_save",
        switch: switchChecked,
        widget_position: $widgetPosition.val(),
        gradient_left: $gradientLeft.val(),
        gradient_right: $gradientRight.val(),
        nonce: advancetawktocustomise.nonce
      };
      //ajax
      $.ajax({
        type: "POST",
        url: advancetawktocustomise.ajaxurl,
        data,
        dataType: "json",
        beforeSend: () => {
          $(".notice").remove();
          //block .customise-tawk-to-main-body
          $(".customise-tawk-to-main-body").block({
            message: null,
            overlayCSS: {
              background: "#fff",
              opacity: 0.6
            },
            css: {
              border: 0,
              color: "#fff",
              padding: 0,
              backgroundColor: "transparent"
            }
          });
        },
        success: function (response) {
          //unblock .customise-tawk-to-main-body
          $(".customise-tawk-to-main-body").unblock();
          //check if response code is 200
          if (response.code == 200) {
            //show success message before button
            button.before(
              '<div class="notice notice-success is-dismissible customise-tawk-to-notice"><p>' +
                response.message +
                "</p></div>"
            );
            //remove success message after 5 seconds
            setTimeout(function () {
              $(".notice").remove();
            }, 10000);
          } else {
            //show error message
            button.before(
              '<div class="notice notice-error is-dismissible customise-tawk-to-notice"><p>' +
                response.message +
                "</p></div>"
            );
            //remove error message after 5 seconds
            setTimeout(function () {
              $(".notice").remove();
            }, 10000);
          }
        },
        error: () => {
          //unblock .customise-tawk-to-main-body
          $(".customise-tawk-to-main-body").unblock();
          //show error message
          button.before(
            '<div class="notice notice-error is-dismissible customise-tawk-to-notice"><p>' +
              advancetawktocustomise.error +
              "</p></div>"
          );
          //remove error message after 5 seconds
          setTimeout(function () {
            $(".notice").remove();
          }, 10000);
        }
      });
    }
  );

  var modal = document.querySelector(".modal");
  var closeButton = document.querySelector(".close-button");

  function toggleModal() {
    modal.classList.toggle("show-modal");
    //check if show modal is class or not
    if (!modal.classList.contains("show-modal")) {
      //remove iframe src
      modal.querySelector("iframe").removeAttribute("src");
    }
  }

  function windowOnClick(event) {
    if (event.target === modal) {
      toggleModal();
    }
  }

  if (closeButton) closeButton.addEventListener("click", toggleModal);
  window.addEventListener("click", windowOnClick);

  //get all .customise-ads-demo-video
  var $demoVideo = $(".customise-ads-demo-video");
  //loop through each .customise-ads-demo-video
  $demoVideo.each(function () {
    //get current .customise-ads-demo-video
    var $this = $(this);
    $this.click(function (e) {
      e.preventDefault();
      //get current .customise-ads-demo-video data
      var youTubeVideo = $this.data("video");
      //get data type
      var type = $this.data("type");
      //check if video is not empty
      if (youTubeVideo != "") {
        //set the iframe src
        $(modal).find("iframe").attr("src", youTubeVideo);
        //show the modal
        toggleModal();
      }
      //log the data type
      // $.get(
      //   advancetawktocustomise.ajaxurl,
      //   {
      //     action: "customise_tawkto_ads",
      //     nonce: advancetawktocustomise.nonce,
      //     type: type
      //   },
      //   function (data, textStatus, jqXHR) {
      //     console.log(data);
      //   }
      // );
    });
  });

  //get all .customise-ads-learn-more
  $(".customise-ads-learn-more").each(function (index, element) {
    //enable click event
    $(element).click(function (e) {
      e.preventDefault();
      $this = $(this);
      //get data plugin-slug
      var pluginSlug = $(element).data("plugin-slug");
      tb_show(
        "",
        `plugin-install.php?tab=plugin-information&plugin=${pluginSlug}&TB_iframe=true&width=772&height=689`
      );
      //get data type
      var type = $this.data("type");
      //log the data type
      // $.get(
      //   advancetawktocustomise.ajaxurl,
      //   {
      //     action: "customise_tawkto_ads",
      //     nonce: advancetawktocustomise.nonce,
      //     type: type
      //   },
      //   function (data, textStatus, jqXHR) {
      //     console.log(data);
      //   }
      // );
    });
  });
});