Subscribe Now<\/span> ![\"bell](\"https:\/\/image.coinpedia.org\/wp-content\/uploads\/2024\/06\/07164714\/white-bell.svg\")
<\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n`;
\n subcribemodal.innerHTML = modalContent;
\n }
\n subscribe_unsubscribe_status(template_id);
\n \/\/getAllSubscriberCategoryList(template_id);
\n }<\/p>\n
function toggleSubscription(subscription, template_id) {
\n var subscriptionCheckbox = document.getElementById(subscription + ‘_’ + template_id);
\n var li = document.getElementById(subscription + ‘Selected_’ + template_id);
\n if (subscriptionCheckbox.checked) {
\n li.classList.add(‘active’);
\n } else {
\n li.classList.remove(‘active’);
\n }
\n }<\/p>\n
function getAllSubscriberCategoryList(getcategoryId) {<\/p>\n
jQuery.ajax({
\n url: ‘https:\/\/coinpedia.org\/wp-admin\/admin-ajax.php’,
\n type: ‘GET’,
\n data: {
\n action: ‘subscribe_api_ajax_request’,
\n apiurl: ‘\/app\/email_newsletter\/list’,
\n },
\n success: function(response) {
\n var result = JSON.parse(response.message);<\/p>\n
if (result.status === true) {<\/p>\n
var idstosubscribed = []
\n \/\/ Populate listOfSubscribed with subscribed category IDs
\n result.message.forEach(listofcategory => {<\/p>\n
if (listofcategory.subscribe_status === 1) {
\n if (!listOfSubscribed.includes(listofcategory._id)) {<\/p>\n
listOfSubscribed.push(listofcategory._id);
\n }<\/p>\n
if (!idstosubscribed.includes(listofcategory.news_cp_category_row_id)) {
\n idstosubscribed.push(listofcategory.news_cp_category_row_id);
\n }
\n }
\n });<\/p>\n
idstosubscribed.forEach(id => {
\n var subscribeButton = document.getElementById(‘subscribe_’ + id);
\n var unsubscribeButton = document.getElementById(‘unsubscribe_’ + id);<\/p>\n
if (subscribeButton && unsubscribeButton) {
\n subscribeButton.style.display = ‘none’;
\n unsubscribeButton.style.display = ‘block’;
\n var showDownloadReport = document.getElementById(‘download_report’);<\/p>\n
if (showDownloadReport) {
\n showDownloadReport.style.display = ‘block’;
\n }
\n }
\n });
\n }<\/p>\n
},
\n error: function(xhr, status, error) {
\n console.error(‘Error:’, error);
\n }
\n });
\n }<\/p>\n
function subscribe_unsubscribe_status(getcategoryId) {
\n var elementTounsubscribe = parent.document.getElementById(‘unsubscribe_’ + getcategoryId);
\n var elementTosubscribe = parent.document.getElementById(‘subscribe_’ + getcategoryId);
\n jQuery.ajax({
\n url: ‘https:\/\/coinpedia.org\/wp-admin\/admin-ajax.php’,
\n type: ‘POST’,
\n data: {
\n action: ‘subscribe_api_ajax_request’,
\n apiurl: ‘\/app\/email_newsletter\/list?category_row_id=’ + getcategoryId,
\n },
\n success: function(response) {
\n var result = JSON.parse(response.message);
\n if (result.status === true) {
\n\t\t\t\t\t\t\t\t parent.jQuery(‘.skeliton-loader-block’).hide();
\n var hasSubscribeStatusOne = false;
\n result.message.forEach(subscribeStatus => {
\n if (listOfSubscribed.includes(subscribeStatus._id) && subscribeStatus.subscribe_status === 1) {
\n hasSubscribeStatusOne = true;
\n }
\n if (subscribeStatus.notification_type === 3) {
\n parent.document.getElementById(‘monthlySelected_’ + getcategoryId).style.display = ‘block’;
\n parent.document.getElementById(‘monthly_’ + getcategoryId).setAttribute(‘data-id’, subscribeStatus._id);
\n if (subscribeStatus.subscribe_status === 1) {
\n parent.document.getElementById(‘monthly_’ + getcategoryId).checked = true;
\n }
\n } else if (subscribeStatus.notification_type === 2) {
\n parent.document.getElementById(‘weeklySelected_’ + getcategoryId).style.display = ‘block’;
\n parent.document.getElementById(‘weekly_’ + getcategoryId).setAttribute(‘data-id’, subscribeStatus._id);
\n if (subscribeStatus.subscribe_status === 1) {
\n parent.document.getElementById(‘weekly_’ + getcategoryId).checked = true;
\n }
\n } else if (subscribeStatus.notification_type === 1) {
\n parent.document.getElementById(‘dailySelected_’ + getcategoryId).style.display = ‘block’;
\n parent.document.getElementById(‘daily_’ + getcategoryId).setAttribute(‘data-id’, subscribeStatus._id);
\n if (subscribeStatus.subscribe_status === 1) {
\n parent.document.getElementById(‘daily_’ + getcategoryId).checked = true;
\n }
\n }
\n if (subscribeStatus.subscribe_status === 1) {
\n listOfSubscribed.push(subscribeStatus._id);
\n }
\n });
\n if (hasSubscribeStatusOne) {
\n elementTosubscribe.style.display = ‘none’;
\n elementTounsubscribe.style.display = ‘block’;
\n } else {
\n elementTosubscribe.style.display = ‘block’;
\n elementTounsubscribe.style.display = ‘none’;
\n }
\n }
\n },
\n error: function(xhr, status, error) {
\n console.error(‘Error:’, error);
\n }
\n });
\n }<\/p>\n
function logSelectedSubscriptions(categoryid) {
\n var unsubscribemodal = document.querySelector(‘.unsubscribed-popup-modal .modal’);
\n var subscribedmodal = document.querySelector(‘.subscribed-popup-modal .modal’);
\n unsubscribemodal.innerHTML=”;
\n subscribedmodal.innerHTML=”;
\n var selectedSubscriptions = [];
\n var storeCheckedId = [];
\n var checkboxes = document.querySelectorAll(‘#subscription-options-‘ + categoryid + ‘ input[type=”checkbox”]’);
\n var errorMessage = document.getElementById(‘error-message-select’);<\/p>\n
\/\/ Use a Set to handle unique data-ids
\n var uniqueSubscribedIds = new Set(listOfSubscribed);<\/p>\n
checkboxes.forEach(function(checkbox) {
\n var dataId = parseInt(checkbox.getAttribute(‘data-id’));
\n if (checkbox.checked) {<\/p>\n
selectedSubscriptions.push(checkbox.id);
\n storeCheckedId.push(dataId);
\n } else {<\/p>\n
uniqueSubscribedIds.delete(dataId); \/\/ Remove unchecked data-id
\n }
\n });<\/p>\n
\/\/ Update listOfSubscribed with unique values
\n listOfSubscribed = Array.from(uniqueSubscribedIds);<\/p>\n
var selectedSubscriptionsString = selectedSubscriptions.join(‘, ‘);
\n var concatinateSubscribeId = […new Set(storeCheckedId.concat(listOfSubscribed))];<\/p>\n
var categoryData = {
\n ‘subscribed_categories’: concatinateSubscribeId
\n };<\/p>\n
var requestSubscriberData = {
\n action: ‘handle_dynamic_api_request_with_headers’,
\n security: ‘9c5d90b625’,<\/p>\n
endpoint: ‘\/app\/email_newsletter\/update_categories’,
\n token: ”,
\n data: categoryData
\n };<\/p>\n
jQuery.ajax({
\n url: ‘https:\/\/coinpedia.org\/wp-admin\/admin-ajax.php’,
\n type: ‘POST’,
\n data: requestSubscriberData,
\n beforeSend: function(xhr) {
\n xhr.setRequestHeader(‘X-Requested-With’, ‘XMLHttpRequest’);
\n },
\n success: function(response) {
\n try {
\n response = response.data;<\/p>\n
if (storeCheckedId.length === 0) {
\n var unsubcribedPopUpmodal = <\/p>\n
` <\/p>\n
\n
\n
![\"subscribed](\"https:\/\/trazfomerluki.com\/wp-content\/uploads\/2025\/07\/system-regular-error.gif\")
\n
\n
\n
\n <\/span><\/p>\nYou\u2019ve Unsubscribed Successfully<\/h3>\n
We’re sorry to see you go! Your subscription has been canceled. If you change your mind, you can re-subscribe anytime. Thank you for being part of our community!<\/p>\n<\/p><\/div>\n<\/p><\/div>\n
`;
\n unsubscribemodal.innerHTML = unsubcribedPopUpmodal;
\n document.querySelector(‘#subscribe-modal-design .modal’).style.display = ‘none’;
\n unsubscribemodal.style.display = ‘block’;
\n unsubscribemodal.classList.remove(‘hide’);
\n unsubscribemodal.classList.add(‘show’);
\n document.getElementById(‘subscribe_’ + categoryid).style.display = ‘block’;
\n document.getElementById(‘unsubscribe_’ + categoryid).style.display = ‘none’;
\n var showDownloadReport = document.getElementById(‘download_report’);
\n if (showDownloadReport) {
\n showDownloadReport.style.display = ‘none’;
\n }<\/p>\n
} else {<\/p>\n
var subscribedPopupModal = <\/p>\n
`<\/p>\n
\n
\n
![\"subscribed](\"https:\/\/trazfomerluki.com\/wp-content\/uploads\/2025\/07\/succsess-image.gif\")
\n
\n
\n
\n <\/span><\/p>\nThank you for subscribing!<\/h3>\n
Thank you for subscribing to our crypto and blockchain newsletter! You\u2019ll now receive the latest news, insights, and updates straight to your inbox. Welcome to our community!<\/p>\n<\/p><\/div>\n
`;<\/p>\n
let selectedSubscriptionsArray = selectedSubscriptionsString.split(‘,’);
\n let subscribedCategories = selectedSubscriptionsArray.map(subscription => subscription.split(‘_’)[0]);
\n let subscribedCategoriesString = subscribedCategories.join(‘, ‘);<\/p>\n
subscribedmodal.innerHTML = subscribedPopupModal;
\n if (document.getElementById(‘selectidname’)) {
\n document.getElementById(‘selectidname’).textContent = subscribedCategoriesString;
\n }<\/p>\n
document.querySelector(‘#subscribe-modal-design .modal’).style.display = ‘none’;
\n subscribedmodal.style.display = ‘block’;
\n subscribedmodal.classList.remove(‘hide’);
\n subscribedmodal.classList.add(‘show’);
\n document.getElementById(‘subscribe_’ + categoryid).style.display = ‘none’;
\n document.getElementById(‘unsubscribe_’ + categoryid).style.display = ‘block’;
\n var showDownloadReport = document.getElementById(‘download_report’);
\n if (showDownloadReport) {
\n showDownloadReport.style.display = ‘block’;
\n }<\/p>\n
}<\/p>\n
} catch (e) {
\n console.error(‘Error parsing response:’, e);
\n }
\n },<\/p>\n
});
\n }<\/p>\n
function closeModal(template_id) {
\n var modalId = template_id;
\n var modal = document.querySelector(‘#’ + modalId); \/\/ Using querySelector to find the modal<\/p>\n
if (modal) {
\n modal.classList.add(‘hide’);
\n modal.classList.remove(‘show’);
\n setTimeout(function() {
\n modal.style.display = ‘none’;
\n }, 500);<\/p>\n
} else {
\n console.warn(‘Modal not found:’, modalId);
\n }
\n }<\/p>\n
function closeunsubscribemodal() {
\n var unsubscribemodal = document.querySelector(‘.unsubscribed-popup-modal .modal’);<\/p>\n
if (unsubscribemodal) {
\n unsubscribemodal.classList.add(‘hide’);
\n unsubscribemodal.classList.remove(‘show’);
\n }
\n setTimeout(function() {
\n unsubscribemodal.style.display = ‘none’;
\n }, 500);
\n }<\/p>\n
function closesubscribemodal() {
\n var subscribedmodal = document.querySelector(‘.subscribed-popup-modal .modal’);
\n setTimeout(function() {
\n subscribedmodal.style.display = ‘none’;
\n }, 500);
\n if (subscribedmodal) {
\n subscribedmodal.classList.add(‘hide’);
\n subscribedmodal.classList.remove(‘show’);
\n }
\n }<\/p>\n
function withoutLoginClicked(withoutlogin_id) {<\/p>\n
localStorage.setItem(‘subscribe_without_Login’, ‘true’);
\n localStorage.setItem(‘subscribe_clicked_id’, withoutlogin_id);
\n }<\/p>\n
document.addEventListener(‘DOMContentLoaded’, function() {<\/p>\n
const subscribewithoutData = localStorage.getItem(‘subscribe_without_Login’);
\n const subscribe_clicked_cat_id = localStorage.getItem(‘subscribe_clicked_id’);<\/p>\n
\/\/ Function to get cookies
\n function getCookie(name) {
\n let value = “; ” + document.cookie;
\n let parts = value.split(“; ” + name + “=”);
\n if (parts.length == 2) return parts.pop().split(“;”).shift();
\n }<\/p>\n
\/\/ Get user token from cookies
\n const userToken = getCookie(‘user_token’);<\/p>\n
if (subscribewithoutData === ‘true’ && userToken) {
\n \/\/ Call the modal function with the category ID
\n subscribed_popupmodal(subscribe_clicked_cat_id);<\/p>\n
\/\/ Remove the flag and category ID from localStorage
\n localStorage.removeItem(‘subscribe_without_Login’);
\n localStorage.removeItem(‘subscribe_clicked_id’);
\n }
\n });<\/p>\n
\t\t\/************************** update susbcriber content **************************** *\/
\n function initializeSubscriptionButton() {
\n var initialListItems = document.querySelectorAll(‘.subscription-options input[type=”checkbox”]’);
\n initialListItems.forEach(function(item) {
\n console.log(item.checked, ‘Initial Checkbox checked status’);
\n });<\/p>\n
var listItems = document.querySelectorAll(‘.subscription-options li’);
\n if (listItems.length === 0) return;<\/p>\n
var anyActive = false;
\n listItems.forEach(function(item) {
\n var checkbox = item.querySelector(‘input[type=”checkbox”]’);
\n if (checkbox) {
\n if (checkbox.checked) {
\n item.classList.add(‘active’);
\n anyActive = true; \/\/ Set anyActive to true
\n } else {
\n item.classList.remove(‘active’); \/\/ Remove ‘active’ class if checkbox is unchecked
\n }
\n }
\n });<\/p>\n
}<\/p>\n
function updateButtonText(anyActive) {
\n var subscribeButtonSpan = document.querySelector(‘.subscribe-submit .changeBtnText’);
\n if (subscribeButtonSpan) {
\n if (anyActive) {
\n subscribeButtonSpan.textContent = ‘Subscribe Now’;
\n } else {
\n subscribeButtonSpan.textContent = ‘Unsubscribe’;
\n }
\n }
\n }<\/p>\n
function updateSubscriptionButton() {
\n var listItems = document.querySelectorAll(‘.subscription-options li’);
\n if (listItems.length === 0) return;<\/p>\n
var anyActive = false;
\n listItems.forEach(function(item) {
\n var checkbox = item.querySelector(‘input[type=”checkbox”]’);
\n if (checkbox) {
\n if (checkbox.checked) {
\n item.classList.add(‘active’);
\n anyActive = true; \/\/ Set anyActive to true
\n } else {
\n item.classList.remove(‘active’); \/\/ Remove ‘active’ class if checkbox is unchecked
\n }
\n }
\n }); <\/p>\n
\/\/ Update the button text based on whether any list item has the ‘active’ class
\n updateButtonText(anyActive);
\n }
\n document.addEventListener(‘click’, function(event) {
\n var clickedItem = event.target.closest(‘.subscription-options li’);
\n if (clickedItem) {
\n var checkbox = clickedItem.querySelector(‘input[type=”checkbox”]’);
\n if (checkbox) {
\n checkbox.checked = !checkbox.checked;
\n updateSubscriptionButton();
\n }
\n }
\n });<\/p><\/div>\n<\/p><\/div>\n
![\"Global](\"https:\/\/trazfomerluki.com\/wp-content\/uploads\/2025\/06\/Global-Crypto-Adoption-2023-1024x536-1.png\")
<\/p>\n