사용자 지정 주제 정렬 순서 버튼

[Don]

	요약	주제 정렬 순서 버튼
	미리보기	Theme Creator
	저장소	GitHub - VaperinaDEV/custom-topic-sort-order-button: Add a custom topic sorting button to the topic list. · GitHub
	설치 가이드	테마 또는 테마 컴포넌트 설치 방법
	Discourse 테마가 처음이신가요?	Discourse 테마 사용 입문가이드

이 테마 컴포넌트 설치

안녕하세요

이 테마 컴포넌트는 주제 생성 버튼 옆에 새로운 버튼을 추가하여 주제 목록의 정렬 순서를 변경할 수 있게 해줍니다. 주요 목표 중 하나는 모바일 기기에서도, 그리고 주제 목록 헤더 섹션이 숨겨진 테마에서도 주제 정렬을 쉽게 사용할 수 있도록 하는 것이었습니다.

항목을 클릭하면 해당 항목 오른쪽에 정렬 방향(오름차순 또는 내림차순)이 표시됩니다.

내림차순 (아이콘)	오름차순 (아이콘)

설정

이 컴포넌트는 사용자 정화를 위한 여러 설정을 포함하고 있습니다.

객체 설정

객체 설정을 통해 각 항목의 아이콘, 라벨, 액션 및 순서를 변경할 수 있습니다.

• icon → Discourse 아이콘 세트의 아이콘 이름
• label → 번역 키 (참고: /admin/customize/site_texts)
• action → 정렬 액션 식별자
• order → 드롭다운에서 항목의 위치

label 예시:

이 경우 라벨 필드에는 js.likes를 입력해야 합니다.

[Moin]

훌륭한 컴포넌트네요! 비슷한 것을 만들어 보고 싶었습니다.

GitHub 저장소에 라이선스를 추가하지 않으셨다는 걸 알아차렸습니다.

op_likes와 같은 더 많은 정렬 옵션을 추가하는 풀 리퀘스트를 받아 주실 수 있을까요?

lib/topic_query.rb

[Lilly (Lillian)]

이 컴포넌트 정말 훌륭해요, Don! 잘 만들었네요! 이걸 만들어줘서 감사합니다

[Don]

물론이죠! PR 환영합니다, @Moin

[Lilly (Lillian)]

한 가지 눈여겨본 점은, 선택 항목 중 하나를 클릭하면 드롭다운이 사라질 거라고 어느 정도 기대하고 있다는 겁니다. 뷰가 변경된 후에도 사라지지 않아서 외부 영역을 클릭해야만 사라집니다. 하지만 이게 의도된 설계일 수도 있겠네요 - 확신은 없어요 ㅋㅋ

[Don]

네, 의도된 동작입니다 — 같은 항목을 다시 클릭하면 정렬 방향이 바뀌어요.

[Lilly (Lillian)]

네, 더 사용해본 후에도 그렇게 생각했어요. 이 컴포넌트를 정말 좋아해요 — 제 인스턴스에서 매우 유용하게 쓰고 있어요. 다시 한번 감사해요

[Lilly (Lillian)]

카테고리 페이지에 sort by 버튼이 표시되지만, 해당 페이지에서는 아무 동작을 하지 않는 것을 확인했습니다. 이 경우 버튼을 숨기는 것이 좋을 것 같습니다.

[Don]

Lilly, 감사합니다 병합했습니다: DEV: Remove sort button on categories page · VaperinaDEV/custom-topic-sort-order-button@1325272 · GitHub

[Moin]

병합되었습니다.

추가 주문 옵션에 대해 제가 선택한 아이콘과 라벨

{
	"icon": "custom-heart-circle-one",
	"label": "js.category.sort_options.op_likes",
	"action": "op_likes"
},
{
	"icon": "user-group",
	"label": "js.posters",
	"action": "posters"
},
{
	"icon": "far-square",
	"label": "js.category.sort_options.category",
	"action": "category"
},
{
	"icon": "square-plus",
	"label": "js.topic_voting.vote_title_plural",
	"action": "votes"
}

이 옵션들이 덜 일반적으로 사용된다고 생각하여 기본 설정에 추가하지 않았습니다. 하지만 이 옵션들을 추가하면, 이제 첫 게시물에 대한 좋아요 수, 게시자 수, 카테고리 ID, 그리고 토픽 투표 플러그인이 사용될 경우 투표 수로도 정렬할 수 있습니다.

모바일에서 라벨이 숨겨져 있을 때도 좋아요와 첫 게시물 좋아요를 구별할 수 있도록 OP(첫 게시물) 좋아요를 위한 아이콘을 만들었습니다.

[eisammy (Sammy)]

모바일에서 옵션을 선택하면 DOM이 로드될 때까지 이 모달이 위로 이동합니다.
UI 버그인가요?