Fakebook-Thema

[Don]

Hallo Jordan,

Es treten Fehler auf, wenn sich ein neuer Benutzer registriert. Die rechte Seitenleiste zeigt keine Informationen außer dem Willkommens-Text und der Zwischenüberschrift an, aber ohne Namen. Ich weiß, dass sie die Likes anzeigt, falls welche vorhanden sind, sowie auch Abzeichen. Ist es möglich, diese Seitenleiste so anzupassen, dass sie die Likes und Abzeichen korrekt anzeigt? Ich meine: 0 erhalten, 0 gesendet und keine Abzeichen. Du hast noch keine Abzeichen… Schau dir an, wie du welche bekommst… oder etwas Ähnliches. Also entweder Text oder ein Link, falls noch keine Abzeichen vorhanden sind.

Vielen Dank!

Der Fehlercode für die Abzeichen lautet:

[haffax7]

Ich möchte es wie unten modifizieren.
Es funktioniert jedoch nicht auf dem mobilen Bildschirm.
Kann mir jemand bitte helfen, was zu tun ist?

Ich möchte, dass der Link für die Themen-Zusammenfassung und das Bild funktioniert.

{{~raw-plugin-outlet name="topic-list-after-title"}}
{{#unless topic.image_url}}
  {{#if topic.hasExcerpt}}
    <a href="{{topic.lastUnreadUrl}}" class="topic-excerpt-link">
      <div class="topic-excerpt-box">
        {{raw "list/topic-excerpt" topic=topic}}
      </div>
    </a>
  {{/if}}
{{/unless}}
{{#if topic.image_url}}
<a href="{{topic.lastUnreadUrl}}" class="topic-excerpt-link">
<div class="topic-image">
  <img src="{{topic.image_url}}" />
</div>
</a>
{{/if}}

Dies ist die Website, die ich teste.
https://today16.com/

[Don]

Verwenden Sie dies im mobilen Header
<script type='text/x-handlebars' data-template-name='mobile/list/topic-list-item.raw'> . . . </script>

[Eduardo_Braga (Eduardo)]

iPhone 6S

[jordan.vidrine]

Ich teste dies im Xcode-Simulator mit einem iPhone 6S und habe dieses Problem nicht.

Ich habe ein paar Fragen:

Ist dieser Screenshot von dir, der meta.discourse.org verwendet?
Welche iOS-Version verwendest du?
Welchen Webbrowser?

Vielen Dank

[chratec (VT)]

Hat jemand versucht, kurze Videos direkt auf Discourse mit dem Facebook-Theme auf einem iOS-Handy hochzuladen und abzuspielen?

Habe ich bei der Konfiguration etwas übersehen, aber ich kann keine hochgeladenen Videos auf dem Handy abspielen. Auf dem Computer funktioniert es einwandfrei.

Eingebettete Videos von YouTube funktionieren.

Deshalb weiß ich nicht, was los ist – keine Fehler, keine Warnungen.

Bitte gebt mir daher einen Rat.

[Don]

Ja, es funktioniert bei mir auf jedem Gerät einwandfrei. Ich denke, ein Theme ist kaum die Ursache für dieses Problem.
Hast du es im abgesicherten Modus versucht?
Könntest du den Beitrag verlinken, in dem das Video zu sehen ist, damit ich es überprüfen kann?

[chratec (VT)]

Hallo @Don,
ja, du solltest es über den folgenden Link versuchen:
Making sure you're not a bot!

Ich habe es gerade getestet und kann bestätigen, dass es auf meinem iOS 11 nicht funktioniert.

[Don]

iOS 11 ist ziemlich veraltet, was das Problem verursacht. Ich kann das Video auf iOS 14 problemlos abspielen, und es funktioniert einwandfrei.

[chratec (VT)]

@Don Notiert,

Vielen Dank

[SrhKnpp (Sarah L Knapp)]

Das ist fantastisch!

Außerdem… ist es möglich, einen Link in den Einführungsbereich der Seitenleiste aufzunehmen?

[Eduardo_Braga (Eduardo)]

Wo ist der Link, um das Theme hinzuzufügen?

[JacobDK]

GitHub - discourse/fakebook-modern

[hyd504]

Hey, ich lerne gerade die Entwicklung von Discourse-Themes und -Plugins. Das Fakebook-Thema gefällt mir sehr gut, und ich nutze es, um mein Verständnis zu vertiefen. Allerdings habe ich ein paar Fragen.

Die Datei „javascripts/discourse/templates/mobile/list/topic-list-item.hbr

[awesomerobot (Kris)]

@hyd504

Gibt es nicht eine Möglichkeit, eine hbr-Datei in eine HTML-Datei einzubinden, sodass wir einfach topic-list-item.hbr in common/header.html einfügen können, anstatt den Code an zwei Stellen zu duplizieren?

Das glaube ich nicht… Normalerweise könnte ich eine Komponente erstellen, die eine Vorlage verwendet, und dann sowohl für die Komponente als auch für die Überschreibungen einbinden… aber unsere Topic-Liste-Einträge sind eine spezielle Art von Vorlage, die für die Leistung optimiert ist (hbr = Handlebars-Rohvorlage), und Rohvorlagen können keine Komponenten verwenden. (Siehe vorherige Diskussion unter Mounting widget in raw template? - #7 by angus)

@hyd504

Warum brauchen wir überhaupt topic-list-item.hbr? Sollten die Dateien im common-Ordner nicht sowohl für Desktop als auch für Mobilgeräte gelten?

So ist das CSS von Discourse strukturiert (und einige spezielle HTML-Dateien für Themes wie Header/Fußzeile usw.), aber innerhalb des Verzeichnisses javascripts/discourse/templates sind diese Vorlagen direkte Überschreibungen der Discourse-Standardvorlagen (wenn keine Überschreibung vorhanden ist, werden die Standardvorlagen verwendet).

In Discourse gibt es zwei Vorlagen: /templates/list/topic-list-item.hbr und /templates/mobile/list/topic-list-item.hbr. Da es also zwei Vorlagen gibt, benötigen wir zwei Überschreibungen.

Möglicherweise gibt es eine einfache Möglichkeit, Mobilgeräte in der JS auf die nicht-mobilen Vorlage zu verweisen… aber falls ja, ist mir das nicht bekannt!

[awesomerobot (Kris)]

Zu früh gefreut! Ich habe mir das angesehen und die Lösung kurz nach meiner obigen Antwort selbst gefunden. Manchmal hilft es einfach, Dinge aufzuschreiben.

Ich habe ein Update vorgenommen, sodass es jetzt nur noch eine Vorlage gibt… Standardmäßig enthält topic-list-item.js einen Codeabschnitt wie folgt:

  renderTopicListItem() {
    const template = findRawTemplate("list/topic-list-item");
    if (template) {
      this.set("topicListItemContents", template(this).htmlSafe());
    }
  },

Wenn ich also im Theme const template überschreibe…

  renderTopicListItem() {
    const template = findRawTemplate("list/custom-topic-list-item");
    if (template) {
      this.set("topicListItemContents", template(this).htmlSafe());
    }
  },

weist dies nun auf eine separate Vorlage. Da es keine mobile Gegenstück-Vorlage mit demselben Namen gibt, wird diese auch für Mobilgeräte verwendet. Danke, dass du mit deiner Frage @hyd504 die Änderung angestoßen hast!

[Don]

Das ist wirklich nett! Ich habe es gerade auf meiner Website mit dem Fakebook Modern-Theme geändert Vielen Dank!

[Mohit_Jindal]

@awesomerobot @Don

könntet ihr uns Links zu einigen Beispiel-Foren schicken, in denen ich dieses Theme live sehen kann?

[Don]

Hallo,

Klar, du kannst das Fakebook-Thema im Theme-Creator sehen:

@awesomerobot

Vorschau im Theme-Creator ansehen

Meines enthält relativ viele Änderungen, aber du kannst es hier sehen:

Vaperina

[Mohit_Jindal]

Danke, @Don.

Nur zur Sicherheit: Zeigt die Vorschau auf das Theme GitHub - discourse/fakebook-modern · GitHub?