129 lines
4.6 KiB
JavaScript
129 lines
4.6 KiB
JavaScript
"use strict";
|
|
/****************************
|
|
* SOME COMMON SVG CONSTANT *
|
|
****************************/
|
|
var SVG_LOADER = '<svg viewBox="0 0 20 20" class="Polaris-Spinner Polaris-Spinner--colorInkLightest Polaris-Spinner--sizeSmall" aria-label="Loading" role="status"><path d="M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z"></path></svg>';
|
|
/****************************
|
|
* SOME COMMON SVG CONSTANT*
|
|
****************************/
|
|
|
|
/*
|
|
*
|
|
* @param string $message
|
|
* @returns {undefined} show flash message
|
|
*/
|
|
function flashNotice($message, $class) {
|
|
$class = ($class != undefined) ? $class : '';
|
|
var flashMsgHtml = '<div class="inline-flash-wrapper animated bounceInUp inline-flash-wrapper--is-visible ourFlashMsg"><div class="inline-flash ' + $class + ' "><p class="inline-flash__message">' + $message + '</p></div></div>';
|
|
if ($('.ourFlashMsg').length) {
|
|
$('.ourFlashMsg').remove();
|
|
}
|
|
$("body").append(flashMsgHtml);
|
|
setTimeout(function () {
|
|
if ($('.ourFlashMsg').length) {
|
|
$('.ourFlashMsg').remove();
|
|
}
|
|
}, 3000);
|
|
}
|
|
|
|
/*
|
|
* @param {string} $className
|
|
* @returns {undefined} show loader
|
|
*/
|
|
function loading_show($selector) {
|
|
$($selector).addClass("Polaris-Button--loading").html('<span class="Polaris-Button__Content"><span class="Polaris-Button__Spinner">' + SVG_LOADER + '</span><span>Loading</span></span>').fadeIn('fast').attr('disabled', 'disabled');
|
|
}
|
|
|
|
/**
|
|
* @param {string} $className
|
|
* @param {string} $buttonName
|
|
* @returns {undefined} hide loader
|
|
*/
|
|
function loading_hide($selector, $buttonName, $buttonIcon) {
|
|
if ($buttonIcon != undefined) {
|
|
$buttonIcon = '<span class="Polaris-Button__Icon"><span class="Polaris-Icon">' + $buttonIcon + '</span></span>'
|
|
} else {
|
|
$buttonIcon = '';
|
|
}
|
|
|
|
$($selector).removeClass("Polaris-Button--loading").html('<span class="Polaris-Button__Content">' + $buttonIcon + '<span>' + $buttonName + '</span></span>').removeAttr("disabled");
|
|
}
|
|
|
|
$(document).on('click', '.close-message', function () {
|
|
$('.remove-sucees-message').hide();
|
|
});
|
|
|
|
|
|
|
|
function removeCode(thisObj, data_key) {
|
|
var current = $(thisObj);
|
|
var btnText = current.html();
|
|
loading_show(current);
|
|
var deleteAjax = function deleteAjax(){
|
|
loading_show(thisObj);
|
|
$.ajax({
|
|
url: "ajax_actions.php",
|
|
type: "post",
|
|
dataType: "json",
|
|
data: {method_name: 'remove_code', data_key: data_key, shop: shop},
|
|
success: function (response) {
|
|
if (response['result'] == 'success') {
|
|
flashNotice(response['msg']);
|
|
$('.remove-sucees-message').show();
|
|
$('.remove-sucees-message').css({'display': 'flex'});
|
|
}
|
|
loading_hide(current, btnText);
|
|
},
|
|
error: function () {
|
|
flashNotice('Please try again!','error');
|
|
}
|
|
});
|
|
}
|
|
|
|
if(mode == 'live'){
|
|
ShopifyApp.Modal.confirm({
|
|
title: 'Uninstall',
|
|
message: 'Are you sure you want to remove? This action cannot be reversed.',
|
|
okButton: 'Delete',
|
|
cancelButton: 'Cancel',
|
|
style: "danger"
|
|
}, function (result) {
|
|
if (result) {
|
|
$('.ui-button.close-modal.btn-destroy-no-hover').addClass("ui-button ui-button--destructive js-btn-loadable is-loading disabled");
|
|
deleteAjax();
|
|
}
|
|
});
|
|
}else{
|
|
var r = confirm('Are you sure you want to remove? This action cannot be reversed.');
|
|
if (r == true) {
|
|
deleteAjax();
|
|
}
|
|
}
|
|
}
|
|
|
|
function toggleCheckedVal(switchval,userdomain,useremail,datakey){
|
|
$.ajax({
|
|
url: "ajax_actions.php",
|
|
type: "post",
|
|
dataType: "json",
|
|
data: {method_name: 'change_appStatus', data_status: switchval, user_name:userdomain, user_email:useremail, data_key:datakey, shop: shop},
|
|
beforeSend: function(){
|
|
$('#myonoffswitch').prop('disabled', true);
|
|
},
|
|
complete: function(){
|
|
$('#myonoffswitch').prop('disabled', false);
|
|
},
|
|
success: function (response) {
|
|
if (response['result'] == 'success') {
|
|
$(".enable-banner").html(response['msg']);
|
|
$('#user_key').val(response['key']);
|
|
}
|
|
},
|
|
error: function () {
|
|
flashNotice('Please try again!','error');
|
|
}
|
|
});
|
|
|
|
}
|
|
|