Tema Fakebook

[Don]

Ciao Jordan,

Si verificano degli errori quando un nuovo utente si registra. La barra laterale destra non mostra alcuna informazione tranne il testo di benvenuto e il sottotitolo, ma senza il nome. So che mostra i like se ce ne sono e anche i badge. È possibile correggere questa barra laterale in modo che mostri i like e i badge? Intendo 0 ricevuti, 0 inviate e nessun badge. Non hai ancora alcun badge… Scopri come ottenerne alcuni… o qualcosa di simile. Quindi testo o link se non ci sono ancora badge.

Grazie!

Il codice di errore è relativo ai badge:

[haffax7]

Vorrei modificarlo come segue.
Tuttavia, non funziona sullo schermo mobile.
Qualcuno può aiutarmi a capire cosa fare.

Vorrei che il link funzionasse per l’estratto del topic e per l’immagine.

{{~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}}

Questo è il sito su cui sto facendo i test.
https://today16.com/

[Don]

Usa questo nell’intestazione mobile
<script type='text/x-handlebars' data-template-name='mobile/list/topic-list-item.raw'> . . . </script>

[Eduardo_Braga (Eduardo)]

iPhone 6S

[jordan.vidrine]

Sto testando questo su Xcode Simulator con iPhone 6S e non riscontro questo problema.

Ho alcune domande:

Questa schermata è relativa all’uso di meta.discourse.org?
Quale versione di iOS stai utilizzando?
Quale browser web?

Grazie

[chratec (VT)]

Qualcuno ha provato a caricare direttamente video brevi su Discourse con il tema Facebook da un telefono iOS?

Forse ho perso qualcosa nella configurazione, ma non riesco a riprodurre alcun video caricato sul telefono. Funziona bene invece sul computer.

Tutti i video incorporati da YouTube funzionano.

Ecco perché non so cosa stia succedendo: nessun errore, nessun avviso.
Quindi vi chiedo un consiglio.

[Don]

Sì, funziona perfettamente per me su qualsiasi dispositivo. Penso che un tema sia difficile da causare questo problema.
Hai provato a riprodurre in modalità provvisoria?
Puoi pubblicare l’argomento dove si trova il video così possiamo controllarlo.

[chratec (VT)]

Ciao @Don
Sì, dovresti provare al seguente link:
Making sure you're not a bot!

L’ho appena testato e ho confermato che non funziona sul mio iOS 11.

[Don]

iOS 11 è piuttosto datato ed è la causa del problema. Posso riprodurre il video senza alcun problema su iOS 14 e funziona benissimo.

[chratec (VT)]

@Don Notato,

Grazie

[SrhKnpp (Sarah L Knapp)]

Questo è fantastico!

Inoltre… è possibile aggiungere un link all’area di introduzione della barra laterale?

[Eduardo_Braga (Eduardo)]

Dov’è il link per aggiungere il tema?

[JacobDK]

GitHub - discourse/fakebook-modern

[hyd504]

Ehi, sto imparando lo sviluppo di temi e plugin per Discourse. Mi piace molto il tema Fakebook e lo sto usando per approfondire la mia comprensione, ma ho alcune domande.

Il file “javascripts/discourse/templates/mobile/list/topic-list-item.hbr” contiene un duplicato al 100% del codice presente in “common/header.html”.

Le mie domande sono:

1. Non esiste un modo per includere un file .hbr in un file HTML, così da poter semplicemente includere topic-list-item.hbr in common/header.html invece di duplicare il codice in due punti diversi?
2. Perché abbiamo bisogno di topic-list-item.hbr in primo luogo? I file nella cartella common non dovrebbero applicarsi sia alla versione desktop che a quella mobile?

[awesomerobot (Kris)]

@hyd504

Non c’è un modo per includere un file hbr in un file HTML, così da poter includere topic-list-item.hbr direttamente nel file common/header.html invece di duplicare il codice in due punti diversi?

Non credo di sì… normalmente potrei creare un componente che utilizza un unico template e poi includerlo per il componente in entrambe le sovrascritture… ma i nostri elementi della lista degli argomenti sono un tipo speciale di template ottimizzato per le prestazioni (hbr = template raw Handlebars), e i template raw non possono utilizzare i componenti. (Alcune discussioni precedenti su Mounting widget in raw template? - #7 by angus)

@hyd504

Perché abbiamo bisogno di topic-list-item.hbr in primo luogo? I file nella cartella common non dovrebbero applicarsi sia a desktop che a mobile?

È così che è strutturato il CSS di Discourse (e alcuni file HTML speciali per i temi come header/footer, ecc.), ma all’interno della directory javascripts/discourse/templates quei template sono sovrascritture dirette dei default di Discourse (quando non c’è una sovrascrittura, vengono utilizzati i template predefiniti).

In Discourse ci sono due template: /templates/list/topic-list-item.hbr e /templates/mobile/list/topic-list-item.hbr. Quindi, poiché esistono due template, abbiamo bisogno di due sovrascritture.

Forse esiste un modo semplice per puntare la versione mobile al template non mobile nel codice JS… ma se esiste, non ne sono a conoscenza!

[awesomerobot (Kris)]

Ho parlato troppo in fretta! Ho dato un’occhiata e ho risolto il problema poco dopo aver pubblicato la risposta qui sopra. A volte scrivere le cose può aiutare.

Ho apportato un aggiornamento in modo che ci sia un solo template… di default in topic-list-item.js abbiamo un codice simile a questo:

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

quindi se sovrascrivo const template nel tema…

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

Questo ora punta a un template separato e, poiché non esiste una controparte mobile con lo stesso nome… viene utilizzato anche per i dispositivi mobili. Grazie per aver ispirato questo cambiamento con la tua domanda @hyd504!

[Don]

È davvero gentile! Ho appena modificato il mio sito con il tema Fakebook Modern Grazie mille!

[Mohit_Jindal]

@awesomerobot @Don

potreste condividere dei link ad alcuni forum di esempio dove posso vedere questo tema in azione?

[Don]

Ciao,

Certamente, puoi vedere il tema Fakebook nel creatore di temi:

@awesomerobot

Anteprima nel creatore di temi

Il mio contiene molte modifiche, ma puoi vederlo qui:

Vaperina

[Mohit_Jindal]

Grazie @Don.

Solo per verificare: l’anteprima punta al tema GitHub - discourse/fakebook-modern · GitHub?