admin.js
215 lines
| 1 | jQuery(document).ready(function ($) { |
| 2 | "use strict"; |
| 3 | |
| 4 | function advads_load_ad_type_parameter_metabox(ad_type) { |
| 5 | $('#advanced-ads-ad-parameters').html('<span class="spinner advads-ad-parameters-spinner"></span>'); |
| 6 | $.ajax({ |
| 7 | type: 'POST', |
| 8 | url: ajaxurl, |
| 9 | data: { |
| 10 | 'action': 'load_ad_parameters_metabox', |
| 11 | 'ad_type': ad_type, |
| 12 | 'ad_id': $('#post_ID').val() |
| 13 | }, |
| 14 | success: function (data, textStatus, XMLHttpRequest) { |
| 15 | // toggle main content field |
| 16 | if (data) { |
| 17 | $('#advanced-ads-ad-parameters').html(data); |
| 18 | } |
| 19 | }, |
| 20 | error: function (MLHttpRequest, textStatus, errorThrown) { |
| 21 | $('#advanced-ads-ad-parameters').html(errorThrown); |
| 22 | } |
| 23 | }); |
| 24 | } |
| 25 | ; |
| 26 | |
| 27 | $(document).on('change', '#advanced-ad-type input', function () { |
| 28 | var ad_type = $(this).val() |
| 29 | advads_load_ad_type_parameter_metabox(ad_type); |
| 30 | }); |
| 31 | |
| 32 | // empty / clear input condition fields in the same row as the clear button |
| 33 | $('#advanced-ad-conditions .clear-radio').click(function () { |
| 34 | $(this).closest('tr').find('input[type="radio"]').prop('checked', false); |
| 35 | $(this).closest('tr').find('input[type="text"]').val(''); |
| 36 | }); |
| 37 | |
| 38 | // toggle display conditions |
| 39 | $('#advanced-ad-conditions-enable input').click(function () { |
| 40 | advads_toggle_display_conditions(this.value); |
| 41 | }); |
| 42 | // display on load |
| 43 | advads_toggle_display_conditions($('#advanced-ad-conditions-enable input:checked').val()); |
| 44 | |
| 45 | // display / hide options if all-option is checked for display condition |
| 46 | $('.advanced-ad-display-condition .advads-conditions-all input').click(function () { |
| 47 | advads_toggle_single_display_conditions(this); |
| 48 | }); |
| 49 | // display / hide options if all-option is checked for display condition – on load |
| 50 | $('.advanced-ad-display-condition .advads-conditions-all input').each(function () { |
| 51 | advads_toggle_single_display_conditions(this); |
| 52 | }); |
| 53 | |
| 54 | // toggle single display condition checkboxes that have a counterpart |
| 55 | $('.advads-conditions-single input[type="checkbox"]').click(function () { |
| 56 | advads_toggle_single_display_condition_checkbox(this); |
| 57 | }); |
| 58 | // toggle single display condition checkboxes that have a counterpart on load |
| 59 | $('.advads-conditions-single input[type="checkbox"]').each(function () { |
| 60 | advads_toggle_single_display_condition_checkbox(this); |
| 61 | }); |
| 62 | // display input field to search for post, page, etc. |
| 63 | $('.advads-conditions-postids-list .show-search a').click(function (e) { |
| 64 | e.preventDefault(); |
| 65 | // display input field |
| 66 | $('#advads-display-conditions-individual-post').show(); |
| 67 | $(this).hide(); |
| 68 | }); |
| 69 | // register autocomplete to display condition posts |
| 70 | var response = []; |
| 71 | $("#advads-display-conditions-individual-post").autocomplete({ |
| 72 | source: function(request, callback){ |
| 73 | var searchParam = request.term; |
| 74 | advads_post_search(searchParam, callback); |
| 75 | }, |
| 76 | minLength: 2, |
| 77 | select: function( event, ui ) { |
| 78 | // append new line with input fields |
| 79 | var newline = $('<li></li>'); |
| 80 | $('<a class="remove" href="#">remove</a>').appendTo(newline); |
| 81 | $('<span>' + ui.item.label + '</span><input type="hidden" name="advanced_ad[conditions][postids][ids][]" value="'+ ui.item.value +'">').appendTo(newline); |
| 82 | newline.insertBefore('.advads-conditions-postids-list .show-search'); |
| 83 | |
| 84 | // show / hide other elements |
| 85 | $('#advads-display-conditions-individual-post').hide(); |
| 86 | $('.advads-conditions-postids-list .show-search a').show(); |
| 87 | }, |
| 88 | close: function( event, ui ) { |
| 89 | $('#advads-display-conditions-individual-post').val(''); |
| 90 | } |
| 91 | }); |
| 92 | |
| 93 | // remove individual posts from the display conditions post list |
| 94 | $(document).on('click', '.advads-conditions-postids-list .remove', function(e){ |
| 95 | e.preventDefault(); |
| 96 | $(this).parent('li').remove(); |
| 97 | }); |
| 98 | |
| 99 | }); |
| 100 | |
| 101 | /** |
| 102 | * callback for post search autocomplete |
| 103 | * |
| 104 | * @param {type} query |
| 105 | * @param {type} callback |
| 106 | * @returns {obj} json object with labels and values |
| 107 | */ |
| 108 | function advads_post_search(query, callback) { |
| 109 | |
| 110 | // return ['post', 'poster']; |
| 111 | var query = { |
| 112 | action: 'wp-link-ajax', |
| 113 | _ajax_linking_nonce: jQuery('#_ajax_linking_nonce').val() |
| 114 | }; |
| 115 | |
| 116 | query.search = jQuery('#advads-display-conditions-individual-post').val(); |
| 117 | |
| 118 | var querying = true; |
| 119 | |
| 120 | var results = {}; |
| 121 | jQuery.post(ajaxurl, query, function (r) { |
| 122 | querying = false; |
| 123 | var results = []; |
| 124 | if(r){ |
| 125 | r.map(function(element, index){ |
| 126 | results[index] = { |
| 127 | label: element.title, |
| 128 | value: element.ID |
| 129 | }; |
| 130 | }); |
| 131 | } |
| 132 | callback(results); |
| 133 | }, 'json'); |
| 134 | |
| 135 | // results = [{huch:'post', hach:'poster', hoch:'position'}]; |
| 136 | //return results; |
| 137 | |
| 138 | } |
| 139 | |
| 140 | /** |
| 141 | * toggle content elements (hide/show) |
| 142 | * |
| 143 | * @param selector jquery selector |
| 144 | */ |
| 145 | function advads_toggle(selector) { |
| 146 | jQuery(selector).slideToggle(); |
| 147 | } |
| 148 | |
| 149 | /** |
| 150 | * toggle content elements with a checkbox (hide/show) |
| 151 | * |
| 152 | * @param selector jquery selector |
| 153 | */ |
| 154 | function advads_toggle_box(e, selector) { |
| 155 | if (jQuery(e).is(':checked')) { |
| 156 | jQuery(selector).slideDown(); |
| 157 | } else { |
| 158 | jQuery(selector).slideUp(); |
| 159 | } |
| 160 | } |
| 161 | |
| 162 | /** |
| 163 | * disable content of one box when selecting another |
| 164 | * only grey/disable it, don’t hide it |
| 165 | * |
| 166 | * @param selector jquery selector |
| 167 | */ |
| 168 | function advads_toggle_box_enable(e, selector) { |
| 169 | if (jQuery(e).is(':checked')) { |
| 170 | jQuery(selector).find('input').removeAttr('disabled', ''); |
| 171 | } else { |
| 172 | jQuery(selector).find('input').attr('disabled', 'disabled'); |
| 173 | } |
| 174 | } |
| 175 | |
| 176 | /** |
| 177 | * toggle display conditions |
| 178 | * @param {bool} value |
| 179 | */ |
| 180 | function advads_toggle_display_conditions(value) { |
| 181 | if (value == 1) { |
| 182 | jQuery('#advanced-ad-conditions').fadeIn(); |
| 183 | } else { |
| 184 | jQuery('#advanced-ad-conditions').fadeOut(); |
| 185 | } |
| 186 | } |
| 187 | |
| 188 | /** |
| 189 | * disable new display conditions |
| 190 | * @param {string} checkbox element |
| 191 | */ |
| 192 | function advads_toggle_single_display_conditions(checkbox) { |
| 193 | // console.log(jQuery(checkbox).parent('div').find('label:not(.advads-conditions-all) input').css('border', 'solid')); |
| 194 | if (jQuery(checkbox).is(':checked')) { |
| 195 | jQuery(checkbox).parents('.advanced-ad-display-condition').find('.advads-conditions-single').addClass('disabled').find('input').attr('disabled', 'disabled'); |
| 196 | } else { |
| 197 | jQuery(checkbox).parents('.advanced-ad-display-condition').find('.advads-conditions-single').removeClass('disabled').find('input').removeAttr('disabled'); |
| 198 | } |
| 199 | } |
| 200 | |
| 201 | /** |
| 202 | * toggle display condition checkboxes |
| 203 | * @param {string} checkbox element |
| 204 | */ |
| 205 | function advads_toggle_single_display_condition_checkbox(checkbox) { |
| 206 | // get the counterpart (same value, but not current element) |
| 207 | var counterpart = jQuery(checkbox).parents('.advads-conditions-single').find('input[type="checkbox"][value="' + checkbox.value + '"]').not(checkbox); |
| 208 | // toggle counterpart |
| 209 | if (jQuery(checkbox).is(':checked')) { |
| 210 | counterpart.attr('checked', false); |
| 211 | counterpart.attr('disabled', 'disabled'); |
| 212 | } else { |
| 213 | counterpart.removeAttr('disabled'); |
| 214 | } |
| 215 | } |