PHP Classes

File: assets/js/admin.js

Recommend this page to a friend!
  Classes of Adeleye Ayodeji   Customize Tawk.to Widget for WordPress   assets/js/admin.js   Download  
File: assets/js/admin.js
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Customize Tawk.to Widget for WordPress
Customize the Tawk.to WordPress chat widget
Author: By
Last change:
Date: 2 months ago
Size: 6,237 bytes
 

Contents

Class file image Download
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); // } // ); }); }); });