6 // Fetch available headers and apply jQuery.masonry
7 // once the images have loaded.
8 var $headers = $('.available-headers');
10 $headers.imagesLoaded( function() {
12 itemSelector: '.default-header',
13 isRTL: !! ( 'undefined' != typeof isRtl && isRtl )
17 // Build the choose from library frame.
18 $('#choose-from-library-link').click( function( event ) {
20 event.preventDefault();
22 // If the media frame already exists, reopen it.
28 // Create the media frame.
29 frame = wp.media.frames.customHeader = wp.media({
30 // Set the title of the modal.
31 title: $el.data('choose'),
33 // Tell the modal to show only images.
38 // Customize the submit button.
40 // Set the text of the button.
41 text: $el.data('update'),
42 // Tell the button not to close the modal, since we're
43 // going to refresh the page when the image is selected.
48 // When an image is selected, run a callback.
49 frame.on( 'select', function() {
50 // Grab the selected attachment.
51 var attachment = frame.state().get('selection').first(),
52 link = $el.data('updateLink');
54 // Tell the browser to navigate to the crop step.
55 window.location = link + '&file=' + attachment.id;