# charitable/1.8.13/assets/js/admin/charitable-admin-2.0.js
Charitable – Donation & Fundraising Platform (Donation Forms, Recurring Donations & Fundraising Campaigns), version 1.8.13. 940 lines.
- Page: https://pluginprobe.com/plugins/charitable/1.8.13/code/assets/js/admin/charitable-admin-2.0.js
- Raw: https://pluginprobe.com/plugins/charitable/1.8.13/raw/assets/js/admin/charitable-admin-2.0.js
- Modified: 2026-08-13T10:10:38+00:00
Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/charitable/1.8.13/code/assets/js/admin/charitable-admin-2.0.js#L10-L20`.
```javascript
/* global charitable_builder, jconfirm, charitable_panel_switch, Choices, Charitable, CharitableCampaignEmbedWizard, wpCookies, tinyMCE, CharitableUtils, List */ // eslint-disable-line no-unused-vars
var CharitableAdminUI = window.CharitableAdminUI || ( function( document, window, $ ) {
var s = {};
var elements = {};
var app = {
settings: {
clickWatch: false
},
init: function() {
// charitable_panel_switch = true;
s = this.settings;
// Document ready.
$( app.ready );
},
ready: function() {
// Move navigation elements on certain pages.
app.moveNavigationElements();
elements.$addNewCampaignButton = $( 'body.post-type-campaign .page-title-action' );
// Bind all actions.
app.bindUIActions();
var urlParams = new URLSearchParams(window.location.search);
if ( urlParams.has('create') && 'campaign' === urlParams.get('create') ) {
app.newCampaignPopup();
urlParams.delete('create');
window.history.pushState({}, '', '/wp-admin/edit.php?' + urlParams.toString() );
}
// upon loading the page or a change of a hash - view the hash in the url and if that anchor exists, scroll to it.
$(document).ready(function() {
app.scrollToAnchor();
}
);
$(window).on('hashchange', function() {
app.scrollToAnchor();
});
// if the body tag has the css class charitable_page_charitable-dashboard and the notification container has a notification in it, show the notifications.
if ( $('body').hasClass('charitable_page_charitable-dashboard') && $('#charitable-plugin-notifications').find('.notification-cards-active .charitable-notification').length > 0 ) {
// check if charitable_admin.autoshow_notifications is not undefined and is true.
if ( typeof charitable_admin.autoshow_plugin_notifications !== 'undefined' && charitable_admin.autoshow_plugin_notifications ) { // eslint-disable-line no-undef
$('body').addClass('charitable-show-notifications');
$("#charitable-plugin-notifications").addClass("in");
$('body').find('.charitable-notifications-overlay').fadeIn();
}
}
},
/**
* Move navigation elements on certain pages.
*
* @return {void}
*
* @since 1.8.2
*/
moveNavigationElements: function() {
// if the body class has the class 'post-type-charitable' and 'edit-tags-php' then move the navigation elements "#charitable-tools-nav" right after form.search-form.
if ( $('body.post-type-charitable.edit-tags-php').length > 0 ) {
$('#charitable-tools-nav').insertBefore('h1.wp-heading-inline');
}
},
/**
* Bind all UI actions.
*
* @return {void}
*
*/
bindUIActions: function() {
// Deprecated.
// $('body.post-type-campaign').on( 'click', '.page-title-action', function( e ) {
// e.preventDefault();
// app.newCampaignPopup();
// } );
$('body.post-type-campaign').on( 'click', '.charitable-campaign-list-banner a.button-link', function( e ) {
e.preventDefault();
app.campaignListBannerPopup();
} );
$('body.post-type-campaign').on( 'click', '.jconfirm-closeIcon', function( e ) { // eslint-disable-line no-unused-vars
s.clickWatch = false;
} );
if ( s.clickWatch === false ) {
$('body.post-type-campaign').on( 'click', 'input.campaign_name', function( e ) {
e.preventDefault();
$(this).select();
s.clickWatch = true;
} );
}
// Blank slate create new campaign button.
if ( $('.charitable-blank-slate-create-campaign').length > 0 ) {
$('body.post-type-campaign').on( 'click', '.charitable-blank-slate-create-campaign', function( e ) {
e.preventDefault();
app.newCampaignPopup();
} );
}
// Welcome activation page.
app.initWelcome();
// Upgrade Modal.
app.initUpgradeModal();
// Notifications (Dashboard)
app.initNotifications();
// Notifications (AM)
app.initAMNotifications();
// Square Legacy Modal.
app.initSquareLegacyModal();
},
/**
* Initialize the AM notifications.
*
* @return {void}
*
* @since 1.8.3
*
*/
initAMNotifications: function() {
if ( $('.charitable-notification-inbox').length > 0 ) {
// on click add body class charitable-notifications-open.
$('body').on( 'click', '.charitable-notification-inbox, .charitable-close, #toplevel_page_charitable li.notifications, .charitable-report-card.charitable-dashboard-notifications .more a, p.charitable-view-notifications a', function( e ) {
e.preventDefault();
$('body').toggleClass('charitable-show-notifications');
$("#charitable-plugin-notifications").toggleClass("in");
$('body').find('.charitable-notifications-overlay').fadeToggle();
});
}
if ( $('.charitable-notifications-overlay').length > 0 ) {
// click on overlay, the notifications will close.
$('body').on( 'click', '.charitable-notifications-overlay', function( e ) {
e.preventDefault();
$('body').removeClass('charitable-show-notifications');
$("#charitable-plugin-notifications").removeClass("in");
$('body').find('.charitable-notifications-overlay').fadeOut();
});
// dismiss a single notification.
$('.charitable-notification').on( 'click', 'a.dismiss', function( e ) {
e.preventDefault();
var $this = $(this),
notification_id = $this.closest('.charitable-notification').data('notification-id');
// ajax call to diable the notification.
$.ajax({
type: 'POST',
url: ajaxurl, // eslint-disable-line no-undef
data: {
action: 'charitable_notification_dismiss',
notification_id: notification_id,
nonce: charitable_admin.nonce, // eslint-disable-line no-undef
},
success: function( response ) {
if ( response.success ) {
// Remove the element that has the notification id.
// Because the dismiss button might be in multiple locations, for each element that has the data-notification-id attribute and find the 'charitable-notification' element in it's children.
// $('body').find('.charitable-notification[data-notification-id="' + notification_id + '"]').fadeOut(400, function() { app.moveAMNotificationToDismissed( $(this) ) });
// do the same thing but remove the fadeOut but reference the app.moveAMNotificationToDismissed function.
var the_counts = app.moveAMNotificationToDismissed( $('body').find('#charitable-plugin-notifications .charitable-notification[data-notification-id="' + notification_id + '"]') ),
active_notification_count = the_counts.active_notification_count,
dismissed_notification_count = the_counts.dismissed_notification_count;
if ( active_notification_count === 0 ) {
// remove the notifications which should be none but still.
$('.charitable-notification-cards.notification-cards-active .charitable-notification').remove();
// ..same for the dashboard notifications, if it exists.
if ( $('#charitable-dashboard-report-sections').length > 0 ) {
$('#charitable-dashboard-report-sections').find('.charitable-dashboard-notification').remove();
}
// For the dashboard notifications, if there are no more notifications, show the no-items message.
$('.charitable-dashboard-notifications').find('.no-items').removeClass('charitable-hidden');
$('.charitable-dashboard-notifications').find('.the-list').addClass('charitable-hidden');
// change the text at the top of the notifications.
$('#charitable-plugin-notifications .new-notifications').html('No new notifications');
// change the text of the dashboard notifications, if it exists.
$('#charitable-dashboard-report-sections').find('.charitable-dashboard-notifications .header h4').html('Notifications');
// Set up the "no active notifications" message on dashboard.
$('#charitable-dashboard-report-sections').find('.charitable-dashboard-notifications').find('.charitable-report-ui').html('');
// remove the red dot from notifications icon and the WP admin menu.
$('.charitable-notification-inbox').find('.number').remove();
$('#toplevel_page_charitable').find('li.notifications .charitable-menu-notification-indicator').remove();
// remove dismiss all link.
$('#charitable-plugin-notifications').find('.dismiss-all').remove();
} else {
$('#charitable-plugin-notifications').find('#new-notifications-count').html( active_notification_count );
// Update the header badge count
$('.charitable-notification-inbox').find('.number').html( active_notification_count );
// Get the number of active notifications for the dashboard.
var active_notification_count_dashboard = $('#charitable-dashboard-report-sections').find('.charitable-dashboard-notifications .charitable-notification').length;
if ( active_notification_count > active_notification_count_dashboard ) {
if ( active_notification_count === 1 ) {
$('#charitable-dashboard-report-sections').find('#new-notifications-count-dashboard').html( active_notification_count + '+' );
// Insert HTML into .charitable-report-ui of this id.
$('#charitable-dashboard-report-sections').find('.charitable-dashboard-notifications').find('.charitable-report-ui').html('');
} else {
$('#charitable-dashboard-report-sections').find('#new-notifications-count-dashboard').html( active_notification_count_dashboard + '+' );
}
} else {
$('#charitable-dashboard-report-sections').find('#new-notifications-count-dashboard').html( active_notification_count_dashboard );
}
}
var active_notification_count_dashboard = $('#charitable-dashboard-report-sections').find('.charitable-dashboard-notifications .charitable-notification').length;
$('#charitable-plugin-notifications').find('#new-notifications-count').html( active_notification_count );
if ( active_notification_count > active_notification_count_dashboard ) {
if ( active_notification_count === 1 ) {
$('#charitable-dashboard-report-sections').find('#new-notifications-count-dashboard').html( active_notification_count + '+' );
// Insert HTML into .charitable-report-ui of this id.
$('#charitable-dashboard-report-sections').find('.charitable-dashboard-notifications').find('.charitable-report-ui').html('');
} else {
$('#charitable-dashboard-report-sections').find('#new-notifications-count-dashboard').html( active_notification_count_dashboard + '+' );
}
} else {
$('#charitable-dashboard-report-sections').find('#new-notifications-count-dashboard').html( active_notification_count_dashboard );
}
// if active is only one, use the singular form... otherwise use the plural form.
if ( active_notification_count === 1 ) {
app.replaceNotifications(".new-notifications.notifications-visible");
// check to see if the h4 element exists in the dashboard notifications and replace the text.
if ( $('#charitable-dashboard-report-sections').length > 0 ) {
app.replaceNotifications(".charitable-dashboard-notifications .header h4");
}
}
// Replace the number inside the count div.
$('#charitable-plugin-notifications').find('#dismissed-notifications-count').text( dismissed_notification_count );
if ( dismissed_notification_count === 1 ) {
app.replaceNotifications('#charitable-plugin-notifications .old-notifications strong');
} else {
app.replaceNotification('#charitable-plugin-notifications .old-notifications strong');
}
}
}
});
});
// dismiss all notifications.
$('.charitable-plugin-notifications .notification-menu').on( 'click', '.dismiss-all a.dismiss', function( e ) {
e.preventDefault();
var $this = $(this),
notification_ids = [];
// get all the notification ids.
$('.charitable-notification').each(function() {
notification_ids.push( $(this).data('notification-id') );
});
// ajax call to diable the notification.
$.ajax({
type: 'POST',
url: ajaxurl, // eslint-disable-line no-undef
data: {
action: 'charitable_notification_dismiss_multiple',
notification_ids: notification_ids,
nonce: charitable_admin.nonce, // eslint-disable-line no-undef
},
success: function( response ) {
if ( response.success ) {
// remove all elements.
$this.remove();
var active_notification_count = 0,
dismissed_notification_count = 0;
// foreach notification in #charitable-plugin-notifications .charitable-notification, move it to the dismissed section.
$('#charitable-plugin-notifications .charitable-notification').each(function() {
var the_counts = app.moveAMNotificationToDismissed( $(this) );
active_notification_count = the_counts.active_notification_count,
dismissed_notification_count = the_counts.dismissed_notification_count;
});
// remove the notifications which should be none but still.
$('.charitable-notification-cards.notification-cards-active .charitable-notification').remove();
// ..same for the dashboard notifications, if it exists.
if ( $('#charitable-dashboard-report-sections').length > 0 ) {
$('#charitable-dashboard-report-sections').find('.charitable-dashboard-notification').remove();
}
// For the dashboard notifications, if there are no more notifications, show the no-items message.
$('.charitable-dashboard-notifications').find('.no-items').removeClass('charitable-hidden');
$('.charitable-dashboard-notifications').find('.the-list').addClass('charitable-hidden');
// change the text at the top of the notifications.
$('#charitable-plugin-notifications .new-notifications').html('No new notifications');
// change the text of the dashboard notifications, if it exists.
$('#charitable-dashboard-report-sections').find('.charitable-dashboard-notifications .header h4').html('Notifications');
// remove the red dot from notifications icon and the WP admin menu.
$('.charitable-notification-inbox').find('.number').remove();
$('#toplevel_page_charitable').find('li.notifications .charitable-menu-notification-indicator').remove();
$('#charitable-plugin-notifications').find('#new-notifications-count').html( active_notification_count );
$('#charitable-dashboard-report-sections').find('#new-notifications-count-dashboard').html( active_notification_count );
$('#charitable-plugin-notifications').find('#dismissed-notifications-count').html( dismissed_notification_count );
$('#charitable-dashboard-report-sections').find('.charitable-dashboard-notifications').find('.charitable-report-ui').html('');
}
}
});
});
// switch between active and dismissed notifications.
$('.charitable-plugin-notifications .notification-menu').on( 'click', '.dismissed-notifications a', function( e ) {
e.preventDefault();
var $this = $(this),
$container = $this.closest('.notification-menu'),
$dismissed = $container.find('.notification-cards-dismissed'),
$active = $container.find('.notification-cards-active'),
$new_notifications_title = $container.find('.new-notifications'),
$old_notifications_title = $container.find('.old-notifications'),
$dismiss_all_element = $container.find('.dismiss-all a.dismiss'),
active_notification_count = $('#charitable-plugin-notifications .notification-cards-active .charitable-notification').length,
dismissed_notification_count = $('#charitable-plugin-notifications .notification-cards-dismissed .charitable-notification').length;
if ( $this.data('status') !== 'active' ) {
// if active is only one, use the singular form... otherwise use the plural form.
if ( active_notification_count === 1 ) {
$this.html('Active Notification');
} else {
$this.html('Active Notifications');
}
$this.data('status', 'active');
} else {
// if dismissed is only one, use the singular form... otherwise use the plural form.
if ( dismissed_notification_count === 1 ) {
$this.html('Dismissed Notification');
} else {
$this.html('Dismissed Notification');
}
$this.data('status', 'dismissed');
}
$active.toggleClass('notification-cards-visible');
$dismissed.toggleClass('notification-cards-visible');
$new_notifications_title.toggleClass('notifications-visible');
$old_notifications_title.toggleClass('notifications-visible');
$dismiss_all_element.toggleClass('charitable-hidden');
});
// Gear icon — toggle settings panel.
$( document ).on( 'click', '#charitable-notif-gear-btn', function( e ) {
e.preventDefault();
e.stopPropagation();
var $panel = $( '#charitable-notif-settings-panel' );
var $btn = $( this );
var open = $panel.is( ':visible' );
$panel.slideToggle( 150 );
$btn.attr( 'aria-expanded', open ? 'false' : 'true' );
} );
// Settings toggles — save on change.
$( document ).on( 'change', '#charitable-notif-settings-panel input[type="checkbox"]', function() {
var settings = {};
$( '#charitable-notif-settings-panel input[type="checkbox"]' ).each( function() {
settings[ $( this ).data( 'category' ) ] = $( this ).is( ':checked' );
} );
$.post(
typeof ajaxurl !== 'undefined' ? ajaxurl : charitable_admin.ajax_url, // eslint-disable-line no-undef
{
action : 'charitable_save_notification_settings',
nonce : CHARITABLE.nonce, // eslint-disable-line no-undef
settings: JSON.stringify( settings )
},
function( res ) {
if ( ! res.success ) {
console.log( 'Notification settings save failed', res ); // eslint-disable-line no-console
}
}
);
} );
}
},
/**
* Replace the text "Notifications" with "Notification".
* This is used in the AM notifications.
*
* @param {string} selector The selector of the element to replace the text.
*
* @return {void}
*
* @since 1.8.3
*/
replaceNotifications: function( selector ) {
$(selector).each(function() {
// Get the current text
var currentText = $(this).text();
// Replace "Notifications" with "Notification"
var newText = currentText.replace(/Notifications/g, "Notification");
// Update the element's text
$(this).text(newText);
});
},
replaceNotification: function( selector ) {
$(selector).each(function() {
// Get the current text
var currentText = $(this).text();
// Replace "Notifications" with "Notification"
var newText = currentText.replace(/Notification/g, "Notifications");
// Update the element's text
$(this).text(newText);
});
},
/**
* Move the notification to the dismissed section.
*
* @param {object} $notification The jQuery object of the notification.
*
* @since 1.8.3
*
* @return {void}
*/
moveAMNotificationToDismissed: function( $notification ) {
// remove the "no dismissed notifications" title.
if ( $('.notification-no-dismissed-title').length > 0 ) {
$('.notification-no-dismissed-title').closest('.notification-card').remove();
}
// Remove the dismiss button in the notification that is being dismissed.
$notification.find('.dismiss').remove();
// mmove $notification to the dismissed section - it should be the last child inside the parent of charitable-notification-cards.notification-cards-dismissed.
$notification.appendTo('#charitable-plugin-notifications .notification-cards-dismissed').show();
// if we are on the dashboard make sure this notification is also removed from the dashboard notifications pane.
if ( $('#charitable-dashboard-report-sections').length > 0 ) {
$('#charitable-dashboard-report-sections').find('.charitable-dashboard-notifications .charitable-notification[data-notification-id="' + $notification.data('notification-id') + '"]').remove();
}
// return accurate counts of the notifications in the sidebar.
var active_notification_count = $('#charitable-plugin-notifications .notification-cards-active .charitable-notification').length,
dismissed_notification_count = $('#charitable-plugin-notifications .notification-cards-dismissed .charitable-notification').length;
return { active_notification_count: active_notification_count, dismissed_notification_count: dismissed_notification_count };
},
/**
* Initialize the notifications.
*
* @return {void}
*
* @since 1.8.2
*
*/
initNotifications: function() {
// when a prev or next button is clicked inside the notification navigation.
$('body .charitable-dashboard-notification-navigation').on( 'click', 'a', function( e ) {
e.preventDefault();
var $this = $(this),
$container = $this.closest('.charitable-dashboard-notifications'),
$current = $container.find('.charitable-dashboard-notification:not(.charitable-hidden)'),
notification_number = $current.data('notification-number'),
notification_count = $container.find('.charitable-dashboard-notification').length,
new_number = notification_number;
if ( $this.hasClass('next') ) {
new_number++;
if ( new_number > notification_count ) {
new_number = 1;
}
} else if ( $this.hasClass('prev') ) {
new_number--;
if ( new_number < 1 ) {
new_number = notification_count;
}
}
// Fade out current, then fade in next.
$current.fadeOut( 200, function() {
$current.addClass('charitable-hidden').removeAttr('style');
$container.find('.charitable-dashboard-notification[data-notification-number="' + new_number + '"]').hide().removeClass('charitable-hidden').fadeIn( 200 );
});
// Update the counter text.
$container.find('.charitable-dashboard-notification-counter').text( new_number + ' of ' + notification_count );
}
);
// when the close button is clicked, remove the notificaiton from the HTML and do an ajax call removing the notficaition from the database.
$('body .charitable-dashboard-notifications').on( 'click', '.charitable-remove-dashboard-notification', function( e ) {
e.preventDefault();
var $this = $(this),
$container = $this.closest('.charitable-dashboard-notifications'),
notification_id = $container.find('.charitable-dashboard-notification:not(.charitable-hidden)').data('notification-id');
// ajax call to diable the notification.
$.ajax({
type: 'POST',
url: ajaxurl, // eslint-disable-line no-undef
data: {
action: 'charitable_disable_dashboard_notification',
notification_id: notification_id,
nonce: charitable_admin.nonce // eslint-disable-line no-undef
},
success: function( response ) {
if ( response.success ) {
var $dismissed = $container.find('.charitable-dashboard-notification[data-notification-id="' + notification_id + '"]');
$dismissed.fadeOut( 200, function() {
$dismissed.remove();
// count the number of notifications that are left.
var notification_count = $container.find('.charitable-dashboard-notification').length;
// if there are no more notifications, remove the entire container.
if ( notification_count === 0 ) {
$container.fadeOut( 200, function() { $container.remove(); });
} else {
// Show the first remaining notification with fade.
$container.find('.charitable-dashboard-notification').first().removeClass('charitable-hidden').hide().fadeIn( 200 );
if ( notification_count <= 1 ) {
// Hide navigation when only one notification remains.
$container.find('.charitable-dashboard-notification-navigation').html('');
} else {
// Update the counter text.
var current_number = $container.find('.charitable-dashboard-notification:not(.charitable-hidden)').first().data('notification-number');
$container.find('.charitable-dashboard-notification-counter').text( current_number + ' of ' + notification_count );
}
}
});
}
}
});
});
},
/**
* Scroll to anchor.
* If the url has a hash, scroll to the anchor.
*
* @return {void}
*
* @since 1.8.2
*/
scrollToAnchor: function() {
// get the hash from the url.
var hash = window.location.hash;
hash = hash.substring(1);
if ( hash ) {
// santitize the hash.
hash = hash.replace(/[^a-zA-Z0-9-_]/g, '');
var $target = $( 'a#wpchr-' + hash ),
$container = false;
if ( $target.length ) {
$container = $target.length ? $target.closest('.charitable-growth-content') : false;
}
// remove all css classes 'charitable-selected' from all containers.
$('.charitable-growth-content').removeClass('charitable-selected');
if ( $target.length ) {
// scroll to the target.
$('html, body').animate({
scrollTop: $target.offset().top - 100
}, 1000);
// after 2 seconds, slowly fade the background color to white.
$container.addClass('charitable-selected');
}
}
},
/**
* Create a new campaign popup (deprecated).
*
*/
newCampaignPopup: function() {
var admin_url = typeof charitable_admin !== "undefined" && typeof charitable_admin.admin_url !== "undefined" ? charitable_admin.admin_url : '/wp-admin/', // eslint-disable-line no-undef
box_width = $(window).width() * .50;
if ( box_width > 770 ) {
box_width = 770;
}
$.confirm( {
title: 'Create Campaign',
content: '' +
'',
closeIcon: true,
boxWidth: box_width + 'px',
useBootstrap: false,
type: 'create-campaign',
animation: 'none',
buttons: {
formSubmit: {
text: 'Create Campaign',
btnClass: 'btn-green',
action: function () {
var campaign_name = this.$content.find('.campaign_name').val().trim();
if ( ! campaign_name ){
$.alert('Please provide a valid campaign name.');
return false;
} else {
$('.jconfirm-buttons button.btn').html('Creating...');
$('#create-campaign-form').submit();
return false;
}
}
}
},
onContentReady: function () {
}
} );
},
/**
* Create a new campaign popup.
* This is the new campaign popup that is used in the campaign list page.
*
* @since 1.8.2
*
* @return {void}
*/
campaignListBannerPopup: function() {
var plugin_asset_dir = typeof charitable_admin.plugin_asset_dir !== "undefined" ? charitable_admin.plugin_asset_dir : '/wp-content/plugins/charitable/assets'; // eslint-disable-line no-undef
$.confirm( {
title: false,
content: '' +
' 
' +
'' +
'