2012-02-24 23:12:43 -05:00
|
|
|
if ( typeof wp === 'undefined' )
|
|
|
|
var wp = {};
|
|
|
|
|
|
|
|
(function( exports, $ ){
|
|
|
|
var Loader = {
|
|
|
|
initialize: function() {
|
|
|
|
this.body = $( document.body );
|
|
|
|
this.element = $( '#customize-container' );
|
|
|
|
this.base = $( '.admin-url', this.element ).val();
|
|
|
|
this.doc_title = $( document ).attr( 'title' );
|
|
|
|
|
2012-03-06 22:19:35 -05:00
|
|
|
this.element.on( 'click', '.close-full-overlay', function() {
|
2012-02-24 23:12:43 -05:00
|
|
|
Loader.close();
|
|
|
|
return false;
|
|
|
|
});
|
|
|
|
|
|
|
|
this.element.on( 'click', '.collapse-sidebar', function() {
|
|
|
|
Loader.element.toggleClass('collapsed');
|
|
|
|
return false;
|
|
|
|
});
|
|
|
|
},
|
|
|
|
open: function( params ) {
|
|
|
|
params.customize = 'on';
|
|
|
|
|
|
|
|
this.element.append( '<iframe />' );
|
|
|
|
this.iframe = $( 'iframe' ).attr( 'src', this.base + '?' + jQuery.param( params ) );
|
|
|
|
|
|
|
|
$('iframe').load( function() {
|
|
|
|
title = $(this).contents().find( 'title' ).text();
|
|
|
|
$( document ).attr( 'title', title );
|
|
|
|
});
|
|
|
|
|
|
|
|
this.element.fadeIn( 200, function() {
|
2012-03-06 22:19:35 -05:00
|
|
|
Loader.body.addClass( 'customize-active full-overlay-active' );
|
2012-02-24 23:12:43 -05:00
|
|
|
});
|
|
|
|
},
|
|
|
|
close: function() {
|
|
|
|
this.element.fadeOut( 200, function() {
|
|
|
|
Loader.iframe.remove();
|
|
|
|
Loader.iframe = null;
|
2012-03-06 22:19:35 -05:00
|
|
|
Loader.body.removeClass( 'customize-active full-overlay-active' );
|
2012-02-24 23:12:43 -05:00
|
|
|
$( document ).attr( 'title', Loader.doc_title );
|
|
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
$( function() {
|
|
|
|
Loader.initialize();
|
|
|
|
|
|
|
|
// Override 'preview' links on themes page.
|
|
|
|
$('.thickbox-preview').click( function( event ) {
|
|
|
|
var href, template, stylesheet;
|
|
|
|
|
|
|
|
// Stop the thickbox.
|
|
|
|
event.preventDefault();
|
|
|
|
event.stopImmediatePropagation();
|
|
|
|
|
|
|
|
// Extract the template/stylesheet from the preview link's url.
|
|
|
|
href = $(this).attr('href');
|
|
|
|
template = href.match('template=([^&]*)')[1];
|
|
|
|
stylesheet = href.match('stylesheet=([^&]*)')[1];
|
|
|
|
|
|
|
|
// Load the theme.
|
|
|
|
Loader.open({
|
|
|
|
template: template,
|
|
|
|
stylesheet: stylesheet
|
|
|
|
});
|
|
|
|
}).filter( function() {
|
|
|
|
return 'Preview' == $(this).text();
|
|
|
|
}).text('Customize');
|
|
|
|
});
|
|
|
|
|
|
|
|
// Expose the API to the world.
|
|
|
|
exports.CustomizeLoader = Loader;
|
|
|
|
})( wp, jQuery );
|