Tema de Fakebook

Personalización Tema
,
71

Hola Jordan,

Se producen errores cuando un nuevo usuario se registra. La barra lateral derecha no muestra ninguna información excepto el texto de bienvenida y el subtítulo, pero sin el nombre. Sé que muestra los ‘me gusta’ si hay alguno y también las insignias. ¿Sería posible corregir esta barra lateral para que muestre los ‘me gusta’ y las insignias? Me refiero a 0 :heart: recibidos, 0 :heart: enviados y sin insignias. Aún no tienes insignias… Consulta cómo conseguir algunas… o algo similar. Es decir, texto o enlace si aún no hay insignias.

¡Gracias! :slight_smile:

El código de error es para las insignias:

Screen Shot 2020-08-28 at 9.57.53 PM
Screen Shot 2020-08-28 at 9.57.53 PM999×297 102 KB

72

Me gustaría modificarlo como se muestra a continuación.
Sin embargo, no funciona en la pantalla del móvil.
¿Podría alguien ayudarme con qué hacer?

Quiero que el enlace funcione para el extracto del tema y la imagen.

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

Esta es la página web que estoy probando.
https://today16.com/

73

Usa esto en el encabezado móvil :point_down:
<script type='text/x-handlebars' data-template-name='mobile/list/topic-list-item.raw'> . . . </script>

74

iPhone 6S

imagem
imagem640×1136 133 KB

75

Estoy probando esto en el simulador de Xcode con un iPhone 6S y no estoy encontrando este problema.

Tengo algunas preguntas:

¿Es esta captura de pantalla de que estás usando meta.discourse.org?
¿Qué versión de iOS estás usando?
¿Qué navegador web?

Gracias

1 me gusta
76

¿Alguien ha intentado reproducir un video corto subido directamente a Discourse con el tema de Facebook en un teléfono iOS?

¿Debería haber pasado por alto algo en la configuración, pero no puedo reproducir ningún video subido en el teléfono? Funciona bien en la computadora.

Cualquier video incrustado de YouTube funciona.

Por eso no sé qué ha sucedido, no hay errores ni advertencias.

Así que, por favor, denme consejo.

77

Sí, funciona perfectamente para mí en cualquier dispositivo. Creo que es difícil que un tema cause este problema.
¿Has intentado reproducirlo en modo seguro?
¿Podrías publicar el tema donde está el video para que podamos revisarlo?

78

Hola @Don
Sí, deberías probar en el siguiente enlace:
Making sure you're not a bot!

Acabo de probarlo y me aseguro de que no se puede ejecutar en mi iOS 11.

1 me gusta
79

iOS 11 está bastante desactualizado, lo que causa el problema. Puedo reproducir el video sin ningún problema en iOS 14 y funciona muy bien.

4 Me gusta
80

@Don Entendido,

Gracias

1 me gusta
81

¡Esto es fantástico!

Además… ¿es posible añadir un enlace al área de introducción de la barra lateral?

82

¿Dónde está el enlace para agregar el tema?

83
4 Me gusta
85

Hola, estoy aprendiendo sobre el desarrollo de temas y plugins para Discourse. Me encanta el tema Fakebook y lo estoy utilizando para profundizar mi comprensión, pero tengo algunas dudas.

El archivo “javascripts/discourse/templates/mobile/list/topic-list-item.hbr” contiene un 100% de código duplicado del archivo “common/header.html”.

Mis preguntas son:

  1. ¿No hay alguna manera de incluir un archivo hbr dentro de un archivo HTML, de modo que podamos simplemente incluir topic-list-item.hbr en common/header.html en lugar de duplicar el código en dos lugares?
  2. ¿Por qué necesitamos topic-list-item.hbr desde el principio? ¿No deberían los archivos de la carpeta common aplicarse tanto a escritorio como a móvil?
1 me gusta
86

No creo que sea posible… normalmente podría crear un componente que use una plantilla y luego incluirlo para el componente en ambas sobrescrituras… pero nuestros elementos de lista de temas son un tipo especial de plantilla construida para el rendimiento (hbr = plantilla raw de Handlebars), y las plantillas raw no pueden usar componentes. (Algunos debates anteriores en Mounting widget in raw template? - #7 by angus)

Así es como está estructurada la CSS de Discourse (y algunos archivos HTML especiales para temas como encabezado/pie de página, etc.), pero dentro del directorio javascripts/discourse/templates, esas plantillas son sobrescrituras directas de los valores predeterminados de Discourse (cuando no hay una sobrescritura, se utilizan las plantillas predeterminadas).

En Discourse hay dos plantillas: /templates/list/topic-list-item.hbr y /templates/mobile/list/topic-list-item.hbr. Por lo tanto, como hay dos plantillas, necesitamos dos sobrescrituras.

Tal vez exista una forma sencilla de hacer que el móvil apunte a la plantilla no móvil en el JS… ¡pero si existe, no tengo conocimiento de ello!

1 me gusta
87

¡Hablé demasiado pronto! Lo revisé y en realidad lo resolví poco después de publicar la respuesta anterior. A veces, escribir las cosas puede lograr eso.

He realizado una actualización para que sea solo una plantilla… por defecto, en topic-list-item.js tenemos un código que se ve así:

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

así que si anulo const template en el tema…

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

Esto ahora apunta a una plantilla separada y, como no hay una contraparte móvil con el mismo nombre… también se utiliza para móviles. ¡Gracias por inspirar el cambio con tu pregunta @hyd504!

4 Me gusta
88

¡Eso es muy amable! :blush: Acabo de cambiar en mi sitio con el tema Fakebook Modern :slightly_smiling_face: ¡Muchas gracias! :heart:

89

@awesomerobot @Don

¿Pueden compartir enlaces a algunos foros de ejemplo donde pueda ver este tema en acción?

90

Hola,

Por supuesto, puedes ver el tema Fakebook en el creador de temas:

El mío contiene modificaciones relativamente extensas, pero puedes verlo aquí:

1 me gusta
91

Gracias @Don.

Solo para confirmar, ¿el Previsualizador apunta al tema GitHub - discourse/fakebook-modern · GitHub?