잠금 배지 아이콘 숨기기

:information_source: 요약 보안 카테고리 및 채팅 채널의 잠금 배지 아이콘을 숨깁니다
:hammer_and_wrench: 저장소 https://github.com/Lillinator/hide-lock-badge-icon
:question: 설치 가이드 테마 또는 테마 컴포넌트 설치 방법

이 테마 컴포넌트 설치

개요

이 간단한 테마 컴포넌트는 드롭다운 카테고리 선택기, 헤더 브레드크럼, 내비게이션 사이드바 메뉴, 검색 결과 및 해당 카테고리 채팅 채널에서 보안 카테고리의 잠금 배지 아이콘을 숨길 수 있게 해줍니다.

일부 사용자는 잠금 아이콘이 카테고리가 잠겨 있어 접근할 수 없다는 의미라고 오해할 수 있습니다. Discourse에서는 접근 권한이 있는 내용만 볼 수 있으므로, 잠금 아이콘은 단순히 해당 카테고리가 다른 사용자에게 제한되어 있음을 나타내는 지표입니다. 또한, 잠금 아이콘은 닫힌 토픽을 나타내는 데에도 사용됩니다(이 컴포넌트는 이러한 아이콘은 숨기지 않습니다). 따라서 일부 관리자는 카테고리 잠금 아이콘을 완전히 숨기는 것을 원할 수 있으며, 이 컴포넌트는 바로 그 기능을 수행합니다.

설정

설정 항목은 하나입니다. 스태프(관리자)를 위한 토글 옵션으로, 잠금 아이콘을 보는 것이 스태프 멤버에게 유용한 지표가 될 수 있기 때문입니다.

스크린샷

컴포넌트 효과

컴포넌트 비활성화 시:

컴포넌트 활성화 시:


Lilly의 다른 Discourse 관련 콘텐츠 보기
16개의 좋아요

좋네요! 여러 사이트에서 이 문제를 해결하기 위해 몇 번이나 해킹한 적이 있는데, 설정 가능한 테마 컴포넌트로 제공되니 정말 훌륭합니다. 정말 유용한 커스터마이징을 잘 만들어내시는군요!!

한 가지만 확인하고 싶은데, 각 슬러그와 ID를 직접 지정하는 대신 카테고리 선택자를 사용할 수 있을까요? 가끔 카테고리를 이름 변경하거나 이동하는 저 같은 사람들에게는 그런 방식이 더 유지보수가 용이할 것 같아서요. 또한 하위 카테고리 관리에도 도움이 될 것 같습니다.

참고로, 현재 하위 카테고리는 어떻게 입력해야 하나요?

2개의 좋아요

네이선, 감사합니다! 정말 감사해요 :slight_smile:

잠금 아이콘을 일부 위치에서 숨기는 게 실제로 좀 까다로워서, 카테고리 ID도 함께 필요해요. 검색 결과에서도 적용해 보고 싶은데, 검색 결과에서 특정 카테고리만 골라내는 건 거의 불가능에 가깝네요. :upside_down_face:

2개의 좋아요

좋은 지적이네요. 슬러그를 슬래시로 구분해서 category-slug/subcategory-slug (예: boats/motorboats;8) 형식으로 작성하고 서브카테고리 ID만 사용하면 됩니다. 다만 해당 위치에 잠금 아이콘을 숨기도록 설정하면 서브카테고리가 상위 카테고리를 상속받게 됩니다.

이 내용을 원문(OP)에 추가하겠습니다.

네, 실제로 처음에는 그 방식으로 개발을 시작했는데 기대했던 결과가 나오지 않았습니다. 님이 설명하신 이유들로 인해 그 방식이 더 선호되므로 해당 방법으로 계속 작업해 보겠습니다. 네이던, 훌륭한 피드백 주셔서 감사합니다. 정말 고맙습니다. :slight_smile:

2개의 좋아요

일부 필드 설명에 대한 수정 사항과 하위 범주에 대한 추가 정보를 반영하여 컴포넌트를 업데이트했으며, 하위 범주 사용법에 대한 올바른 지침으로 OP(원문 게시글)도 수정했습니다.

3개의 좋아요

여기 다른 주제에서 제가 올린 질문에 대한 답변으로 만들어주신 훌륭한 테마 컴포넌트입니다. CSS에 익숙하지 않은 우리들이 포럼을 더 효과적으로 관리할 수 있도록 시간을 내어 도와주셔서 정말 감사드립니다.

2개의 좋아요

오, 감사합니다. 저한테는 그 아이콘들이 정보 전달보다는 오히려 시선을 분산시키는 것 같아요 — 특히 실제 접근 권한과 관련해서 그 의미가 너무 다양하기 때문이죠.

1개의 좋아요

다음 항목으로 해당 컴포넌트를 업데이트했습니다:

  • 스태프 대상 잠금 아이콘 표시를 전환하는 설정
  • 카테고리 필드를 비워 두면 기본값으로 모든 보안 카테고리에서 잠금 아이콘이 숨겨집니다.
  • 검색 결과 및 검색 메뉴 패널에서 잠금 아이콘이 이제 숨겨집니다.
  • 탐색 사이드바 메뉴의 카테고리 선택자 모달에서도 잠금 아이콘이 숨겨집니다.

