Bye bye Qtip2 and hello Hint.css Tooltips

assets/js/admin/admin-scripts.js

@@ -1657,25 +1657,6 @@ jQuery.noConflict();
 		});
 	};
 
-	/**
-	 * Initialize qTips
-	 */
-	var initialize_qtips = function () {
-		jQuery('[data-tooltip!=""]').qtip({ // Grab all elements with a non-blank data-tooltip attr.
-			content: {
-				attr: 'data-tooltip' // Tell qTip2 to look inside this attr for its content
-			},
-			style  : {classes: 'qtip-rounded qtip-tipsy'},
-			events : {
-				show: function (event, api) {
-					var $el = $(api.elements.target[0]);
-					$el.qtip('option', 'position.my', ($el.data('tooltip-my-position') == undefined) ? 'bottom center' : $el.data('tooltip-my-position'));
-					$el.qtip('option', 'position.at', ($el.data('tooltip-target-position') == undefined) ? 'top center' : $el.data('tooltip-target-position'));
-				}
-			}
-		})
-	};
-
 	/**
 	 * Payment history listing page js
 	 */
@@ -1754,34 +1735,58 @@ jQuery.noConflict();
 		Edit_Form_Screen.init();
 		Give_Payment_History.init();
 
-		initialize_qtips();
-
 		//Footer
 		$('a.give-rating-link').click(function () {
 			jQuery(this).parent().text(jQuery(this).data('rated'));
 		});
 
