tinymce
9 years ago
admin-forms.js
8 years ago
admin-forms.min.js
8 years ago
admin-scripts.js
8 years ago
admin-scripts.min.js
8 years ago
admin-settings.js
8 years ago
admin-settings.min.js
8 years ago
admin-shortcodes.js
9 years ago
admin-shortcodes.min.js
9 years ago
admin-widgets.js
8 years ago
admin-widgets.min.js
8 years ago
admin-settings.js
176 lines
| 1 | /*! |
| 2 | * Give Admin Forms JS |
| 3 | * |
| 4 | * @description: The Give Admin Settings scripts. Only enqueued on the give-settings page; used for tabs and other show/hide functionality |
| 5 | * @package: Give |
| 6 | * @since: 1.5 |
| 7 | * @subpackage: Assets/JS |
| 8 | * @copyright: Copyright (c) 2016, WordImpress |
| 9 | * @license: http://opensource.org/licenses/gpl-2.0.php GNU Public License |
| 10 | */ |
| 11 | |
| 12 | jQuery.noConflict(); |
| 13 | jQuery(document).ready(function ($) { |
| 14 | |
| 15 | /** |
| 16 | * Sortable payment gateways. |
| 17 | */ |
| 18 | var $payment_gateways = jQuery( 'ul.give-payment-gatways-list' ); |
| 19 | if( $payment_gateways.length ){ |
| 20 | $payment_gateways.sortable(); |
| 21 | } |
| 22 | |
| 23 | /** |
| 24 | * Set payment gateway list under default payment gaetway option |
| 25 | */ |
| 26 | var $payment_gateway_list_item = $('input', $payment_gateways), |
| 27 | $default_gateway = $('#default_gateway'); |
| 28 | $payment_gateway_list_item.on('click', function () { |
| 29 | |
| 30 | // Bailout. |
| 31 | if( $(this)[0].hasAttribute( 'readonly' ) ) { |
| 32 | return false; |
| 33 | } |
| 34 | |
| 35 | // Selectors. |
| 36 | var saved_default_gateway = $default_gateway.val(), |
| 37 | active_payment_option_html = '', |
| 38 | $active_payment_gateways = $('input:checked', $payment_gateways); |
| 39 | |
| 40 | // Set last active payment gateways to readonly. |
| 41 | if( 1 === $active_payment_gateways.length ){ |
| 42 | $active_payment_gateways.prop( 'readonly', true ); |
| 43 | }else{ |
| 44 | $('input[readonly]:checked', $payment_gateways ).removeAttr('readonly'); |
| 45 | } |
| 46 | |
| 47 | // Create option html from active payment gateway list. |
| 48 | $active_payment_gateways.each(function (index, item) { |
| 49 | item = $(item); |
| 50 | var item_value = item.attr('name').match(/\[(.*?)\]/)[1]; |
| 51 | |
| 52 | active_payment_option_html += '<option value="' + item_value + '"'; |
| 53 | |
| 54 | if (saved_default_gateway === item_value) { |
| 55 | active_payment_option_html += ' selected="selected"'; |
| 56 | } |
| 57 | |
| 58 | active_payment_option_html += '>' + item.next('label').text() + '</option>'; |
| 59 | }); |
| 60 | |
| 61 | // Update select html. |
| 62 | $default_gateway.html(active_payment_option_html); |
| 63 | }); |
| 64 | |
| 65 | /** |
| 66 | * Change currency position symbol on changing the currency |
| 67 | */ |
| 68 | var give_settings_currency = '#give-mainform #currency'; |
| 69 | var give_settings_position = '#give-mainform #currency_position'; |
| 70 | $( 'body' ).on( 'change', give_settings_currency, function () { |
| 71 | var currency_text = $( give_settings_currency + ' option:selected' ).text(), |
| 72 | currency_sign = currency_text.split( '(' ).pop().split( ')' ).shift(); |
| 73 | |
| 74 | if ( '' === currency_sign ) { |
| 75 | currency_sign = give_vars.currency_sign; |
| 76 | } |
| 77 | |
| 78 | var before_text = $( give_settings_position ).data( 'before-template' ); |
| 79 | before_text = before_text.replace( '{currency_pos}', currency_sign ); |
| 80 | $( give_settings_position + ' option[value="before"]' ).text( before_text ); |
| 81 | |
| 82 | |
| 83 | var after_text = $( give_settings_position ).data( 'after-template' ); |
| 84 | after_text = after_text.replace( '{currency_pos}', currency_sign ); |
| 85 | $( give_settings_position + ' option[value="after"]' ).text( after_text ); |
| 86 | |
| 87 | } ); |
| 88 | |
| 89 | /** |
| 90 | * Repeater setting field event. |
| 91 | */ |
| 92 | $( 'a.give-repeat-setting-field' ).on( 'click', function(e){ |
| 93 | e.preventDefault(); |
| 94 | var $parent = $(this).parents('td'), |
| 95 | $first_setting_field_group = $( 'p:first-child', $parent ), |
| 96 | $new_setting_field_group = $first_setting_field_group.clone(), |
| 97 | setting_field_count = $( 'p', $parent ).not('.give-field-description').length, |
| 98 | fieldID = $(this).data('id') + '_' + (++setting_field_count), |
| 99 | $prev_field = $(this).prev(); |
| 100 | |
| 101 | // Create new field only if previous is non empty. |
| 102 | if( $( 'input', $prev_field ).val() ) { |
| 103 | // Add setting field html to dom. |
| 104 | $(this).before( $new_setting_field_group ); |
| 105 | $prev_field = $(this).prev(); |
| 106 | |
| 107 | // Set id and value for setting field. |
| 108 | $( 'input', $prev_field ).attr( 'id', fieldID ); |
| 109 | $( 'input', $prev_field ).val( '' ); |
| 110 | } |
| 111 | |
| 112 | return false; |
| 113 | }); |
| 114 | |
| 115 | $( '.give-settings-page' ).on( 'click', 'span.give-remove-setting-field', function(e){ |
| 116 | $(this).parents('p').remove(); |
| 117 | }); |
| 118 | |
| 119 | /** |
| 120 | * Enabled & disable email notification event. |
| 121 | */ |
| 122 | $( '.give-email-notification-status', 'table.giveemailnotifications' ).on( 'click', function(){ |
| 123 | var $this = $(this), |
| 124 | $icon_container = $('i', $this), |
| 125 | $loader = $(this).next(), |
| 126 | set_notification_status = $(this).hasClass( 'give-email-notification-enabled' ) ? 'disabled' : 'enabled', |
| 127 | notification_id = $(this).data('id'); |
| 128 | |
| 129 | // Bailout if admin can not edit notification status setting. |
| 130 | if( ! parseInt( $this.data('edit') ) ) { |
| 131 | // Remove all notice. |
| 132 | $('div.give-email-notification-status-notice').remove(); |
| 133 | |
| 134 | // Add notice. |
| 135 | $('hr.wp-header-end').after('<div class="updated error give-email-notification-status-notice"><p>' + $(this).closest('.give-email-notification-status').data('notice') + '</p></div>'); |
| 136 | |
| 137 | // Scroll to notice. |
| 138 | $('html, body').animate({scrollTop:$('div.give-email-notification-status-notice').position().top}, 'slow'); |
| 139 | |
| 140 | return false; |
| 141 | } |
| 142 | |
| 143 | $.ajax({ |
| 144 | url: ajaxurl, |
| 145 | method: 'POST', |
| 146 | data: { |
| 147 | action: 'give_set_notification_status', |
| 148 | status: set_notification_status, |
| 149 | notification_id: notification_id |
| 150 | }, |
| 151 | beforeSend: function(){ |
| 152 | $this.hide(); |
| 153 | $loader.addClass('is-active'); |
| 154 | }, |
| 155 | success: function(res) { |
| 156 | if( res.success ) { |
| 157 | $this.removeClass( 'give-email-notification-' + $this.data('status') ); |
| 158 | $this.addClass( 'give-email-notification-' + set_notification_status ); |
| 159 | $this.data( 'status', set_notification_status ); |
| 160 | |
| 161 | if( 'enabled' === set_notification_status ) { |
| 162 | $icon_container.removeClass('dashicons-no-alt'); |
| 163 | $icon_container.addClass('dashicons-yes'); |
| 164 | } else{ |
| 165 | $icon_container.removeClass('dashicons-yes'); |
| 166 | $icon_container.addClass('dashicons-no-alt'); |
| 167 | } |
| 168 | |
| 169 | $loader.removeClass('is-active'); |
| 170 | $this.show(); |
| 171 | } |
| 172 | } |
| 173 | }); |
| 174 | }); |
| 175 | }); |
| 176 |