사이드바 사용자 커스텀 필드 토글 (SFW 모드)

무엇을 해주시길 원하시나요?

사이드바(또는 논의 가능한 다른 위치)에 사용자 커스텀 필드 값을 토글하는 버튼을 추가해 주셨으면 합니다. 기본적으로 이 방식을 반대로 적용하여 “SFW” 모드를 설정합니다. 하지만 해당 값은 사용자가 선택적으로 설정할 수 있으며, 웹사이트 기본 설정은 NSFW이므로, 사용자가 프로필 설정에 들어가서 작고 눈에 잘 띄지 않는 체크박스를 찾는 데 시간이 걸립니다.

그래서 두 가지 상태(On/Off)를 가진 버튼을 배치하여 사용자의 커스텀 필드 값을 변경하는 아이디어를 제안합니다. 기본 상태는 NSFW(사용자의 필드가 체크되지 않음, 또는 0)입니다. 두 번째 상태는 SFW(사용자의 필드가 체크됨)입니다.

언제까지 완료되길 원하시나요?

경험 있는 테마 컴포넌트 개발자에게는 비교적 간단한 작업일 것 같습니다 :slight_smile: 여유 있게 진행해 주셔도 됩니다.

이 작업을 위해 제공하실 예산(USD)은 얼마인가요?

가격을 말씀해 주세요. 쉬운 작업처럼 보입니다.

1개의 좋아요

아마도 이 일에 관심이 있는 걸까요?

4개의 좋아요

이게 누군가에게 하는 질문인지 잘 모르겠어요 :slight_smile: 함께 일해봐요 :slight_smile:

3개의 좋아요

이 테마 구성요소를 환영 링크 배너와 함께 사용할 수 있을까요?

1개의 좋아요

정말 멋진 테마 컴포넌트네요! User Field Prompt

Discourse 메타 사이트를 얼마나 자주 방문하든, 항상 Discourse에 대한 새로운 것을 발견하는 것은 놀라운 일입니다.

설명된 작업은 게시글 필드(post fields)의 개념과는 다릅니다. 또한 언급하신 Welcome Link Banner와 같은 다른 테마 컴포넌트와 상호작용하려는 의도도 아닙니다.

현재 제가 볼 수 있는 최대 커스터마이징은 다음과 같은 기본적인 커스터마이징 옵션을 도입하는 것입니다:

  • Custom Header Links (icons)와 같은 수많은 테마 컴포넌트의 예시를 참고하여 관리자가 Create/Update/Delete 버튼을 생성/수정/삭제할 수 있는 Discourse 텍스트 필드

  • 관리자가 버튼에 다음을 지정할 수 있습니다:

    • 이름 (CSS 용도로 사용할 ID)
    • 두 상태(상태별)에 사용할 SVG 아이콘 이름 (font-awesome 스프라이트나 웹사이트 커스텀 SVG에 존재해야 함)
    • 커스텀 필드 ID
1개의 좋아요

아직 직접 사용해 보진 않았지만, 페이지 게시 기능도 있습니다.

코드를 보면 몇 가지 아이디어를 얻을 수 있을 것 같습니다. 사용자 필드를 사용하는 컴포넌트가 몇 가지 있습니다. 최근 추가된 기능 중 하나는 멤버가 특정 단어 목록을 감시하는 기능으로, 해당 단어 단어가 포함된 게시글을 숨기게 됩니다.

또한 제 생각에, 햄버거 메뉴나 헤더에서 스위치 토글을 사용하는 테마 컴포넌트도 몇 가지 있습니다.

커스텀 헤더 링크도 작동할 수 있습니다.

확신은 없지만, 체크박스를 통해 해당 사용자 설정 체크박스의 링크를 복사할 수 있을지도 모릅니다.

죄송합니다. 첫 문장 몇 개에서부터 이해가 잘 안 되는데, 위에서 언급된 주제와 관련이 없는 것 같아서요.

P.S. 프로필에 있는 웹사이트의 SSL 인증서가 만료되었네요 :unlocked:

1개의 좋아요

사이트 주소를 업데이트해야 합니다. 클라이언트가 .ai에서 .com으로 바뀌었네요. :facepalm:

위에 말씀드린 아이디어를 말씀드린 것입니다. 사용자 필드 프롬프트의 소스 코드를 살펴보면, NSFW 사용자 설정을 전환하는 데 필요한 코드에 대한 힌트를 얻을 수 있습니다. 그런 다음 Thene 컴포넌트의 라이트/다크 모드 전환 기능과 같은 것을 참고하여, NSFW 사용자 설정을 조작하는 토글을 만드는 아이디어를 결합해 보세요.

오, 이제 이해가네요. 글쎄요, 첫 번째 게시물에서 언급했던 이 솔루션의 바퀴를 다시 발명하고 있는 것 같습니다: Our solution for blurring NSFW content

해당 솔루션은 말씀하신 내용을 수행합니다. 사용자의 필드 값을 확인하고 JS를 통해 CSS 클래스를 설정합니다. 첫 번째 게시물에서 사용된 코드는 비추천(deprecated)된 Discourse 메서드에 의존하고 있으므로, 반드시 이 메시지의 코드를 기반으로 사용하시기 바랍니다.

또한, 사용자의 그룹에 따라 웹사이트의 모양과 기능을 조정하기 위해 이 내용도 참고해 보실 수 있습니다: CSS Classes for Current User's Groups :slight_smile:

1개의 좋아요

토글 자체와 다크/라이트 모드 토글에 대한 언급에 관해서는, 완성되면 공개할 예정인 이 컴포넌트의 향후 개발자들이 참고할 가치가 있을 것 같습니다. @Lhc_fl 이 현재 무언가를 작업 중이며, 우리는 hopefully 먼저 프로덕션 환경에서 직접 테스트해 볼 수 있을 것입니다 :slight_smile:

2개의 좋아요

정말 멋진 것 같아요. 저는 아직 코딩을 배우는 초보자에 불과합니다. 배울 것이 아직도 많아요.

제가 본 바로는 Lhc_fl은 정말 재능이 많은 것 같아요.

1개의 좋아요

완료되었습니다: Sidebar User Field Toggle

Yep Reaction GIF by C H A R L Ö T T E

감사합니다, @Lhc_fl :heart:

3개의 좋아요

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.