diff --git a/src/js/_enqueues/admin/tags.js b/src/js/_enqueues/admin/tags.js index 3b6cf2b4892e7..ff7761adb8d3e 100644 --- a/src/js/_enqueues/admin/tags.js +++ b/src/js/_enqueues/admin/tags.js @@ -31,6 +31,12 @@ jQuery( function($) { if ( r ) { data = t.attr('href').replace(/[^?]*\?/, '').replace(/action=delete/, 'action=delete-tag'); + tr.children().css('backgroundColor', '#faafaa'); + + // Disable pointer events and all form controls/links in the row + tr.css('pointer-events', 'none'); + tr.find(':input, a').prop('disabled', true).attr('tabindex', -1); + /** * Makes a request to the server to delete the term that corresponds to the * delete term button. @@ -40,8 +46,20 @@ jQuery( function($) { * @return {void} */ $.post(ajaxurl, data, function(r){ + var message; if ( '1' == r ) { $('#ajax-response').empty(); + let nextFocus = tr.next( 'tr' ).find( 'a.row-title' ); + let prevFocus = tr.prev( 'tr' ).find( 'a.row-title' ); + // If there is neither a next row or a previous row, focus the tag input field. + if ( nextFocus.length < 1 && prevFocus.length < 1 ) { + nextFocus = $( '#tag-name' ).trigger( 'focus' ); + } else { + if ( nextFocus.length < 1 ) { + nextFocus = prevFocus; + } + } + tr.fadeOut('normal', function(){ tr.remove(); }); /** @@ -53,23 +71,38 @@ jQuery( function($) { */ $('select#parent option[value="' + data.match(/tag_ID=(\d+)/)[1] + '"]').remove(); $('a.tag-link-' + data.match(/tag_ID=(\d+)/)[1]).remove(); - + nextFocus.trigger( 'focus' ); + message = wp.i18n.__( 'The selected tag has been deleted.' ); + } else if ( '-1' == r ) { - $('#ajax-response').empty().append('
' + wp.i18n.__( 'Sorry, you are not allowed to do that.' ) + '
' + message + '
' + wp.i18n.__( 'An error occurred while processing your request. Please try again later.' ) + '
' + message + '