플러그인에서 사용할 커스텀 small-actions 생성 방법?

개발
1

포럼용 도메인 특화 플러그인을 개발 중인데, 아래와 유사한 작은 커스텀 액션을 만들고 싶습니다:

image
image782×103 8.5 KB

구체적으로는 아이콘과 텍스트를 커스터마이징할 수 있는 형태로, 이러한 공지사항을 토픽에 표시할 수 있으면 됩니다.

이를 위해 백엔드와 프론트엔드에서 어떤 구조, 모듈, 템플릿 등에 접근해야 하는지 설명해 주실 수 있나요? 아니면 현재 이 기능을 구현하고 있는 기존 플러그인이 있다면 그쪽으로 안내해 주실 수 있을까요?

감사합니다!

2

discourse-assign가 아마도 이에 대한 최고의 예시일 것입니다:

그리고 아이콘/콘텐츠를 추가하기 위한 일부 코드:

https://github.com/discourse/discourse-assign/blob/master/assets/javascripts/discourse-assign/initializers/extend-for-assigns.js.es6#L158-L169

3

감사합니다. 정말 많이 도움이 됐습니다.

작은 액션 표시에 더 풍부한 텍스트를 표시하는 가장 좋은 방법은 무엇일까요?

현재 상태:
image

원하는 상태: (small-action-desc 클래스가 있는 div에 cooked 클래스를 수동으로 삽입하여 이 결과를 얻었습니다)

image

게시물 변환기(post transformers) 관련 소스 코드를 훑어봤지만 이 것과 관련된 것을 찾을 수 없었습니다

수정: 결국 이 내용을 .scss로 추가했습니다

.custom-message {
    ins {
        background-color: dark-light-choose(
            $success-low,
            scale-color($success, $lightness: -60%)
        );
    }
    del {
        background-color: dark-light-choose(
            $danger-low,
            scale-color($danger, $lightness: -60%)
        );
    }
}