4개의 좋아요

좋아요!!! 네비게이션 사이드바와 검색 기능에 대한 확장 아이디어가 정말 마음에 들어요.

카테고리 선택자로 구현하는 것에 대해 더 생각해 본 부분이 있나요? 제 무지한 눈에는 slug이든 ID든 카테고리 객체에서 비교적 쉽게 가져올 수 있을 것 같아요.

1개의 좋아요

헷, 네, 이 작업에 대해 조금 진행을 해보았고 거의 다 왔는데, ID에서 카테고리 슬러그를 가져오는 자바스크립트 코드를 작성하는 데 어려움을 겪고 있었습니다. 기존 라이브러리에서 어떤 메서드를 사용해야 하는지, 그리고 기본적인 프레임워크는 알고 있지만, 조금 더 시간을 들여 디버깅을 해야 할 것 같습니다. 현재는 카테고리 선택기로 대부분의 기능을 구현해 두었지만, 일부 위치에서는 슬러그가 필요합니다. 자바스크립트에 더 능숙한 사람이라면 더 빠르게 해결할 수 있을 거라고 생각합니다. LolaBot(GPT)은 전혀 도움이 되지 않아서 허공에서 모호한 배열만 만들어냈습니다. ㅋㅋ

여유가 생길 때, 이것을 완성하는 것은 제 할 일 목록에 올라 있습니다. 또한 이제 제 곁에 자바스크립트 고수들이 몇 명 더 생겼습니다. 헤헤

3개의 좋아요

:clinking_glasses:

새로운 기능 요청

이 TC가 카테고리용 대용물 잠금 아이콘을 위한 좋은 장소일까요?

:unlock: 아이콘이 Discourse의 카테고리와 하위 카테고리에는 훨씬 더 적절하다고 생각합니다. :lock: 아이콘은 닫힌 주제에 훨씬 더 잘 어울리는 것 같습니다.

참고로 이 주제는 이미 '세 번의 규칙’을 충족했습니다(본인 포함!). 그리고 공동 CEO의 사랑도 듬뿍:

이건 가능하고, 컴포넌트를 만들 때 이걸 한번 시도해 봤어요. 잠금 해제된 자물쇠 아이콘으로 교체했을 때, 아이콘이 너무 작아서 외형상의 차이가 그렇게 눈에 띄지 않았거든요 (그 크기에서는 잠금 상태와 해제 상태 아이콘이 크게 달라 보이지 않아요). 나중에 다시 검토해 볼 수도 있겠네요. 솔직히 말해서, 열쇠 아이콘도 그 크기에서는 별로 좋지 않게 보였어요.

2개의 좋아요

Category Icons 테마 구성 요소에 이미 해당 기능이 있는 것 같은데, 혹시 도움이 될까요?

4개의 좋아요

지난번에 봤을 때 사이드바에서 작동하지 않았는데, 아마도 그건 이미 오래전에 수정되었을 거예요! 지금은 잘 작동하네요. 감사합니다!

아마도 가장 좋은 방법은 두 TC를 하나로 합치는 것일 것입니다. 둘 다 범주와 관련된 아이콘에 관한 것이므로, 이 부분은 겹치는 영역이니까요.

1개의 좋아요

이 훌륭하지만 비공식적인 테마 컴포넌트와의 호환성을 추가하는 데 열려 있으신가요?

아니면 반대로, 그쪽이 이쪽과 호환되도록 만드는 것이 더 나을 수도 있습니다. 어떻게 생각하시나요?

2개의 좋아요

이 내용을 포함하는 풀 리퀘스트를 보내도 괜찮을까요? 유용한 추가 사항으로 보입니다.

2개의 좋아요

무엇이든 괜찮습니다. 지금은 이 작업에 시간을 내기 어렵지만, hide lock 배지 컴포넌트를 공식 컴포넌트로 만들겠다는 일반적인 계획은 가지고 있습니다. 다만 아직 진행하지 못했을 뿐이죠. 또한 이 컴포넌트를 조금 더 개선하고 싶습니다. 특히 카테고리 설정 부분이 직관적이지 않아요. 구분자를 사용하는 그런 텍스트 입력 필드는 정말 싫어합니다. 핵심 부분의 몇 가지 변경 사항이 있었으니, 코드를 좀 리프레시하고 업데이트할 필요가 있을 것 같습니다. 자유롭게 포크해서 작업해 주세요! PR은 언제나 환영입니다. 이 컴포넌트는 제가 처음 만든 테마 컴포넌트 중 하나인 것 같습니다.

2개의 좋아요

여기 작은 버그를 발견했어요:

이것을 카테고리에 적용하면 해당 카테고리의 모든 하위 카테고리에도 영향을 미치는데(이건 별로예요). 제한된 비공개 하위 카테고리를 사용하는 제 상황에서는 이 때문에 유용하게 사용할 수 없어요.

2개의 좋아요

그리고 이를 해결하기 위한 PR입니다:

1개의 좋아요

병합했습니다. 네이선, 해줘서 감사합니다! :hugs:

1개의 좋아요