WordPress.org

Make WordPress Core

Ticket #15580: spinner-search.3.diff

File spinner-search.3.diff, 4.6 KB (added by scribu, 3 years ago)

add spinners to plugin install list table

  • wp-includes/script-loader.php

     
    307307                $scripts->add( 'list-table', "/wp-admin/js/list-table$suffix.js", array( 'jquery-query', 'jquery-serialize-object' ), '20101215' ); 
    308308                $scripts->add_data( 'list-table', 'group', 1 ); 
    309309                $scripts->localize( 'list-table', 'listTableL10n', array( 
    310                         'loading' => __('Loading...'), 
    311310                        'error' => __('An error has occurred while loading the items.'), 
    312311                        'search' => __('Search results for “%s”'), 
    313312                        'l10n_print_after' => 'try{convertEntities(listTableL10n);}catch(e){};' 
  • wp-admin/includes/class-wp-list-table.php

     
    199199        <input type="text" id="<?php echo $input_id ?>" name="s" value="<?php _admin_search_query(); ?>" /> 
    200200        <?php submit_button( $text, 'button', 'submit', false ); ?> 
    201201</p> 
     202<img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" /> 
    202203<?php 
    203204        } 
    204205 
     
    730731                <div class="alignleft actions"> 
    731732                        <?php $this->bulk_actions( $which ); ?> 
    732733                </div> 
    733  
    734         <?php 
     734<?php 
    735735                $this->extra_tablenav( $which ); 
    736736                $this->pagination( $which ); 
    737         ?> 
    738737 
     738if ( 'bottom' == $which ) { 
     739?> 
     740<img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" /> 
     741<?php } ?> 
     742 
    739743                <br class="clear" /> 
    740744        </div> 
    741745<?php 
  • wp-admin/includes/class-wp-plugin-install-list-table.php

     
    116116                                        <?php do_action( 'install_plugins_table_header' ); ?> 
    117117                                </div> 
    118118                                <?php $this->pagination( $which ); ?> 
     119                                <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" /> 
    119120                                <br class="clear" /> 
    120121                        </div> 
    121122                <?php } else { ?> 
    122123                        <div class="tablenav"> 
    123124                                <?php $this->pagination( $which ); ?> 
     125                                <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" /> 
    124126                                <br class="clear" /> 
    125127                        </div> 
    126128                <?php 
  • wp-admin/js/list-table.dev.js

     
    1414                this.set_total_pages(); 
    1515 
    1616                this.$tbody = $('#the-list, #the-comment-list'); 
    17  
    18                 this.$overlay = $('<div id="loading-items">') 
    19                         .html(listTableL10n.loading) 
    20                         .hide() 
    21                         .prependTo($('body')); 
    2217        }, 
    2318 
    2419        // paging 
     
    5348                if ( !different ) 
    5449                        return false; 
    5550 
    56                 this.show_overlay(); 
     51                this.start_loading(); 
    5752 
    5853                if ( reset_paging ) 
    5954                        $.query.SET('paged', 1); 
     
    9691                if ( 'object' != typeof response ) { 
    9792                        this.handle_error(); 
    9893                } else { 
    99                         this.hide_overlay(); 
     94                        this.stop_loading(); 
    10095 
    10196                        this.$tbody.html(response.rows); 
    10297 
     
    119114        }, 
    120115 
    121116        handle_error: function() { 
    122                 this.hide_overlay(); 
     117                this.stop_loading(); 
    123118 
    124119                $('h2').after('<div class="error ajax below-h2"><p>' + listTableL10n.error + '</p></div>'); 
    125120        }, 
    126121 
    127         show_overlay: function() { 
     122        start_loading: function() { 
    128123                this.loading = true; 
    129124 
    130125                $('.error.ajax').remove(); 
    131126 
    132                 this.$overlay 
    133                         .css({ 
    134                                 width: this.$tbody.width() + 'px', 
    135                                 height: this.$tbody.height() - 20 + 'px' 
    136                         }) 
    137                         .css(this.$tbody.offset()) 
    138                         .show(); 
     127                $('.list-ajax-loading').css('visibility', 'visible'); 
    139128        }, 
    140129 
    141         hide_overlay: function() { 
     130        stop_loading: function() { 
    142131                this.loading = false; 
    143                 this.$overlay.hide(); 
     132 
     133                $('.list-ajax-loading').css('visibility', 'hidden'); 
    144134        } 
    145135} 
    146136 
  • wp-admin/css/wp-admin.dev.css

     
    41934193} 
    41944194* html #template div {margin-right: 0;} 
    41954195#save {width: 15em;} 
    4196 #loading-items { 
    4197         position: absolute; 
    4198         z-index: 9999; 
    4199         padding: 10px 0; 
    4200         background-color: #fff; 
    4201         font-weight: bold; 
    4202         text-align: center; 
    4203         opacity: 0.5; 
     4196.list-ajax-loading { 
     4197        float: right; 
     4198        margin-right: 9px; 
     4199        margin-top: -1px; 
    42044200} 
     4201.tablenav .list-ajax-loading { 
     4202        margin-top: 7px; 
     4203} 
    42054204#howto { 
    42064205        font-size: 11px; 
    42074206        margin: 0 5px;