-		/**
-		 *  Amount format validation form price field setting
-		 */
+		// Ajax user search
+		$('.give-ajax-user-search').on('keyup', function () {
+			var user_search = $(this).val();
+			var exclude     = '';
 
-		// This function uses for adding qtip to money/price field.
-		function give_add_qtip($fields) {
-			// Add qtip to all existing money input fields.
-			$fields.each(function () {
-				$(this).qtip({
-					style   : 'qtip-dark qtip-tipsy',
-					content : {
-						text: give_vars.price_format_guide.trim()
-					},
-					show    : '',
-					position: {
-						my: 'bottom center',
-						at: 'top center'
-					}
-				});
+			if ($(this).data('exclude')) {
+				exclude = $(this).data('exclude');
+			}
+
+			$('.give-ajax').show();
+			data = {
+				action   : 'give_search_users',
+				user_name: user_search,
+				exclude  : exclude
+			};
+
+			document.body.style.cursor = 'wait';
+
+			$.ajax({
+				type    : "POST",
+				data    : data,
+				dataType: "json",
+				url     : ajaxurl,
+				success : function (search_response) {
+					$('.give-ajax').hide();
+					$('.give_user_search_results').removeClass('hidden');
+					$('.give_user_search_results span').html('');
+					$(search_response.results).appendTo('.give_user_search_results span');
+					document.body.style.cursor = 'default';
+				}
 			});
-		}
+		});
+
+		$('body').on('click.giveSelectUser', '.give_user_search_results span a', function (e) {
+			e.preventDefault();
+			var login = $(this).data('login');
+			$('.give-ajax-user-search').val(login);
+			$('.give_user_search_results').addClass('hidden');
+			$('.give_user_search_results span').html('');
+		});
+
+		$('body').on('click.giveCancelUserSearch', '.give_user_search_results a.give-ajax-user-cancel', function (e) {
+			e.preventDefault();
+			$('.give-ajax-user-search').val('');
+			$('.give_user_search_results').addClass('hidden');
+			$('.give_user_search_results span').html('');
+		});
 
 		var $give_money_fields       = $('input.give-money-field, input.give-price-field');
 		var thousand_separator       = give_vars.thousands_separator,
@@ -1794,26 +1799,12 @@ jQuery.noConflict();
 			// If thousand separator is equal to decimal separator then price does not have more then 1 thousand separator otherwise limit is zero.
 			thousand_separator_limit = ( decimal_separator === thousand_separator ? 1 : 0 );
 
-		// Add qtip to all existing money input fields.
-		give_add_qtip($give_money_fields);
-
-		// Add qtip to new created money/price input field.
-		$('#_give_donation_levels_repeat').on('click', 'button.cmb-add-group-row', function () {
-			window.setTimeout(
-				function () {
-
-					// Update input filed selector.
-					$give_money_fields = $('input.give-money-field, input.give-price-field');
-
-					// Add qtip to all existing money input fields.
-					give_add_qtip($give_money_fields);
-				},
-				100
-			)
-		});
 
 		// Check & show message on keyup event.
 		$('#poststuff').on('keyup', 'input.give-money-field, input.give-price-field', function () {
+			var tootltip_setting = {
+				label: give_vars.price_format_guide.trim()
+			};
 			// Count thousand separator in price string.
 			thousand_separator_count = ( $(this).val().match(new RegExp(thousand_separator, 'g')) || [] ).length;
 			alphabet_count           = ( $(this).val().match(new RegExp('[a-z]', 'g')) || [] ).length;
@@ -1823,12 +1814,11 @@ jQuery.noConflict();
 				( -1 !== $(this).val().indexOf(thousand_separator) )
 				&& ( thousand_separator_limit < thousand_separator_count )
 			) {
-				$(this).qtip('show');
+				$(this).give_hintcss('show', tootltip_setting );
 			} else if (alphabet_count) {
-				// Show qtip if user entered a number with alphabet letter.
-				$(this).qtip('show');
+				$(this).give_hintcss('show', tootltip_setting);
 			} else {
-				$(this).qtip('hide');
+				$(this).give_hintcss('hide', tootltip_setting);
 			}
 
 			// Reset thousand separator count.

assets/js/admin/admin-settings.js

@@ -61,4 +61,76 @@ jQuery(document).ready(function ($) {
 		// Update select html.
 		$default_gateway.html(active_payment_option_html);
 	});
+
+	/**
+	 * Repeater setting field event.
+	 */
+	$( 'a.give-repeat-setting-field' ).on( 'click', function(e){
+		e.preventDefault();
+		var parent = $(this).parents('td'),
+			$first_setting_field_group = $( 'p:first-child', parent ),
+			$new_setting_field_group = $first_setting_field_group.clone(),
+			setting_field_count = $( 'p', parent ).not('.give-field-description').length;
+
+		// Set id and value for setting field.
+		$( 'input', $new_setting_field_group ).attr( 'id', $(this).data('id') + '_' + (++setting_field_count) );
+		$( 'input', $new_setting_field_group ).val( '' );
+
+		// Add setting field html to dom.
+		$(this).before( $new_setting_field_group );
+
+		return false;
+	});
+
+	$( '.give-settings-page' ).on( 'click', 'span.give-remove-setting-field', function(e){
+		$(this).parents('p').remove();
+	});
+
+	/**
+	 * Enabled & disable email notification event.
+	 */
+	$( '.give-email-notification-status', 'table.giveemailnotifications' ).on( 'click', function(){
+		var $this = $(this),
+			$icon_container = $('i', $this),
+			$loader = $(this).next(),
+			set_notification_status = $(this).hasClass( 'give-email-notification-enabled' ) ? 'disabled' : 'enabled',
+			notification_id = $(this).data('id');
+
+		// Bailout if admin can not edit notification status setting.
+		if( ! parseInt( $this.data('edit') ) ) {
+			return false;
+		}
+
+		$.ajax({
+			url: ajaxurl,
+			method: 'POST',
+			data: {
+				action: 'give_set_notification_status',
+				status: set_notification_status,
+				notification_id: notification_id
+			},
+			beforeSend: function(){
+				$this.hide();
+				$loader.addClass('is-active');
+			},
+			success: function(res) {
+				if( res.success ) {
+					$this.removeClass( 'give-email-notification-' + $this.data('status') );
+					$this.addClass( 'give-email-notification-' + set_notification_status );
+					$this.data( 'status', set_notification_status );
+
+					if( 'enabled' === set_notification_status ) {
+						$icon_container.removeClass('dashicons-no-alt');
+						$icon_container.addClass('dashicons-yes');
+					} else{
+						$icon_container.removeClass('dashicons-yes');
+						$icon_container.addClass('dashicons-no-alt');
+					}
+
+					$loader.removeClass('is-active');
+					$this.show();
+				}
+			}
+		});
+	});
 });

assets/js/admin/admin-widgets.js

@@ -11,19 +11,6 @@
 jQuery.noConflict();
 (function ( $ ) {
 
-	var initialize_qtips = function () {
-		jQuery( '[data-tooltip!=""]' ).qtip( { // Grab all elements with a non-blank data-tooltip attr.
-			content : {
-				attr: 'data-tooltip' // Tell qTip2 to look inside this attr for its content
-			},
-			style   : {classes: 'qtip-rounded qtip-tipsy'},
-			position: {
-				my: 'bottom center',  // Position my top left...
-				at: 'top center' // at the bottom right of...
-			}
-		} )
-	};
-
 	/**
 	 * Show/Hide continue button tile setting on basis of display setting for Give Form widget.
 	 */
@@ -43,16 +30,12 @@ jQuery.noConflict();
 
 	//On DOM Ready
 	$( function () {
-		initialize_qtips();
-
 		continue_button_setting_js();
 		$( '.give_forms_display_style_setting_row input', '.widget-liquid-right' ).trigger('change');
 	} );
 
 	//Function to Refresh jQuery toggles for Yelp Widget Pro upon saving specific widget
 	$( document ).ajaxSuccess( function ( e, xhr, settings ) {
-		initialize_qtips();
-
 		continue_button_setting_js();
 		$( '.give_forms_display_style_setting_row input', '.widget-liquid-right' ).trigger('change');
 	} );