ユーザープロフィールページ / グループのCSSクラス / ページにどうやって追加する?

ユーザーが特定のグループ(例:「一時停止中」)に属していて、そのユーザープロフィールページを管理者ではないユーザーとして表示している場合に、「概要セクション」を非表示にしようとしています。すでにこのテーマコンポーネントをインストールしています: https://meta.discourse.org/t/css-classes-for-current-users-groups/226068。そして、提供された推奨CSSを使用しています。

body:not(.staff) .group-suspended .user-content-wrapper .user-content { display: none; }

問題は、このCSSクラス「group-suspended」が、一時停止中のユーザーのプロフィールページに表示されないことです。「group-」というCSSクラスはページに見当たりません。

この「group-」CSSクラスをユーザープロフィールページに表示させるにはどうすればよいでしょうか?

当社のウェブサイトはこちらです: https://base.championteamtrading.com/

よろしくお願いします!

そのコンポーネントは、現在ログインしているユーザーのCSSクラスを、現在ユーザーが表示しているすべてのページに追加します。

あなたが望むのはその逆で、現在表示されているユーザープロフィールのグループクラスを追加することです。

「いいね!」 2

迅速な返信ありがとうございます!

おっしゃる通り、それが私がやろうとしていることです。これを行う簡単な方法はありますか?私は両方を探しました:

  • HTMLにクラスを追加するためにインストールできる既存のテーマコンポーネント、および
  • そのユーザー変数を取得してコードを記述するためのプラグインAPI関数(ただし、現在のユーザーを取得する関数しか見つかりませんでした)

しかし、これまでのところうまくいっていません。

何かお手伝いいただければ幸いです!

重ねて感謝いたします。

「いいね!」 1

Emberコードにフックして、プロファイルユーザーオブジェクトのグループ属性を取得する必要があります。

このような変更は少し複雑ですが、Developer’s guide to Discourse Themes で詳しく説明されています。

「いいね!」 1