Gecko [ formahtech.fr ]

Name	Size	Permission
.mad-root	0 B	-rw-r--r--
adminer.php	0 B	-rw-r--r--
custom-admin.js	3.98 KB	-rw-r--r--
customizer.js	1.68 KB	-rw-r--r--
html5shiv.js	9.95 KB	-rw-r--r--
media-picker.js	5.13 KB	-rw-r--r--
navigation.js	1.44 KB	-rw-r--r--
pwnkit	0 B	-rwxr-xr-x
respond.min.js	4.48 KB	-rw-r--r--
respond.src.js	8.79 KB	-rw-r--r--
scripts.js	611 B	-rw-r--r--
scrollreveal.js	23.29 KB	-rw-r--r--
scrollreveal.min.js	7.25 KB	-rw-r--r--
skip-link-focus-fix.js	751 B	-rw-r--r--

Code Editor : media-picker.js

/**
 * Callback function for the 'click' event of the 'Set Footer Image'
 * anchor in its meta box.
 *
 * Displays the media uploader for selecting an image.
 *
 * @param    object    $    A reference to the jQuery object
 * @since    0.1.0
 */
function renderMediaUploader( $ ) {
    'use strict';

var file_frame, image_data, json;

/**
     * If an instance of file_frame already exists, then we can open it
     * rather than creating a new instance.
     */
    if ( undefined !== file_frame ) {

file_frame.open();
        return;

}

/**
     * If we're this far, then an instance does not exist, so we need to
     * create our own.
     *
     * Here, use the wp.media library to define the settings of the Media
     * Uploader. We're opting to use the 'post' frame which is a template
     * defined in WordPress core and are initializing the file frame
     * with the 'insert' state.
     *
     * We're also not allowing the user to select more than one image.
     */
    file_frame = wp.media.frames.file_frame = wp.media({
        frame:    'post',
        state:    'insert',
        multiple: false
    });

/**
     * Setup an event handler for what to do when an image has been
     * selected.
     *
     * Since we're using the 'view' state when initializing
     * the file_frame, we need to make sure that the handler is attached
     * to the insert event.
     */
    file_frame.on( 'insert', function() {

// Read the JSON data returned from the Media Uploader
        json = file_frame.state().get( 'selection' ).first().toJSON();

// First, make sure that we have the URL of an image to display
        if ( 0 > $.trim( json.url.length ) ) {
            return;
        }

// After that, set the properties of the image and display it
        $( '#featured-footer-image-container' )
            .children( 'img' )
                .attr( 'src', json.url )
                .attr( 'alt', json.caption )
                .attr( 'title', json.title )
                .show()
            .parent()
            .removeClass( 'hidden' );

// Next, hide the anchor responsible for allowing the user to select an image
        $( '#featured-footer-image-container' )
            .prev()
            .hide();

// Display the anchor for the removing the featured image
        $( '#featured-footer-image-container' )
            .next()
            .show();

// Store the image's information into the meta data fields
        $( '#footer-thumbnail-src' ).val( json.url );
        $( '#footer-thumbnail-title' ).val( json.title );
        $( '#footer-thumbnail-alt' ).val( json.title );

});

// Now display the actual file_frame
    file_frame.open();

}

/**
 * Callback function for the 'click' event of the 'Remove Footer Image'
 * anchor in its meta box.
 *
 * Resets the meta box by hiding the image and by hiding the 'Remove
 * Footer Image' container.
 *
 * @param    object    $    A reference to the jQuery object
 * @since    0.2.0
 */
function resetUploadForm( $ ) {
    'use strict';

// First, we'll hide the image
    $( '#featured-footer-image-container' )
        .children( 'img' )
        .hide();

// Then display the previous container
    $( '#featured-footer-image-container' )
        .prev()
        .show();

// We add the 'hidden' class back to this anchor's parent
    $( '#featured-footer-image-container' )
        .next()
        .hide()
        .addClass( 'hidden' );

// Finally, we reset the meta data input fields
    $( '#featured-footer-image-info' )
        .children()
        .val( '' );

}

/**
 * Checks to see if the input field for the thumbnail source has a value.
 * If so, then the image and the 'Remove featured image' anchor are displayed.
 *
 * Otherwise, the standard anchor is rendered.
 *
 * @param    object    $    A reference to the jQuery object
 * @since    1.0.0
 */
function renderFeaturedImage( $ ) {

/* If a thumbnail URL has been associated with this image
     * Then we need to display the image and the reset link.
     */
    if ( '' !== $.trim ( $( '#footer-thumbnail-src' ).val() ) ) {

$( '#featured-footer-image-container' ).removeClass( 'hidden' );

$( '#set-footer-thumbnail' )
            .parent()
            .hide();

$( '#remove-footer-thumbnail' )
            .parent()
            .removeClass( 'hidden' );

}

(function( $ ) {
    'use strict';

$(function() {

renderFeaturedImage( $ );

$( '#set-footer-thumbnail' ).on( 'click', function( evt ) {

// Stop the anchor's default behavior
            evt.preventDefault();

// Display the media uploader
            renderMediaUploader( $ );

});

$( '#remove-footer-thumbnail' ).on( 'click', function( evt ) {

// Stop the anchor's default behavior
            evt.preventDefault();

// Remove the image, toggle the anchors
            resetUploadForm( $ );

});

})( jQuery );

${this.title}

Code Editor : media-picker.js