Come trovare route o usare URL relativi che includono campi dinamici

Supporto
1

Sto cercando di aggiungere delle rotte a uno dei plugin che sto utilizzando (Discourse Tab Bar), ma cercando su Meta non ho trovato nulla di pertinente o facile da capire per me.

Sto cercando di identificare il nome della rotta che porta, ad esempio, a:

domain.com/u/admin/follow/feed

So che posso utilizzare sia un nome di rotta predefinito che un URL relativo. Ecco la domanda:

  1. Come posso trovare l’elenco di tutte le rotte predefinite? (se esiste anche solo un tale elenco)

  2. Come posso utilizzare un URL relativo quando l’URL contiene il nome utente (o altro testo dinamico come i nomi dei gruppi)? Ad esempio per gli URL presenti nel pannello delle Preferenze.

2

Questo lo so. :slightly_smiling_face: Puoi sostituire /u/nomeutente con my per creare un link generico.

Ad esempio:

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

Diventa

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

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

3

Grazie @JammyDodger, è stato di grande aiuto.

LE: Sto ancora cercando una risposta riguardo alle rotte, perché sembra che per il tema che sto utilizzando https://meta.discourse.org/t/discourse-tab-bar-for-mobile/ con l’URL relativo, il pulsante attivo non cambi colore come dovrebbe.

4

Ciao,

Anch’io sto utilizzando il plugin Discourse Tab Bar e Follow. Ho aggiunto anche l’URL /my/follow/feed a Discourse Tab Bar. Anche nel mio forum l’attivazione della scheda non funzionava :grin: Ora ho creato un piccolo trucco CSS per risolvere il problema.

Mi rivolgo alla classe del body corrente, che è .user-follow-page; questo ci aiuta a mantenere le modifiche CSS solo nella pagina di Follow. Con questa classe possiamo facilmente selezionare la scheda pertinente di Discourse Tab Bar.

Dobbiamo cambiare il colore della scheda attiva bloccata in quello predefinito (non attiva) e applicare il colore della scheda attiva alla scheda che ha data-destination impostato su /my/follow/feed.

data-destination è l’URL che hai configurato nel componente del tema Tab Bar per le schede.

Aggiungi questo a una nuova sezione CSS mobile del componente:

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

Credo che sia questo: discourse/app/assets/javascripts/discourse/app/routes/app-route-map.js at 9d5da2b383765becb824a8f3ff3665abc8e527fa · discourse/discourse · GitHub

5

Risposta fantastica. :heart: :awthanks: