File "widget.js"

Full Path: /websites/hqoliveoil/site/wp-content/themes/fairy/candidthemes/assets/custom/js/widget.js
File size: 2.39 KB
MIME-type: application/javascript
Charset: utf-8

jQuery(document).ready(function($) {
    var at_document = $(document);
    at_document.on('click','.custom_media_button', function(e){

        // Prevents the default action from occuring.
        e.preventDefault();
        var media_image_upload = $(this);
        var media_title = $(this).data('title');
        var media_button = $(this).data('button');
        var media_input_val = $(this).prev();
        var media_image_url_value = $(this).prev().prev().children('img');
        var media_image_url = $(this).siblings('.img-preview-wrap');

        var meta_image_frame = wp.media.frames.meta_image_frame = wp.media({
            title: media_title,
            button: { text:  media_button },
            library: { type: 'image' }
        });
        // Opens the media library frame.
        meta_image_frame.open();
        // Runs when an image is selected.
        meta_image_frame.on('select', function(){

            // Grabs the attachment selection and creates a JSON representation of the model.
            var media_attachment = meta_image_frame.state().get('selection').first().toJSON();

            // Sends the attachment URL to our custom image input field.
            media_input_val.val(media_attachment.url);
            if( media_image_url_value !== null ){
                media_image_url_value.attr( 'src', media_attachment.url );
                media_image_url.show();
                LATESTVALUE(media_image_upload.closest("p"));
            }
        });
    });

   // Runs when the image button is clicked.
   jQuery('body').on('click','.media-image-remove', function(e){
    $(this).siblings('.img-preview-wrap').hide();
    $(this).prev().prev().val('');
});

   var LATESTVALUE = function (wrapObject) {
    wrapObject.find('[name]').each(function(){
        $(this).trigger('change');
    });
};

   $(document).on('click', '.ct-show-hide', function () {
       if($(this).prop("checked") == true){
          // console.log("clicked");
           $(this).val(1);
       }else{

          // console.log("unclicked");
           $(this).val(0);
       }
   });
    $('.ct-show-hide').each(function() {
        if($(this).val() == 1){

            //console.log("checked");
            $(this).prop("checked");
        }else{

            //console.log("unchecked");
            $(this).prop('checked',false);
        }
    });
});