Accessibility: Taxonomy: When a new category or tag is being added, show a spinner and noop the button to avoid multiple requests.
Props andg, afercia, guddu1315, SergeyBiryukov. Fixes #47607. git-svn-id: https://develop.svn.wordpress.org/trunk@45683 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
7493196625
commit
5618dfc6d3
@ -11,6 +11,8 @@
|
||||
|
||||
jQuery(document).ready(function($) {
|
||||
|
||||
var addingTerm = false;
|
||||
|
||||
/**
|
||||
* Adds an event handler to the delete term link on the term overview page.
|
||||
*
|
||||
@ -102,6 +104,14 @@ jQuery(document).ready(function($) {
|
||||
if ( ! validateForm( form ) )
|
||||
return false;
|
||||
|
||||
if ( addingTerm ) {
|
||||
// If we're adding a term, noop the button to avoid duplicate requests.
|
||||
return false;
|
||||
}
|
||||
|
||||
addingTerm = true;
|
||||
form.find( '.submit .spinner' ).addClass( 'is-active' );
|
||||
|
||||
/**
|
||||
* Does a request to the server to add a new term to the database
|
||||
*
|
||||
@ -112,6 +122,9 @@ jQuery(document).ready(function($) {
|
||||
$.post(ajaxurl, $('#addtag').serialize(), function(r){
|
||||
var res, parent, term, indent, i;
|
||||
|
||||
addingTerm = false;
|
||||
form.find( '.submit .spinner' ).removeClass( 'is-active' );
|
||||
|
||||
$('#ajax-response').empty();
|
||||
res = wpAjax.parseAjaxResponse( r, 'ajax-response' );
|
||||
if ( ! res || res.errors )
|
||||
|
@ -1163,6 +1163,11 @@ p.popular-tags a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#addtag .spinner {
|
||||
float: none;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#edittag {
|
||||
max-width: 800px;
|
||||
}
|
||||
|
@ -515,9 +515,12 @@ if ( $can_edit_terms ) {
|
||||
* @param string $taxonomy The taxonomy slug.
|
||||
*/
|
||||
do_action( "{$taxonomy}_add_form_fields", $taxonomy );
|
||||
|
||||
submit_button( $tax->labels->add_new_item );
|
||||
|
||||
?>
|
||||
<p class="submit">
|
||||
<?php submit_button( $tax->labels->add_new_item, 'primary', 'submit', false ); ?>
|
||||
<span class="spinner"></span>
|
||||
</p>
|
||||
<?php
|
||||
if ( 'category' == $taxonomy ) {
|
||||
/**
|
||||
* Fires at the end of the Edit Category form.
|
||||
|
Loading…
Reference in New Issue
Block a user