Tema creado: Ordenar

Alteras · 13 Agosto, 2024 20:03


	Resumen	Añade una columna de fecha de creación ordenable a la lista de temas
	Vista previa	https://discourse.theme-creator.io/theme/Alteras/created-topic-sort
	Repositorio	GitHub - Alteras1/discourse-created-topic-sort: Discourse theme component adds topic sorting by created date · GitHub
	Guía de instalación	Cómo instalar un tema o un componente de tema
	¿Nuevo en los temas de Discourse?	Guía para principiantes sobre el uso de los temas de Discourse

Instalar este componente de tema

Esto añade una columna de fecha de creación ordenable a la lista de temas. También añade una pestaña opcional “Creado” en la barra de navegación.

En la vista de escritorio, se añade una columna completa. En móvil, la fecha de creación solo se añade junto a la fecha de actividad cuando se selecciona la ordenación por “Creado” (véanse las capturas de pantalla a continuación).

Antes de utilizar este componente, es posible que sea conveniente evaluar la necesidad de tu comunidad de conocer la fecha de creación. Ya existe una forma integrada para marcar automáticamente los temas recién creados dentro de un determinado período de tiempo (personalizable por los usuarios en Preferencias > Seguimiento > Temas).

Configuración

Habilitar el elemento de la barra de navegación “Ordenar por fecha de creación”

Añade un elemento a la barra de navegación “Ordenar por fecha de creación” al menú de navegación. Valor por defecto: true

Capturas de pantalla

Escritorio

Móvil

Habilitar la columna solo en el filtro de fecha de creación

Evita que se muestre la columna de fecha de creación fuera del filtro de fecha de creación. Requiere que “Habilitar el elemento de la barra de navegación Ordenar por fecha de creación” sea true. Valor por defecto: false

Habilitar el elemento de la barra de navegación en la página de inicio

Añade el elemento de la barra de navegación “Ordenar por fecha de creación” en la página de inicio. Valor por defecto: true

Habilitar la columna en la página de inicio

Añade la columna “Creado” en la página de inicio. Valor por defecto: true

Categorías para mostrar el elemento de la barra de navegación

Lista de categorías para mostrar en el elemento de la barra de navegación “Ordenar por fecha de creación”. Déjalo vacío para mostrarlo en todas las categorías. Valor por defecto: empty

Categorías para mostrar la columna de fecha de creación

Lista de categorías para mostrar la columna “Creado”. Déjalo vacío para mostrarlo en todas las categorías. Valor por defecto: empty

Etiquetas para mostrar el elemento de la barra de navegación

Lista de etiquetas para mostrar el elemento de la barra de navegación “Ordenar por fecha de creación”. Déjalo vacío para mostrarlo en todas las etiquetas. Valor por defecto: empty

Etiquetas para mostrar la columna de fecha de creación

Lista de etiquetas para mostrar la columna “Creado”. Déjalo vacío para mostrarlo en todas las etiquetas.
Valor por defecto: empty

Elemento de la barra de navegación antes

Ajusta la posición del elemento de la barra de navegación en la lista. Valor por defecto: top.

Capturas de pantalla

Ordenación

Vista móvil

Con categoría y etiquetas

Compatibilidad y notas

En móvil, la funcionalidad de ordenación ya está muy limitada, por lo que la fecha de creación solo funcionaría como información. El campo adicional solo aparece si la fecha de creación es diferente de la fecha de reactivación.

La compatibilidad con Miniaturas de la lista de temas es limitada. En estilo de lista, funcionará con normalidad. En estilo de blog, la fecha de creación se mueve a la esquina inferior derecha. En estilo de cuadrícula y estilo de mampostería, la fecha de creación solo es visible cuando se selecciona el filtro “Creado”, y reemplazará a la fecha de actividad. En estilo minimalista, la fecha de creación está oculta.

Monikas · 15 Agosto, 2024 10:20

¡Vaya, otro plugin perfecto que cambia el foro! Sería genial si pudiera integrarse con el plugin Discourse Nav Item Icon / Emoji.

Don · 15 Agosto, 2024 13:30

Creo que debería funcionar.
Simplemente agrégalo, por ejemplo:
emoji:created_date:twitter:spiral_calendar:filter

Alteras · 15 Agosto, 2024 15:46

¡Confirmo que añadir la configuración como la tiene Don funciona!

davidkingham · 16 Agosto, 2024 20:57

¡Muy bien! Desafortunadamente, no funciona bien con el TC de Miniaturas de Temas, añade una hora extra por alguna razón:

Nota la hora extra de 7h en la parte inferior del centro.

Parece que puedo simplemente ocultar este .topic-list .topic-list-data:last-of-type, pero pensé que te lo haría saber

EDITAR: Encontré otra rareza, cuando hago clic en Últimos, resalta Creado, y cuando hago clic en Creado, resalta Últimos

Alteras · 16 Agosto, 2024 21:29

Vaya. Eso es interesante. Parece que es solo un efecto secundario extraño de cómo las Miniaturas de Temas y la Ordenación de Temas Creados se añaden a las plantillas al mismo tiempo. ¿Podría ser un problema con el modo masonry y grid? Veré si puedo hacer un ajuste adecuado en el CSS en lugar de simplemente ocultarlo, una vez que descubra una forma limpia de detectar el uso del componente de tema.
El resaltado para lo último y lo creado suena muy raro. Lo creado solo debería resaltarse cuando la URL tiene /latest?order=created en ella… mmm…

Alteras · 17 Agosto, 2024 00:10

He actualizado algunos de los componentes para hacerlos más bonitos (o al menos para que coincidan) con el componente Topic Thumbnails.

En el estilo de blog, la fecha de creación se traslada a la parte inferior derecha. No pude encontrar una forma limpia de colocarla justo al lado de la fecha de actualización, así que esto tendrá que servir. En el estilo de cuadrícula y mampostería, la fecha de creación solo es visible cuando se selecciona el filtro “Creado” y reemplazará la fecha de actividad. Intenté que la fecha de actividad y la fecha de creación se mostraran al mismo tiempo, pero hizo que la tarjeta se sintiera abarrotada. En el estilo mínimo, la fecha de creación está oculta.

putty · 31 Enero, 2025 16:55

¿Sería difícil añadir un ámbito de categoría a esto? Nos encantaría tenerlo en nuestra sección de anuncios, pero no necesitamos que se muestre en nuestras discusiones generales, etc.

Alteras · 31 Enero, 2025 22:58

¡En absoluto! Acabo de lanzar una actualización que añade cuatro nuevas configuraciones para ayudar a controlar dónde se muestran el elemento de la barra de navegación y la columna.

Habilitar elemento de la barra de navegación en la página de inicio: Añade el elemento de la barra de navegación “Ordenar por fecha de creación” en la página de inicio.
Habilitar columna en la página de inicio: Añade la columna “Creado” en la página de inicio.
Categorías para mostrar el elemento de la barra de navegación: Lista de categorías para mostrar en el elemento de la barra de navegación “Ordenar por fecha de creación”. Deja vacío para mostrar en todas las categorías.
Categorías para mostrar la columna creada: Lista de categorías para mostrar la columna “Creado”. Deja vacío para mostrar en todas las categorías.

Sin embargo, ten en cuenta que las restricciones para mostrar la columna solo funcionan en sitios que utilizan los nuevos cambios en la lista de temas.

putty · 3 Febrero, 2025 14:07

¡Muchas gracias! ¡Esto es increíble!

dsims · 26 Marzo, 2025 23:44

¿Hay alguna forma de hacer que esta sea la página de inicio predeterminada? He visto que algunos complementos agregan opciones a la configuración del sitio “Menú superior”, así que creo que es posible.

Luego, podría reemplazar efectivamente el “Último” estándar ocultando ese con CSS.

Alteras · 27 Marzo, 2025 15:29

La página de inicio predeterminada se puede establecer con un poco de JS:

import { setDefaultHomepage } from "discourse/lib/utilities";
setDefaultHomepage("/latest?order=created");

Añadir la opción a la configuración del Menú Superior es definitivamente preferible, pero no creo que haya una forma de hacerlo desde un TC (Theme Component), al menos por lo que revisé la última vez. Tendré que ver si algo ha cambiado mientras tanto.

dsims · 27 Marzo, 2025 16:13

¡Gracias! Eso debería funcionar, pero añade %3F_discourse_homepage_rewrite a la URL, lo que interfiere con la clasificación.

github.com/discourse/discourse

app/assets/javascripts/discourse/app/lib/homepage-router-overrides.js

ee1ad8e19


      
            }
          }
          
          const homepageRewriteParam = "_discourse_homepage_rewrite";
          
          /**
           * Returns a magic URL which `discovery-index` will redirect to.
           * We watch for this, and then perform the rewrite in the router.
           */
          export function homepageDestination() {
            return `/${defaultHomepage()}?${homepageRewriteParam}=1`;
          }
          
          function rewriteIfNeeded(url, transition) {
            const intentUrl = transition?.intent?.url;
            if (
              intentUrl?.startsWith(homepageDestination()) ||
              (transition?.intent.name === `discovery.${defaultHomepage()}` &&
                transition?.intent.queryParams[homepageRewriteParam])
            ) {
              const params = (intentUrl || url).split("?", 2)[1];

dsims · 27 Marzo, 2025 16:38

Pude solucionar eso haciendo setDefaultHomepage("latest?order=created&");
Pero ahora el problema es que, aunque todos los indicadores lo dicen, la clasificación real no se aplica.

Así que probé la misma URL usando Custom Homepage for Groups y eso sí funcionó No estoy seguro de por qué la redirección de ese componente funcionaría de manera diferente, ya que estoy bastante seguro de que utiliza el mismo método.

dsims · 27 Marzo, 2025 17:04

Lo descubrí, necesitaba borrar el PreloadStore

Así que uno puede editar tu tema predeterminado o un nuevo componente para agregar esto al JS:

import { apiInitializer } from "discourse/lib/api";
import { setDefaultHomepage } from "discourse/lib/utilities";
import PreloadStore from "discourse/lib/preload-store";

export default apiInitializer((api) => {
  setDefaultHomepage("latest?order=created&");
  PreloadStore.remove("topic_list");
});

y este CSS para eliminar la pestaña Latest:

li.nav-item_latest {
    display: none;
}

Ojalá pudiera quedarse en la URL de la página de inicio raíz, pero eso probablemente requerirá un plugin.

dsims · 19 Junio, 2025 15:56

Terminé creando ese plugin: Created as Default Sort Order
Así que mi página de inicio se ordena limpiamente por fecha de creación. Todavía uso este componente para agregar la columna.

RGJ · 28 Octubre, 2025 10:12

¡Gracias por este gran componente temático!

He realizado una PR muy pequeña y simple que permite configurar dónde aparece el elemento de la barra de navegación.

Alteras · 28 Octubre, 2025 14:54

¡Gracias por el PR! Lo he fusionado y actualizado la descripción de la configuración en el OP.

davidkingham · 2 Mayo, 2026 00:46

¿Es posible que esto funcione en una vista de etiqueta? Actualmente, cuando se ve una etiqueta, la opción de menú creada desaparece. ¡Gracias!

Alteras · 5 Mayo, 2026 23:53

¡Actualizado! Se han añadido las configuraciones tags_to_display_nav_bar_item y tags_to_display_created_column.

Tema		Respuestas	Vistas
Sort by Created Date Feature	1	141	15 Agosto 2024
Add topics-sorted-by-create-time to `top menu` Support	2	1021	28 Mayo 2020
MD Topic List component Theme component	73	9716	7 Septiembre 2025
Created as Default Sort Order Plugin	0	142	19 Junio 2025
How to show topics ordered by date of publishing via user interface? Feature	7	1014	18 Julio 2023

Tema creado: Ordenar

Configuración

Habilitar el elemento de la barra de navegación “Ordenar por fecha de creación”

Habilitar la columna solo en el filtro de fecha de creación

Habilitar el elemento de la barra de navegación en la página de inicio

Habilitar la columna en la página de inicio

Categorías para mostrar el elemento de la barra de navegación

Categorías para mostrar la columna de fecha de creación

Etiquetas para mostrar el elemento de la barra de navegación

Etiquetas para mostrar la columna de fecha de creación

Elemento de la barra de navegación antes

Capturas de pantalla

Ordenación

Vista móvil

Compatibilidad y notas

Temas relacionados