리액션 버튼 추가하기

리액션 추가 버튼과 리액션 목록을 나타내기위해 게시판 스킨에서 사용할 수 있는 템플릿 코드를 제공합니다.

<!-- 리액션 버튼 -->
<div
    class="da-reaction"
    x-da-reaction-print
    x-data="daReaction('대상ID')"
></div>

이와 같이 '대상ID'를 지정하여 리액션 버튼을 추가할 수 있습니다.

글과 댓글에 리액션 버튼 추가하기

글과 댓글에 '대상ID'를 지정하기 위해 다음과 같이 헬퍼를 이용할 수 있습니다.

ReactionHelper 클래스는 '대상ID'를 좀 더 손쉽게 생성하는데 사용합니다.

글에 추가하기

적용하려는 게시판 스킨의 view.skin.php 파일에 다음과 같이 추가합니다.

ReactionHelper::generateIdDocument() 헬퍼를 사용할 수 있습니다.

<!-- 글 리액션 -->
<div
    x-da-reaction-print
    x-data="daReaction('<?= \Damoang\G5Plugin\Reaction\ReactionHelper::generateIdDocument($bo_table, $view) ?>')"
></div>

댓글에 추가하기

적용하려는 게시판 스킨의 view_comment.skin.php 파일에 다음과 같이 추가합니다.

ReactionHelper::generateIdComment() 헬퍼를 사용할 수 있습니다.

<!-- 댓글 리액션 -->
<div
    x-da-reaction-print
    x-data="daReaction('<?= \Damoang\G5Plugin\Reaction\ReactionHelper::generateIdComment($bo_table, $list[$i]) ?>')"
></div>

NOTE

대상 ID 생성에 사용한 헬퍼 메소드의 이름에 주의해야합니다.

글은 ReactionHelper::generateIdDocument() 메소드를 사용하고,
댓글은 ReactionHelper::generateIdComment() 메소드를 사용합니다.

버튼 커스텀하기

TIP

기본으로 표시되는 리액션 추가하기 버튼의 위치를 변경하거나, 커스텀 버튼을 추가할 수 있습니다.

-> 버튼 커스텀하기