mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-12 15:48:34 +02:00
props wonderboymusic. see #23831. git-svn-id: http://core.svn.wordpress.org/trunk@23969 1a063a9b-81f0-0310-95a4-ce76da25c4cd
163 lines
4.8 KiB
JavaScript
163 lines
4.8 KiB
JavaScript
window.wp = window.wp || {};
|
|
|
|
(function($) {
|
|
var container, mediaFrame, lastMimeType, lastMenu, mediaPreview, noUIFormats = ['standard', 'chat', 'status', 'aside', 'gallery'];
|
|
|
|
function switchFormatClass( format ) {
|
|
container.get(0).className = container.get(0).className.replace( /\bwp-format-[^ ]+/, '' );
|
|
container.addClass('wp-format-' + format);
|
|
}
|
|
|
|
$(function(){
|
|
var $container = $( '.post-formats-fields' );
|
|
|
|
// Post formats selection
|
|
$('.post-format-options').on( 'click', 'a', function(e){
|
|
e.preventDefault();
|
|
var $this = $(this), editor, body,
|
|
parent = $this.parent(),
|
|
format = $this.data('wp-format'),
|
|
description = $('.post-format-description');
|
|
|
|
if ( typeof container === 'undefined' )
|
|
container = $('#post-body-content');
|
|
|
|
// Already on this post format. Bail.
|
|
if ( format === postFormats.currentPostFormat )
|
|
return;
|
|
|
|
parent.find('a.active').removeClass('active');
|
|
$this.addClass('active');
|
|
$('#icon-edit').removeClass(postFormats.currentPostFormat).addClass(format);
|
|
$('#post_format').val(format);
|
|
|
|
if ( -1 < $.inArray( format, noUIFormats ) && -1 < $.inArray( postFormats.currentPostFormat, noUIFormats ) ) {
|
|
switchFormatClass( format ); // No slide
|
|
} else {
|
|
$container.slideUp( 200, function(){
|
|
switchFormatClass( format );
|
|
$container.slideDown( 400 );
|
|
});
|
|
}
|
|
|
|
$('#title').focus();
|
|
|
|
// Update description line
|
|
description.html($this.data('description'));
|
|
|
|
if (description.not(':visible'))
|
|
description.slideDown('fast');
|
|
|
|
if ( typeof tinymce != 'undefined' ) {
|
|
editor = tinymce.get('content');
|
|
|
|
if ( editor ) {
|
|
body = editor.getBody();
|
|
body.className = body.className.replace( /\bpost-format-[^ ]+/, '' );
|
|
editor.dom.addClass( body, 'post-format-' + format );
|
|
}
|
|
}
|
|
|
|
postFormats.currentPostFormat = format;
|
|
}).on('mouseenter focusin', 'a', function () {
|
|
$('.post-format-tip').html( $(this).prop('title') );
|
|
}).on('mouseleave focusout', 'a', function () {
|
|
$('.post-format-tip').html( $('.post-format-options a.active').prop('title') );
|
|
});
|
|
|
|
// Media selection
|
|
$('.wp-format-media-select').click(function (event) {
|
|
event.preventDefault();
|
|
var $el = $(this), $holder, $field, mime = 'image', menu = '',
|
|
$holder = $el.closest('.wp-format-media-holder'),
|
|
$field = $( '#wp_format_' + $holder.data('format') );
|
|
|
|
switch ( $holder.data('format') ) {
|
|
case 'audio':
|
|
mime = 'audio';
|
|
break;
|
|
case 'video':
|
|
mime = 'video';
|
|
break;
|
|
}
|
|
|
|
// If the media frame already exists, reopen it.
|
|
if ( mediaFrame && lastMimeType === mime && lastMenu === menu ) {
|
|
mediaFrame.open();
|
|
return;
|
|
}
|
|
|
|
lastMimeType = mime;
|
|
lastMenu = menu;
|
|
|
|
// Create the media frame.
|
|
mediaFrame = wp.media.frames.formatMedia = wp.media({
|
|
// Set the title of the modal.
|
|
title: $el.data('choose'),
|
|
|
|
// Set the menu sidebar of the modal, if applicable
|
|
toolbar: menu,
|
|
|
|
// Tell the modal to show only items matching the current mime type.
|
|
library: {
|
|
type: mime
|
|
},
|
|
|
|
// Customize the submit button.
|
|
button: {
|
|
// Set the text of the button.
|
|
text: $el.data('update')
|
|
}
|
|
});
|
|
|
|
mediaPreview = function (attachment) {
|
|
var dimensions = '', url = attachment.url,
|
|
mime = attachment.mime,
|
|
format = attachment.type;
|
|
|
|
if ( 'video' === format ) {
|
|
if ( attachment.width )
|
|
dimensions += ' width="' + attachment.width + '"';
|
|
if ( attachment.height )
|
|
dimensions += ' height="' + attachment.height + '"';
|
|
}
|
|
|
|
$('#' + format + '-preview').remove();
|
|
$holder.parent().prepend( '<div id="' + format + '-preview" class="wp-format-media-preview">' +
|
|
'<' + format + dimensions + ' class="wp-' + format + '-shortcode" controls="controls" preload="none">' +
|
|
'<source type="' + mime + '" src="' + url + '" />' +
|
|
'</' + format + '></div>' );
|
|
$('.wp-' + format + '-shortcode').mediaelementplayer();
|
|
};
|
|
|
|
// When an image is selected, run a callback.
|
|
mediaFrame.on( 'select', function () {
|
|
// Grab the selected attachment.
|
|
var attachment = mediaFrame.state().get('selection').first().toJSON();
|
|
|
|
if ( 0 === attachment.mime.indexOf('audio') ) {
|
|
$field.val(attachment.url);
|
|
// show one preview at a time
|
|
mediaPreview(attachment);
|
|
} else if ( 0 === attachment.mime.indexOf('video') ) {
|
|
attachment.src = attachment.url;
|
|
$field.val(wp.shortcode.string({
|
|
tag: 'video',
|
|
attrs: _.pick( attachment, 'src', 'width', 'height' )
|
|
}));
|
|
// show one preview at a time
|
|
mediaPreview(attachment);
|
|
} else {
|
|
// set the hidden input's value
|
|
$field.val(attachment.id);
|
|
// Show the image in the placeholder
|
|
$el.html('<img src="' + attachment.url + '" />');
|
|
$holder.removeClass('empty').show();
|
|
}
|
|
});
|
|
|
|
mediaFrame.open();
|
|
});
|
|
});
|
|
})(jQuery);
|