사용자 프로필 페이지 / 그룹용 CSS 클래스 / 페이지에 추가하는 방법?

개발
1

특정 그룹(예: “suspended”)에 속한 사용자의 "요약 섹션"을 숨기려고 합니다. (관리자가 아닌 상태에서 해당 사용자 프로필 페이지를 볼 때) 이미 이 테마 컴포넌트가 설치되어 있습니다. CSS Classes for Current User's Groups, 그리고 제공된 권장 CSS를 사용하고 있습니다:

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

문제는 "group-suspended"라는 CSS 클래스가 정지된 사용자의 프로필 페이지에 나타나지 않는다는 것입니다. 페이지에서 “group-” CSS 클래스를 전혀 찾을 수 없습니다.

사용자 프로필 페이지에 이 “group-” CSS 클래스가 나타나도록 하려면 어떻게 해야 할까요?

저희 웹사이트는: https://base.championteamtrading.com/ 입니다.

감사합니다!

2

해당 컴포넌트는 현재 로그인한 사용자의 CSS 클래스를 해당 사용자가 보고 있는 모든 페이지에 추가합니다.

원하시는 것은 그 반대, 즉 현재 보고 있는 사용자 프로필 페이지의 그룹 클래스를 추가하는 것입니다.

3

빠른 답변 감사합니다!

네, 맞습니다. 제가 하려는 것이 바로 그것인데, 쉽게 할 수 있는 방법이 있을까요? 다음 두 가지를 모두 찾아봤습니다:

  • HTML에 클래스를 추가하기 위해 설치할 기존 테마 컴포넌트
  • 해당 사용자 변수를 가져와서 코드를 작성할 수 있는 플러그인 API 함수 (하지만 현재 사용자를 가져오는 함수만 찾았습니다)

하지만 아직까지 원하는 것을 찾지 못했습니다.

도움 주시면 감사하겠습니다!

다시 한번 감사합니다.

4

프로필 사용자 객체의 groups 속성을 가져오려면 Ember 코드에 연결해야 합니다.

이러한 변경 사항은 조금 더 복잡하지만, Discourse 테마 개발자 가이드에서 자세히 설명되어 있습니다.