Wie man Routen findet oder relative URLs mit dynamischen Feldern verwendet

Unterstützung
1

Ich versuche, Routen zu einem der Plugins hinzuzufügen, die ich verwende (Discourse Tab Bar), und konnte durch die Suche im Meta-Bereich nichts Relevantes oder für mich leicht Verständliches finden.

Ich möchte den Routennamen identifizieren, der beispielsweise zu folgender Adresse führt:

domain.com/u/admin/follow/feed

Ich weiß, dass ich entweder einen vordefinierten Routennamen oder eine relative URL verwenden kann. Hier ist die Frage:

  1. Wie kann ich die Liste aller vordefinierten Routen finden? (Falls es so eine Liste überhaupt gibt.)

  2. Wie kann ich eine relative URL verwenden, wenn die URL den Benutzernamen (oder anderen dynamischen Text wie Gruppennamen) enthält? Zum Beispiel für URLs im Bereich „Einstellungen".

2

Das kenne ich. :slightly_smiling_face: Du kannst /u/benutzername einfach durch mein ersetzen, um einen generischen Link zu erstellen.

Zum Beispiel:

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

Wird zu

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

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

3

Danke @JammyDodger, das hat sehr geholfen.

LE: Ich suche immer noch nach einer Antwort bezüglich der Routen, da es so aussieht, als ob bei dem von mir verwendeten Theme https://meta.discourse.org/t/discourse-tab-bar-for-mobile/ der aktive Button bei Verwendung der relativen URL seine Farbe nicht wie vorgesehen ändert.

4

Hallo,

ich verwende ebenfalls das Discourse Tab Bar-Plugin und das Follow-Plugin. Ich habe auch die URL /my/follow/feed zum Discourse Tab Bar hinzugefügt. Die Tab-Aktivierung funktionierte auf meinem Forum ebenfalls nicht :grin: Jetzt habe ich einen kleinen CSS-Hack erstellt, um dies zu beheben.

Ich zielen auf die aktuelle Body-Klasse ab, nämlich .user-follow-page. Das hilft uns, die CSS-Änderungen auf der Follow-Seite zu beschränken. Mit dieser Klasse können wir ganz einfach den entsprechenden Discourse Tab Bar-Tab ansprechen.

Wir müssen die Farbe des festgeklebten aktiven Tabs in die Standardfarbe (nicht aktiv) ändern und dieser Klasse die Farbe des aktiven Tabs hinzufügen, die den data-destination-Wert /my/follow/feed hat.

data-destination ist die URL, die Sie im Tab Bar-Theme-Component für die Tabs festgelegt haben.

Fügen Sie dies in den mobilen CSS-Bereich eines neuen Components ein:

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

Ich glaube, das ist es: discourse/app/assets/javascripts/discourse/app/routes/app-route-map.js at 9d5da2b383765becb824a8f3ff3665abc8e527fa · discourse/discourse · GitHub

5

Fantastische Antwort. :heart: :awthanks: