La richiesta lunga dei turbolinks per Rails non mostra il caricamento della pagina

Question

Utilizzando i turbolinks in Rails, se una richiesta richiede molto tempo, in modo prevedibile o meno, il browser non ha i soliti segnali per mostrare che qualcosa sta accadendo.

Answer 1

Ho creato un elenco che risolve questo problema utilizzando una finestra di dialogo di caricamento che si apre automaticamente se la richiesta richiede più di 500 ms, che è configurabile.

https://gist.github.com/cpuguy83/5016442

@PageSpinner = 
    spin: (ms=500)-> 
    @spinner = setTimeout((=> @add_spinner()), ms) 
    $(document).on 'page:change', => 
     @remove_spinner() 
    spinner_html: ' 
    <div class="modal hide fade" id="page-spinner"> 
     <div class="modal-head card-title">Please Wait...</div> 
     <div class="modal-body card-body"> 
     <i class="icon-spinner icon-spin icon-2x"></i> 
     &emsp;Loading... 
     </div> 
    </div> 
    ' 
    spinner: null 
    add_spinner: -> 
    $('body').append(@spinner_html) 
    $('body div#page-spinner').modal() 
    remove_spinner: -> 
    clearTimeout(@spinner) 
    $('div#page-spinner').modal('hide') 
    $('div#page-spinner').on 'hidden', -> 
     $(this).remove() 

$(document).on 'page:fetch', -> 
    PageSpinner.spin()