cff-admin-scripts.js
94 lines
| 1 | jQuery(document).ready(function() { |
| 2 | |
| 3 | //Tooltips |
| 4 | jQuery('#cff-admin .cff-tooltip-link').click(function(){ |
| 5 | jQuery(this).closest('tr').find('.cff-tooltip').slideToggle(); |
| 6 | }); |
| 7 | |
| 8 | //Toggle Access Token field |
| 9 | if( jQuery('#cff_show_access_token').is(':checked') ) jQuery('.cff-access-token-hidden').show(); |
| 10 | jQuery('#cff_show_access_token').change(function(){ |
| 11 | jQuery('.cff-access-token-hidden').fadeToggle(); |
| 12 | }); |
| 13 | |
| 14 | |
| 15 | //Is this a page, group or profile? |
| 16 | var cff_page_type = jQuery('.cff-page-type select').val(), |
| 17 | $cff_page_type_options = jQuery('.cff-page-options'), |
| 18 | $cff_profile_error = jQuery('.cff-profile-error.cff-page-type'); |
| 19 | |
| 20 | //Should we show anything initially? |
| 21 | if(cff_page_type !== 'page') $cff_page_type_options.hide(); |
| 22 | if(cff_page_type == 'profile') $cff_profile_error.show(); |
| 23 | |
| 24 | //When page type is changed show the relevant item |
| 25 | jQuery('.cff-page-type').change(function(){ |
| 26 | cff_page_type = jQuery('.cff-page-type select').val(); |
| 27 | |
| 28 | if( cff_page_type !== 'page' ) { |
| 29 | $cff_page_type_options.fadeOut(function(){ |
| 30 | if( cff_page_type == 'profile' ) { |
| 31 | $cff_profile_error.fadeIn(); |
| 32 | } else { |
| 33 | $cff_profile_error.fadeOut(); |
| 34 | } |
| 35 | }); |
| 36 | |
| 37 | } else { |
| 38 | $cff_page_type_options.fadeIn(); |
| 39 | $cff_profile_error.fadeOut(); |
| 40 | } |
| 41 | }); |
| 42 | |
| 43 | |
| 44 | //Header icon |
| 45 | //Icon type |
| 46 | //Check the saved icon type on page load and display it |
| 47 | jQuery('#cff-header-icon-example').removeClass().addClass('fa fa-' + jQuery('#cff-header-icon').val() ); |
| 48 | //Change the header icon when selected from the list |
| 49 | jQuery('#cff-header-icon').change(function() { |
| 50 | var $self = jQuery(this); |
| 51 | |
| 52 | jQuery('#cff-header-icon-example').removeClass().addClass('fa fa-' + $self.val() ); |
| 53 | }); |
| 54 | |
| 55 | |
| 56 | //Test Facebook API connection button |
| 57 | jQuery('#cff-api-test').click(function(e){ |
| 58 | e.preventDefault(); |
| 59 | //Show the JSON |
| 60 | jQuery('#cff-api-test-result textarea').css('display', 'block'); |
| 61 | }); |
| 62 | |
| 63 | |
| 64 | //If 'Others only' is selected then show a note |
| 65 | var $cffOthersOnly = jQuery('#cff-others-only'); |
| 66 | |
| 67 | if ( jQuery("#cff_show_others option:selected").val() == 'onlyothers' ) $cffOthersOnly.show(); |
| 68 | |
| 69 | jQuery("#cff_show_others").change(function() { |
| 70 | if ( jQuery("#cff_show_others option:selected").val() == 'onlyothers' ) { |
| 71 | $cffOthersOnly.show(); |
| 72 | } else { |
| 73 | $cffOthersOnly.hide(); |
| 74 | } |
| 75 | }); |
| 76 | |
| 77 | |
| 78 | //If '__ days ago' date is selected then show 'Translate this' |
| 79 | var $cffTranslateDate = jQuery('#cff-translate-date'); |
| 80 | |
| 81 | if ( jQuery("#cff-date-formatting option:selected").val() == '1' ) $cffTranslateDate.show(); |
| 82 | |
| 83 | jQuery("#cff-date-formatting").change(function() { |
| 84 | if ( jQuery("#cff-date-formatting option:selected").val() == '1' ) { |
| 85 | $cffTranslateDate.fadeIn(); |
| 86 | } else { |
| 87 | $cffTranslateDate.fadeOut(); |
| 88 | } |
| 89 | }); |
| 90 | |
| 91 | //Add the color picker |
| 92 | if( jQuery('.cff-colorpicker').length > 0 ) jQuery('.cff-colorpicker').wpColorPicker(); |
| 93 | |
| 94 | }); |