| 1 |
jQuery(document).ready(function($) { |
| 2 |
// Add a click event for the "Change Status" link |
| 3 |
$('.emailkit-admin-template-switch-main').each(function(index, item) { |
| 4 |
$(item).on('click', function(e) { |
| 5 |
e.preventDefault(); |
| 6 |
let self = this; |
| 7 |
var templateId = $(this).find('.change-status-btn').attr('data-template-id'); |
| 8 |
let switchLoader = $(this).find('.slider'); |
| 9 |
switchLoader.addClass('emailkit-slider-loader'); |
| 10 |
|
| 11 |
|
| 12 |
|
| 13 |
// Call the API to change the status |
| 14 |
$.ajax({ |
| 15 |
url: emailkit.rest_url + 'template-status', |
| 16 |
method: 'POST', |
| 17 |
headers: { |
| 18 |
'X-WP-Nonce': emailkit.rest_nonce, |
| 19 |
}, |
| 20 |
data: { |
| 21 |
templateId: templateId, |
| 22 |
|
| 23 |
}, |
| 24 |
|
| 25 |
success: function(response) { |
| 26 |
// Handle the API response accordingly |
| 27 |
const { template_type } = response; |
| 28 |
|
| 29 |
if (response?.status_text == 'Active') { |
| 30 |
$(document).ready(function() { |
| 31 |
let inputField = $(self).find('.change-status-btn'); |
| 32 |
inputField.prop('checked', true); |
| 33 |
let activeText = $(self).next('.emailkit-admin-template-switch-active'); |
| 34 |
let inActiveText = $(self).prev('.emailkit-admin-template-switch-inactive'); |
| 35 |
|
| 36 |
if(inActiveText.hasClass('emailkit-slider-active')){ |
| 37 |
inActiveText.removeClass('emailkit-slider-active') |
| 38 |
activeText.addClass('emailkit-slider-active') |
| 39 |
} |
| 40 |
switchLoader.removeClass('emailkit-slider-loader'); |
| 41 |
}); |
| 42 |
|
| 43 |
|
| 44 |
let currInput = $(self).find('.change-status-btn'); |
| 45 |
let isTemplateActive = $(`.${template_type}`).not(currInput); |
| 46 |
|
| 47 |
isTemplateActive.each(function(index, item) { |
| 48 |
if ($(item).is(":checked")) { |
| 49 |
$(item).prop("checked", false); |
| 50 |
} |
| 51 |
|
| 52 |
let enableStatus = $(item).closest('.column-content-container').find('.emailkit-admin-template-switch-active'); |
| 53 |
let disableStatus = $(item).closest('.column-content-container').find('.emailkit-admin-template-switch-inactive'); |
| 54 |
|
| 55 |
if (enableStatus) { |
| 56 |
enableStatus.removeClass('emailkit-slider-active') |
| 57 |
disableStatus.addClass('emailkit-slider-active') |
| 58 |
} |
| 59 |
}) |
| 60 |
|
| 61 |
} else if (response?.status_text == 'Inactive') { |
| 62 |
|
| 63 |
$(document).ready(function() { |
| 64 |
let inputField = $(self).find('.change-status-btn'); |
| 65 |
inputField.prop('checked', false); |
| 66 |
let activeText = $(self).next('.emailkit-admin-template-switch-active'); |
| 67 |
let inActiveText = $(self).prev('.emailkit-admin-template-switch-inactive'); |
| 68 |
|
| 69 |
if(activeText.hasClass('emailkit-slider-active')){ |
| 70 |
activeText.removeClass('emailkit-slider-active') |
| 71 |
inActiveText.addClass('emailkit-slider-active') |
| 72 |
} |
| 73 |
switchLoader.removeClass('emailkit-slider-loader'); |
| 74 |
}); |
| 75 |
|
| 76 |
} |
| 77 |
|
| 78 |
|
| 79 |
|
| 80 |
}, |
| 81 |
error: function(error) { |
| 82 |
console.error(error); |
| 83 |
}, |
| 84 |
}); |
| 85 |
|
| 86 |
}) |
| 87 |
|
| 88 |
}); |
| 89 |
|
| 90 |
}); |
