mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-25 02:27:50 +01:00
62a197d6bf
Note that this does not fix issues related to comment quick edit. Internal linking also continues to use the `.alternate` class for now. IE8 and below gracefully degrade by not having zebra striping. There is some hoop jumping with adding an extra table row to maintain zebra striping during quick edit. Documenting that here for future reference; it is also in the inline documentation. fixes #30981 and #26060. see #25060. Built from https://develop.svn.wordpress.org/trunk@31181 git-svn-id: http://core.svn.wordpress.org/trunk@31162 1a063a9b-81f0-0310-95a4-ce76da25c4cd
354 lines
10 KiB
JavaScript
354 lines
10 KiB
JavaScript
/* global inlineEditL10n, ajaxurl, typenow */
|
|
|
|
var inlineEditPost;
|
|
(function($) {
|
|
inlineEditPost = {
|
|
|
|
init : function(){
|
|
var t = this, qeRow = $('#inline-edit'), bulkRow = $('#bulk-edit');
|
|
|
|
t.type = $('table.widefat').hasClass('pages') ? 'page' : 'post';
|
|
t.what = '#post-';
|
|
|
|
// prepare the edit rows
|
|
qeRow.keyup(function(e){
|
|
if ( e.which === 27 ) {
|
|
return inlineEditPost.revert();
|
|
}
|
|
});
|
|
bulkRow.keyup(function(e){
|
|
if ( e.which === 27 ) {
|
|
return inlineEditPost.revert();
|
|
}
|
|
});
|
|
|
|
$('a.cancel', qeRow).click(function(){
|
|
return inlineEditPost.revert();
|
|
});
|
|
$('a.save', qeRow).click(function(){
|
|
return inlineEditPost.save(this);
|
|
});
|
|
$('td', qeRow).keydown(function(e){
|
|
if ( e.which === 13 ) {
|
|
return inlineEditPost.save(this);
|
|
}
|
|
});
|
|
|
|
$('a.cancel', bulkRow).click(function(){
|
|
return inlineEditPost.revert();
|
|
});
|
|
|
|
$('#inline-edit .inline-edit-private input[value="private"]').click( function(){
|
|
var pw = $('input.inline-edit-password-input');
|
|
if ( $(this).prop('checked') ) {
|
|
pw.val('').prop('disabled', true);
|
|
} else {
|
|
pw.prop('disabled', false);
|
|
}
|
|
});
|
|
|
|
// add events
|
|
$('#the-list').on('click', 'a.editinline', function(){
|
|
inlineEditPost.edit(this);
|
|
return false;
|
|
});
|
|
|
|
$('#bulk-edit').find('fieldset:first').after(
|
|
$('#inline-edit fieldset.inline-edit-categories').clone()
|
|
).siblings( 'fieldset:last' ).prepend(
|
|
$('#inline-edit label.inline-edit-tags').clone()
|
|
);
|
|
|
|
$('select[name="_status"] option[value="future"]', bulkRow).remove();
|
|
|
|
$('#doaction, #doaction2').click(function(e){
|
|
var n = $(this).attr('id').substr(2);
|
|
if ( 'edit' === $( 'select[name="' + n + '"]' ).val() ) {
|
|
e.preventDefault();
|
|
t.setBulk();
|
|
} else if ( $('form#posts-filter tr.inline-editor').length > 0 ) {
|
|
t.revert();
|
|
}
|
|
});
|
|
},
|
|
|
|
toggle : function(el){
|
|
var t = this;
|
|
$( t.what + t.getId( el ) ).css( 'display' ) === 'none' ? t.revert() : t.edit( el );
|
|
},
|
|
|
|
setBulk : function(){
|
|
var te = '', type = this.type, tax, c = true;
|
|
this.revert();
|
|
|
|
$('#bulk-edit td').attr('colspan', $('.widefat:first thead th:visible').length);
|
|
// Insert the editor at the top of the table with an empty row above to maintain zebra striping.
|
|
$('table.widefat tbody').prepend( $('#bulk-edit') ).prepend('<tr class="hidden"></tr>');
|
|
$('#bulk-edit').addClass('inline-editor').show();
|
|
|
|
$( 'tbody th.check-column input[type="checkbox"]' ).each( function() {
|
|
if ( $(this).prop('checked') ) {
|
|
c = false;
|
|
var id = $(this).val(), theTitle;
|
|
theTitle = $('#inline_'+id+' .post_title').html() || inlineEditL10n.notitle;
|
|
te += '<div id="ttle'+id+'"><a id="_'+id+'" class="ntdelbutton" title="'+inlineEditL10n.ntdeltitle+'">X</a>'+theTitle+'</div>';
|
|
}
|
|
});
|
|
|
|
if ( c ) {
|
|
return this.revert();
|
|
}
|
|
|
|
$('#bulk-titles').html(te);
|
|
$('#bulk-titles a').click(function(){
|
|
var id = $(this).attr('id').substr(1);
|
|
|
|
$('table.widefat input[value="' + id + '"]').prop('checked', false);
|
|
$('#ttle'+id).remove();
|
|
});
|
|
|
|
// enable autocomplete for tags
|
|
if ( 'post' === type ) {
|
|
// support multi taxonomies?
|
|
tax = 'post_tag';
|
|
$('tr.inline-editor textarea[name="tax_input['+tax+']"]').suggest( ajaxurl + '?action=ajax-tag-search&tax=' + tax, { delay: 500, minchars: 2, multiple: true, multipleSep: inlineEditL10n.comma } );
|
|
}
|
|
$('html, body').animate( { scrollTop: 0 }, 'fast' );
|
|
},
|
|
|
|
edit : function(id) {
|
|
var t = this, fields, editRow, rowData, status, pageOpt, pageLevel, nextPage, pageLoop = true, nextLevel, cur_format, f;
|
|
t.revert();
|
|
|
|
if ( typeof(id) === 'object' ) {
|
|
id = t.getId(id);
|
|
}
|
|
|
|
fields = ['post_title', 'post_name', 'post_author', '_status', 'jj', 'mm', 'aa', 'hh', 'mn', 'ss', 'post_password', 'post_format', 'menu_order'];
|
|
if ( t.type === 'page' ) {
|
|
fields.push('post_parent', 'page_template');
|
|
}
|
|
|
|
// add the new edit row with an extra blank row underneath to maintain zebra striping.
|
|
editRow = $('#inline-edit').clone(true);
|
|
$('td', editRow).attr('colspan', $('.widefat:first thead th:visible').length);
|
|
|
|
$(t.what+id).hide().before(editRow).before('<tr class="hidden"></tr>');
|
|
|
|
// populate the data
|
|
rowData = $('#inline_'+id);
|
|
if ( !$(':input[name="post_author"] option[value="' + $('.post_author', rowData).text() + '"]', editRow).val() ) {
|
|
// author no longer has edit caps, so we need to add them to the list of authors
|
|
$(':input[name="post_author"]', editRow).prepend('<option value="' + $('.post_author', rowData).text() + '">' + $('#' + t.type + '-' + id + ' .author').text() + '</option>');
|
|
}
|
|
if ( $( ':input[name="post_author"] option', editRow ).length === 1 ) {
|
|
$('label.inline-edit-author', editRow).hide();
|
|
}
|
|
|
|
// hide unsupported formats, but leave the current format alone
|
|
cur_format = $('.post_format', rowData).text();
|
|
$('option.unsupported', editRow).each(function() {
|
|
var $this = $(this);
|
|
if ( $this.val() !== cur_format ) {
|
|
$this.remove();
|
|
}
|
|
});
|
|
|
|
for ( f = 0; f < fields.length; f++ ) {
|
|
$(':input[name="' + fields[f] + '"]', editRow).val( $('.'+fields[f], rowData).text() );
|
|
}
|
|
|
|
if ( $( '.comment_status', rowData ).text() === 'open' ) {
|
|
$( 'input[name="comment_status"]', editRow ).prop( 'checked', true );
|
|
}
|
|
if ( $( '.ping_status', rowData ).text() === 'open' ) {
|
|
$( 'input[name="ping_status"]', editRow ).prop( 'checked', true );
|
|
}
|
|
if ( $( '.sticky', rowData ).text() === 'sticky' ) {
|
|
$( 'input[name="sticky"]', editRow ).prop( 'checked', true );
|
|
}
|
|
|
|
// hierarchical taxonomies
|
|
$('.post_category', rowData).each(function(){
|
|
var taxname,
|
|
term_ids = $(this).text();
|
|
|
|
if ( term_ids ) {
|
|
taxname = $(this).attr('id').replace('_'+id, '');
|
|
$('ul.'+taxname+'-checklist :checkbox', editRow).val(term_ids.split(','));
|
|
}
|
|
});
|
|
|
|
//flat taxonomies
|
|
$('.tags_input', rowData).each(function(){
|
|
var terms = $(this).text(),
|
|
taxname = $(this).attr('id').replace('_' + id, ''),
|
|
textarea = $('textarea.tax_input_' + taxname, editRow),
|
|
comma = inlineEditL10n.comma;
|
|
|
|
if ( terms ) {
|
|
if ( ',' !== comma ) {
|
|
terms = terms.replace(/,/g, comma);
|
|
}
|
|
textarea.val(terms);
|
|
}
|
|
|
|
textarea.suggest( ajaxurl + '?action=ajax-tag-search&tax=' + taxname, { delay: 500, minchars: 2, multiple: true, multipleSep: inlineEditL10n.comma } );
|
|
});
|
|
|
|
// handle the post status
|
|
status = $('._status', rowData).text();
|
|
if ( 'future' !== status ) {
|
|
$('select[name="_status"] option[value="future"]', editRow).remove();
|
|
}
|
|
|
|
if ( 'private' === status ) {
|
|
$('input[name="keep_private"]', editRow).prop('checked', true);
|
|
$('input.inline-edit-password-input').val('').prop('disabled', true);
|
|
}
|
|
|
|
// remove the current page and children from the parent dropdown
|
|
pageOpt = $('select[name="post_parent"] option[value="' + id + '"]', editRow);
|
|
if ( pageOpt.length > 0 ) {
|
|
pageLevel = pageOpt[0].className.split('-')[1];
|
|
nextPage = pageOpt;
|
|
while ( pageLoop ) {
|
|
nextPage = nextPage.next('option');
|
|
if ( nextPage.length === 0 ) {
|
|
break;
|
|
}
|
|
|
|
nextLevel = nextPage[0].className.split('-')[1];
|
|
|
|
if ( nextLevel <= pageLevel ) {
|
|
pageLoop = false;
|
|
} else {
|
|
nextPage.remove();
|
|
nextPage = pageOpt;
|
|
}
|
|
}
|
|
pageOpt.remove();
|
|
}
|
|
|
|
$(editRow).attr('id', 'edit-'+id).addClass('inline-editor').show();
|
|
$('.ptitle', editRow).focus();
|
|
|
|
return false;
|
|
},
|
|
|
|
save : function(id) {
|
|
var params, fields, page = $('.post_status_page').val() || '';
|
|
|
|
if ( typeof(id) === 'object' ) {
|
|
id = this.getId(id);
|
|
}
|
|
|
|
$('table.widefat .spinner').show();
|
|
|
|
params = {
|
|
action: 'inline-save',
|
|
post_type: typenow,
|
|
post_ID: id,
|
|
edit_date: 'true',
|
|
post_status: page
|
|
};
|
|
|
|
fields = $('#edit-'+id).find(':input').serialize();
|
|
params = fields + '&' + $.param(params);
|
|
|
|
// make ajax request
|
|
$.post( ajaxurl, params,
|
|
function(r) {
|
|
$('table.widefat .spinner').hide();
|
|
|
|
if (r) {
|
|
if ( -1 !== r.indexOf( '<tr' ) ) {
|
|
$(inlineEditPost.what+id).siblings('tr.hidden').addBack().remove();
|
|
$('#edit-'+id).before(r).remove();
|
|
$(inlineEditPost.what+id).hide().fadeIn();
|
|
} else {
|
|
r = r.replace( /<.[^<>]*?>/g, '' );
|
|
$('#edit-'+id+' .inline-edit-save .error').html(r).show();
|
|
}
|
|
} else {
|
|
$('#edit-'+id+' .inline-edit-save .error').html(inlineEditL10n.error).show();
|
|
}
|
|
},
|
|
'html');
|
|
return false;
|
|
},
|
|
|
|
revert : function(){
|
|
var id = $('table.widefat tr.inline-editor').attr('id');
|
|
|
|
if ( id ) {
|
|
$('table.widefat .spinner').hide();
|
|
|
|
if ( 'bulk-edit' === id ) {
|
|
$('table.widefat #bulk-edit').removeClass('inline-editor').hide().siblings('tr.hidden').remove();
|
|
$('#bulk-titles').html('');
|
|
$('#inlineedit').append( $('#bulk-edit') );
|
|
} else {
|
|
$('#'+id).siblings('tr.hidden').addBack().remove();
|
|
id = id.substr( id.lastIndexOf('-') + 1 );
|
|
$(this.what+id).show();
|
|
}
|
|
}
|
|
|
|
return false;
|
|
},
|
|
|
|
getId : function(o) {
|
|
var id = $(o).closest('tr').attr('id'),
|
|
parts = id.split('-');
|
|
return parts[parts.length - 1];
|
|
}
|
|
};
|
|
|
|
$( document ).ready( function(){ inlineEditPost.init(); } );
|
|
|
|
// Show/hide locks on posts
|
|
$( document ).on( 'heartbeat-tick.wp-check-locked-posts', function( e, data ) {
|
|
var locked = data['wp-check-locked-posts'] || {};
|
|
|
|
$('#the-list tr').each( function(i, el) {
|
|
var key = el.id, row = $(el), lock_data, avatar;
|
|
|
|
if ( locked.hasOwnProperty( key ) ) {
|
|
if ( ! row.hasClass('wp-locked') ) {
|
|
lock_data = locked[key];
|
|
row.find('.column-title .locked-text').text( lock_data.text );
|
|
row.find('.check-column checkbox').prop('checked', false);
|
|
|
|
if ( lock_data.avatar_src ) {
|
|
avatar = $('<img class="avatar avatar-18 photo" width="18" height="18" />').attr( 'src', lock_data.avatar_src.replace(/&/g, '&') );
|
|
row.find('.column-title .locked-avatar').empty().append( avatar );
|
|
}
|
|
row.addClass('wp-locked');
|
|
}
|
|
} else if ( row.hasClass('wp-locked') ) {
|
|
// Make room for the CSS animation
|
|
row.removeClass('wp-locked').delay(1000).find('.locked-info span').empty();
|
|
}
|
|
});
|
|
}).on( 'heartbeat-send.wp-check-locked-posts', function( e, data ) {
|
|
var check = [];
|
|
|
|
$('#the-list tr').each( function(i, el) {
|
|
if ( el.id ) {
|
|
check.push( el.id );
|
|
}
|
|
});
|
|
|
|
if ( check.length ) {
|
|
data['wp-check-locked-posts'] = check;
|
|
}
|
|
}).ready( function() {
|
|
// Set the heartbeat interval to 15 sec.
|
|
if ( typeof wp !== 'undefined' && wp.heartbeat ) {
|
|
wp.heartbeat.interval( 15 );
|
|
}
|
|
});
|
|
|
|
}(jQuery));
|