Make WordPress Core

Ticket #23120: 23120.9.diff

File 23120.9.diff, 2.3 KB (added by adamsilverstein, 10 years ago)

delay before fading, darker green & red

  • src/wp-admin/css/wp-admin.css

     
    59385938        margin: 2px 5px 0;
    59395939}
    59405940
     5941.spinner.success,
     5942.spinner.error {
     5943        opacity: 1;
     5944        filter: alpha(opacity=100);
     5945        background: url('');
     5946}
     5947
     5948.spinner.success:before {
     5949        font: normal 20px/1 'dashicons';
     5950        content: '\f147';
     5951        color: #395f39;
     5952}
     5953
     5954.spinner.error {
     5955        font: normal 20px/1 'dashicons';
     5956        content: '\f335';
     5957        color: #5f3939;
     5958}
     5959
    59415960.no-float {
    59425961        float: none;
    59435962}
  • src/wp-admin/js/widgets.js

     
    313313                        action: 'widgets-order',
    314314                        savewidgets: $('#_wpnonce_widgets').val(),
    315315                        sidebars: []
    316                 };
     316                }, spinner;
    317317
    318318                if ( sidebarId ) {
    319                         $( '#' + sidebarId ).find('.spinner:first').css('display', 'inline-block');
     319                        spinner = $( '#' + sidebarId ).find('.spinner:first').css('display', 'inline-block');
    320320                }
    321321
    322322                $('div.widgets-sortables').each( function() {
     
    326326                });
    327327
    328328                $.post( ajaxurl, data, function() {
    329                         $('.spinner').hide();
     329                        if ( spinner ) {
     330                                spinner.addClass( 'success' ).delay( 1000 ).fadeOut( 'fast', function() {
     331                                        spinner.removeClass( 'success' );
     332                                });
     333                        }
     334                })
     335                .error( function() {
     336                        if ( spinner ) {
     337                                spinner.addClass( 'error' ).delay( 1000 ).fadeOut( 'fast', function() {
     338                                        spinner.removeClass( 'error' );
     339                                });
     340                        }
    330341                });
    331342        },
    332343
    333344        save : function( widget, del, animate, order ) {
    334345                var sidebarId = widget.closest('div.widgets-sortables').attr('id'),
    335                         data = widget.find('form').serialize(), a;
     346                        data = widget.find('form').serialize(), a, spinner;
    336347
    337                 widget = $(widget);
    338                 $('.spinner', widget).show();
     348                widget  = $(widget);
     349                spinner = $('.spinner', widget);
     350                spinner.show();
    339351
    340352                a = {
    341353                        action: 'save-widget',
     
    372384                                        widget.remove();
    373385                                }
    374386                        } else {
    375                                 $('.spinner').hide();
     387                                spinner.addClass('success').delay( 1000 ).fadeOut( 'fast', function() {
     388                                        spinner.removeClass( 'success' );
     389                                });
    376390                                if ( r && r.length > 2 ) {
    377391                                        $( 'div.widget-content', widget ).html(r);
    378392                                        wpWidgets.appendTitle( widget );