動的なフィールドを含むルートの検索方法または相対URLの使用方法

使用しているプラグイン(Discourse Tab Bar)にルートを追加しようとしていますが、Meta で検索しても、私にとって関連性があり、かつ理解しやすい情報が見つかりませんでした。

例えば、以下の URL につながるルート名を特定しようとしています:

domain.com/u/admin/follow/feed

事前に定義されたルート名を使用するか、相対 URL を使用できることは理解しています。ここで質問です:

  1. すべての事前に定義されたルートのリストをどのようにして確認できますか?(もしそのようなリストが存在する場合)

  2. URL にユーザー名(またはグループ名などの他の動的なテキスト)が含まれている場合、相対 URL をどのように使用すればよいでしょうか?例えば、設定パネルにあるような URL の場合です。

これは知っています。:slightly_smiling_face: /u/usernamemy に置き換えることで、汎用的なリンクを作成できます。

例:

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

は、

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

になります。

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

@JammyDodger さん、ありがとうございます。とても助かりました。

追記:ルートの件でまだ答えを探しています。私が使用しているテーマでは、https://meta.discourse.org/t/discourse-tab-bar-for-mobile/ にある相対 URL を使用すると、アクティブなボタンが预期通りに色が変わらないようです。

こんにちは、

Discourse Tab Bar と Follow プラグインも使用しています。Discourse Tab Bar に /my/follow/feed の URL も追加しました。しかし、私のフォーラムでもタブのアクティブ化は機能しませんでした :grin: そこで、これを動作させるために少し CSS のハックを行いました。

現在のボディクラス .user-follow-page をターゲットにすることで、Follow ページでの CSS 変更を維持できます。このクラスを使えば、関連する Discourse Tab Bar のタブを簡単にターゲットにできます。

やるべきことは、固定されたアクティブタブの色をデフォルト(非アクティブ)に変更し、data-destination/my/follow/feed のタブにアクティブタブの色を適用することです。

data-destination は、タブを設定する際に Tab Bar テーマコンポーネントで指定した URL です。

これを新しいコンポーネントのモバイル CSS セクションに追加してください。

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

これはそれではないでしょうか discourse/app/assets/javascripts/discourse/app/routes/app-route-map.js at 9d5da2b383765becb824a8f3ff3665abc8e527fa · discourse/discourse · GitHub

素晴らしい返信です。:heart: :awthanks: