Tira giù per aggiornare l'app iOS

← Riempire "repoName" e "repoURL" per il pulsante di installazione automatica →

Installa questo componente tema

Ciao :wave:

Manca una funzione alle PWA iOS, non contengono il ‘pull to refresh’ quindi se vuoi ricaricare devi chiudere la PWA e riaprirla. Questo componente tema cerca di colmare questa lacuna con una funzione ‘pull to refresh’. Ho disabilitato questa funzione nelle pagine di chat perché non funziona in modo sicuro nei canali… Il punto di attivazione è #main-outlet quindi se trascini verso il basso sotto l’intestazione in cima alla pagina attiverà il caricatore.

Quando trascini verso il basso apparirà continuamente e quando raggiungi il punto pronto inizierà a girare lentamente con un effetto di evidenziazione. Quando rilasci, inizierà a girare più velocemente e manterremo il caricatore in cima alla pagina durante il ricaricamento.

Contiene alcune impostazioni del tema per personalizzare il caricatore.

Grazie a tutti coloro che l’hanno testato sui dispositivi più recenti in questo topic :hugs:

DA FARE:

  • Provare a ricreare il caricatore predefinito di Safari o qualcosa di simile. :white_check_mark:
  • Trovare un modo per mantenere il caricatore durante il ricaricamento :white_check_mark:
    • usare animazioni CSS invece di Javascript per mantenere il caricatore durante il ricaricamento
12 Mi Piace

Funziona anche con DiscourseHub :flushed_face: Fantastico.

Devo tirare giù 2-3 secondi, ed è un po’ lungo, ma non so se dipende da i-devices o dal componente. Non è un grosso problema, comunque.

3 Mi Piace

Quando lo tiri velocemente, si aggiorna immediatamente. Ma quando lo tiri a una velocità relativamente più lenta, prima viene visualizzato il chevron, seguito dall’indicatore di caricamento. Suppongo che il ritardo tra il chevron e l’indicatore di caricamento sia intenzionale per un migliore feedback e per evitare attivazioni non necessarie. Correggimi se sbaglio, @Don.

3 Mi Piace

Ciao :waving_hand:

Ecco come appare ora. Ho provato a fare qualcosa di simile al caricatore predefinito di Safari. Quando tiri verso il basso, appare continuamente e quando raggiungi il punto di preparazione, inizia a girare lentamente con un effetto di evidenziazione. Quando rilasci, inizierà a girare più velocemente e manterremo il caricatore in cima alla pagina, prima che inizi effettivamente a ricaricare la pagina, nasconderà il caricatore.

1 Mi Piace

Questa è una domanda così stupida, e forse dovrei essere felice, ma perché non vedo alcun tipo di effetto loader? Beh, non vedo nemmeno quello di Discourse — tranne qui su Meta a volte quando uso PWA. Servizio internet troppo buono :joy:?

1 Mi Piace

Cosa intendi?
Questo non è ancora stato fatto. Puoi condividere una registrazione dello schermo di ciò che vedi sul tuo sito durante il ricaricamento?

1 Mi Piace

Certo, ma no. Al momento questo componente non fa nulla. L’iPad fa cose più strane con le PWA di tanto in tanto. Il riavvio aiuta. Le PWA sono un po’ problematiche al momento, e sono peggiorate dopo l’ultima versione di iPadOS. Ma ora nemmeno il riavvio ha aiutato.

Posso tornare indietro e, se sì, come?

E quel “non aggiornamento” è iniziato dopo l’aggiornamento di ieri del componente, presumo. Non l’ho controllato, però. Ma potrebbe anche essere una coincidenza e il vero problema è il sistema operativo.

L’iPhone funziona, però. Mostra prima quella… non ricordo il nome in inglese… freccia verso il basso e poi uno spinner. Questo non è mai successo sull’iPad, ma lo schermo è andato giù e quando è stato rilasciato ha aggiornato il forum.

Se cambio il tema, si aggiorna — vedo quel brevissimo lampeggio. Ma la seconda volta, no. Quando cambio di nuovo tema, funziona una volta, ma non due.

Davvero strano.

Sì, vedo che probabilmente è perché ho applicato lo stile solo alla visualizzazione mobile e il tuo iPad è in visualizzazione desktop. Lo correggerò con l’aggiornamento. Penso che possiamo sostituire le frecce e lo spinner con il nuovo caricatore in stile Safari.

Su quale tema il componente non funziona?

Sono tutti uguali. E no, non penso che sia un conflitto tra componenti, perché fa la stessa cosa, cioè niente tranne una volta, anche quando è l’unico in uso.

I plugin sono una cosa diversa, nessuna idea.

Non ricordo mai che l’iPad non sia un dispositivo mobile.

Ho aggiornato il componente con il nuovo loader in stile Safari. Ora dovrebbe funzionare meglio anche su iPad. In realtà iPad ha un footer-nav in alto che lo nascondeva. Me ne sono dimenticato. :smile:

1 Mi Piace

Ottimo lavoro, come al solito. Funziona bene e ora rende più facile cambiare lingua. Grazie!

Footer-nav in alto — questo suona… logicamente :flushed_face:

1 Mi Piace

Questo è solo il nome perché su iPhone è in basso, ma su iPad è in alto. Quindi tecnicamente è una navigazione in alto su iPad, ma per abitudine la chiamo navigazione nel piè di pagina. :sweat_smile:

Sto solo pensando se dovremmo aggiungere il ricaricamento automatico quando si tira verso il basso in posizione di attesa o mantenere il ricaricamento quando lo si rilascia? Forse ci saranno dei conflitti, non l’ho ancora testato. Il caricatore di Safari gira una volta e poi solo le linee evidenziate. Non possiamo farlo perché l’animazione di evidenziazione della linea si interrompe durante il ricaricamento. Ma anche il caricamento può essere eseguito in quel momento. Quindi possiamo mettere il caricatore nello stato di caricamento. Forse è meglio mantenerlo così, ora ha belle animazioni CSS fluide che possono essere eseguite durante il ricaricamento e non esattamente uguali al caricatore di Safari ma in qualche modo simili… qual era l’obiettivo tra l’altro :thinking: