使用しているプラグイン(Discourse Tab Bar)にルートを追加しようとしていますが、Meta で検索しても、私にとって関連性があり、かつ理解しやすい情報が見つかりませんでした。
例えば、以下の URL につながるルート名を特定しようとしています:
domain.com/u/admin/follow/feed
事前に定義されたルート名を使用するか、相対 URL を使用できることは理解しています。ここで質問です:
-
すべての事前に定義されたルートのリストをどのようにして確認できますか?(もしそのようなリストが存在する場合)
-
URL にユーザー名(またはグループ名などの他の動的なテキスト)が含まれている場合、相対 URL をどのように使用すればよいでしょうか?例えば、設定パネルにあるような URL の場合です。
これは知っています。
/u/username を my に置き換えることで、汎用的なリンクを作成できます。
例:
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 を使用すると、アクティブなボタンが预期通りに色が変わらないようです。
Don
4
こんにちは、
Discourse Tab Bar と Follow プラグインも使用しています。Discourse Tab Bar に /my/follow/feed の URL も追加しました。しかし、私のフォーラムでもタブのアクティブ化は機能しませんでした
そこで、これを動作させるために少し 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