Cómo encontrar rutas o usar URL relativas que incluyan campos dinámicos

[Mr.X_Mr.X]

Estoy intentando agregar rutas a uno de los plugins que estoy utilizando (Discourse Tab Bar) y no pude encontrar nada relevante o fácil de entender para mí buscando en meta.

Estoy intentando identificar el nombre de la ruta que lleva, por ejemplo, a:

domain.com/u/admin/follow/feed

Sé que puedo usar un nombre de ruta predefinido o una URL relativa. Aquí está la pregunta:

1. ¿Cómo puedo encontrar la lista de todas las rutas predefinidas? (si es que existe tal lista)

2. ¿Cómo puedo usar una URL relativa cuando la URL contiene el nombre de usuario (u otro texto dinámico como nombres de grupos)? Por ejemplo, para las URLs que aparecen en el panel de Preferencias.

[JammyDodger]

@Mr.X_Mr.X

¿Cómo puedo usar una URL relativa cuando la URL contiene el nombre de usuario (u otro texto dinámico como nombres de grupos)? Por ejemplo, para las URLs en el panel de Preferencias.

Este lo conozco. Puedes reemplazar /u/usuario por mi para crear un enlace genérico.

Por ejemplo:

https://meta.discourse.org/u/jammydodger/preferences/account

Se convierte en

https://meta.discourse.org/my/preferences/account

https://meta.discourse.org/my/preferences/account

[Mr.X_Mr.X]

Gracias @JammyDodger, eso ayudó mucho.

LE: Todavía estoy buscando una respuesta sobre las rutas, ya que parece que para el tema que estoy usando https://meta.discourse.org/t/discourse-tab-bar-for-mobile/ al utilizar la URL relativa, el botón activo no cambia de color como debería.

[Don]

Hola,

También estoy utilizando los complementos Discourse Tab Bar y Follow. Además, agregué la URL /my/follow/feed a Discourse Tab Bar. La activación de la pestaña tampoco funcionó en mi foro Ahora he creado un pequeño truco de CSS para que esto funcione.

Apunto a la clase del cuerpo actual, que es .user-follow-page, lo cual nos ayuda a mantener las modificaciones de CSS solo en la página de seguimiento. Con esta clase, podemos dirigirnos fácilmente a la pestaña relevante de Discourse Tab Bar.

Lo que debemos hacer es cambiar el color de la pestaña activa atascada al predeterminado (no activa) y agregar el color de la pestaña activa a aquella que tiene data-destination /my/follow/feed.

data-destination es la URL que configuraste en el componente del tema Tab Bar para las pestañas.

Agrega esto a una nueva sección de CSS para componentes móviles.

body.user-follow-page {
  .d-tab-bar {
    .tab {
      &.active {
        color: var(--primary-medium);
      }
      &[data-destination="/my/follow/feed"] {
        color: var(--tertiary);
      }
    }
  }
}

---

@Mr.X_Mr.X

¿Cómo puedo encontrar la lista de todas las rutas predefinidas? (si es que existe tal lista)

Creo que esto es todo: discourse/app/assets/javascripts/discourse/app/routes/app-route-map.js at 9d5da2b383765becb824a8f3ff3665abc8e527fa · discourse/discourse · GitHub

[Mr.X_Mr.X]

Respuesta fantástica.