Zum Aktualisieren an iOS-App ziehen

← Füllen Sie "repoName" und "repoURL" für die automatische Installationsschaltfläche aus →

Installieren Sie diese Theme-Komponente

Hallo :wave:

Es fehlt eine Funktion bei iOS PWAs, sie enthalten kein ‘Pull to Refresh’, sodass Sie die PWA schließen und neu öffnen müssen, um neu zu laden. Diese Theme-Komponente versucht, diese Lücke mit einer ‘Pull to Refresh’-Funktion zu füllen. Ich habe dies auf Chat-Seiten deaktiviert, da dies in Kanälen nicht sicher funktioniert. Der Aktivierungspunkt ist der #main-outlet, sodass ein Herunterziehen unterhalb des Headers am oberen Rand der Seite den Lader auslöst.

Wenn Sie nach unten ziehen, erscheint er kontinuierlich und wenn Sie den Bereitschaftspunkt erreichen, beginnt er langsam mit einem Highlight-Effekt zu drehen. Wenn Sie loslassen, dreht er sich schneller und wir behalten den Lader während des Neuladens am oberen Rand der Seite bei.

Es enthält einige Theme-Einstellungen, um den Lader anzupassen.

Danke an alle, die es auf neueren Geräten in diesem Thema getestet haben :hugs:

TODO:

  • Versuchen Sie, den Standard-Safari-Lader oder etwas Ähnliches nachzubilden. :white_check_mark:
  • Finden Sie einen Weg, den Lader während des Neuladens beizubehalten :white_check_mark:
    • Verwenden Sie CSS-Animationen anstelle von Javascript, um den Lader während des Neuladens beizubehalten
12 „Gefällt mir“

Es funktioniert auch mit DiscourseHub :flushed_face: Das ist großartig.

Ich muss 2-3 Sekunden herunterziehen, und das ist ein bisschen lang, aber ich weiß nicht, ob das von i-devices oder der Komponente kommt. Aber keine große Sache.

3 „Gefällt mir“

Wenn Sie es schnell ziehen, wird es sofort aktualisiert. Wenn Sie es jedoch mit relativ langsamer Geschwindigkeit ziehen, wird zuerst die Pfeilspitze gerendert, gefolgt vom Ladekreis. Ich vermute, dass die Verzögerung zwischen der Pfeilspitze und dem Ladekreis für ein besseres Feedback und zur Vermeidung unnötiger Auslöser beabsichtigt ist. Bitte korrigieren Sie mich, wenn ich falsch liege, @Don.

3 „Gefällt mir“

Hallo :waving_hand:

So sieht es jetzt aus. Ich versuche, etwas Ähnliches wie den Standard-Safari-Loader zu machen. Wenn du nach unten ziehst, erscheint er kontinuierlich, und wenn du den Bereitschaftspunkt erreichst, beginnt er sich langsam mit einem Highlight-Effekt zu drehen. Wenn du loslässt, beginnt er sich schneller zu drehen, und wir behalten den Loader oben auf der Seite, bevor er tatsächlich die Seite neu lädt, wird der Loader ausgeblendet.

1 „Gefällt mir“

Das ist eine so dumme Frage, und vielleicht sollte ich glücklich sein, aber warum sehe ich keine Art von Ladeeffekt? Nun, ich sehe nicht einmal Discourse’s – außer hier Meta manchmal, wenn ich PWA benutze. Zu guter :joy: Internetverbindung?

1 „Gefällt mir“

Was meinst du?
Das ist noch nicht fertig. Kannst du eine Bildschirmaufnahme davon teilen, was du auf deiner Seite während des Neuladens siehst?

1 „Gefällt mir“

Sicher, aber nein. Im Moment tut diese Komponente nichts. Das iPad macht ab und zu seltsamere Dinge mit PWAs. Ein Neustart hilft. PWAs sind im Moment etwas problematisch, und es wurde nach dem neuesten iPadOS schlimmer. Aber jetzt hat auch das Booten nicht geholfen.

Kann ich zurückgehen und wenn ja, wie?

Und dieses „Nicht-Aktualisieren“ begann nach dem gestrigen Update der Komponente, nehme ich an. Ich habe es aber nicht überprüft. Es kann aber auch Zufall sein und das eigentliche Problem ist das Betriebssystem.

Das iPhone funktioniert aber. Es zeigt zuerst diesen… ich erinnere mich nicht an seinen Namen auf Englisch… nach unten gerichteten Pfeil und dann einen Spinner. Das ist auf dem iPad nie passiert, aber der Bildschirm ging nach unten und als er losgelassen wurde, wurde das Forum aktualisiert.

Wenn ich das Thema ändere, wird es aktualisiert – ich sehe dieses sehr kurze Aufblitzen. Aber ein zweites Mal nicht. Wenn ich wieder ein Thema ändere, funktioniert es einmal, aber nicht zweimal.

Wirklich seltsam.

Ja, ich sehe, das liegt wahrscheinlich daran, dass ich den Stil nur für die mobile Ansicht angewendet habe und dein iPad sich in der Desktop-Ansicht befindet. Ich werde das mit dem Update beheben. Ich denke, wir können die Pfeile und den Spinner durch einen neuen Safari-Stil-Loader ersetzen.

Bei welchem Thema funktioniert die Komponente nicht?

Alle davon sind gleich. Und nein, ich glaube nicht, dass es ein Konflikt zwischen Komponenten ist, weil es dasselbe tut, also nichts außer einmal, selbst wenn es das einzige ist, das verwendet wird.

Plugins sind etwas anderes, keine Ahnung.

Ich erinnere mich nie, dass das iPad kein Mobilgerät ist.

Ich habe die Komponente mit dem neuen Safari-Style-Loader aktualisiert. Sie sollte jetzt auch auf dem iPad besser funktionieren. Tatsächlich hat das iPad eine Fußzeilen-Navigation oben, die sie versteckt hat. Das habe ich vergessen. :smile:

1 „Gefällt mir“

Großartige Arbeit, wie üblich. Funktioniert gut und erleichtert jetzt den Sprachwechsel. Danke!

Footer-Nav oben — das klingt… logisch :flushed_face:

1 „Gefällt mir“

Dies ist nur der Name davon, denn auf dem iPhone befindet er sich unten, aber auf dem iPad befindet er sich oben. Technisch gesehen ist es also eine obere Navigation auf dem iPad, aber aus Gewohnheit nenne ich es Fußzeilennavigation. :sweat_smile:

Ich überlege nur, ob wir das automatische Nachladen hinzufügen sollen, wenn man nach unten zieht, um die Bereitschaftsposition zu erreichen, oder ob wir das Nachladen beibehalten sollen, wenn man loslässt? Möglicherweise gibt es damit Konflikte, ich habe es noch nicht getestet. Der Safari-Loader dreht sich einmal und dann werden nur die Linien hervorgehoben. Das können wir nicht machen, da die Linien-Hervorhebungsanimation während des Nachladens stoppt. Aber das Drehen kann auch zu dieser Zeit laufen. Wir können den Lader also in den Ladezustand versetzen. Vielleicht ist es besser, es so zu belassen, jetzt hat es schöne flüssige CSS-Animationen, die während des Nachladens laufen können und nicht genau die gleichen wie der Safari-Loader sind, aber irgendwie ähnlich… was war übrigens das Ziel :thinking: