article-vote.html

<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<unload target="article-vote.scss" vars="$rxpFlexTheme->variables" />
<load target="article-vote.js" />

<div class="app-article-vote" data-target-srl="{$oDocument->document_srl}">
    {@
    $isMyVoted = $oDocument->getMyVote() == 1;
    $voteActiveClassName = $isMyVoted ? 'active' : null;
    }
    <a class="app-article-toolbar__item app--is-vote app-tooltip {$voteActiveClassName} <!--@if($isMyVoted)-->true<!--@end-->" title="좋아요" data-type="up" onclick="alArticleVote(this)">

        <div class="app-icon">
            <!--@if($isMyVoted)-->
            <!--<ion-icon name="triangle-sharp"></ion-icon>-->
            <i class="thumbup"></i>
            <!--@else-->
            <!--<ion-icon name="triangle-sharp"></ion-icon>-->
            <i class="thumbup"></i>
            <!--@end-->
        </div>
        <span class="app-article-vote__count">
         {$oDocument->get('voted_count') > 0 ? $oDocument->get('voted_count') : '0'}
        </span>
    </a>

    {@
    $isMyBlamed = $oDocument->getMyVote() == -1;
    $blameActiveClassName = $isMyBlamed ? 'active' : null;
    }
    <a class="app-article-toolbar__item app--is-blame app-tooltip {$blameActiveClassName} <!--@if($isMyBlamed)-->true<!--@end-->" title="싫어요" data-type="down" onclick="alArticleVote(this)">

        <div class="app-icon">
            <!--@if($isMyBlamed)-->
            <i class="thumbdown"></i>
            <!--<ion-icon name="triangle-sharp" class="rotate"></ion-icon>-->
            <!--@else-->
            <i class="thumbdown"></i>
            <!--<ion-icon name="triangle-sharp" class="rotate"></ion-icon>-->
            <!--@end-->
        </div>
        <span class="app-article-vote__count">
          {$oDocument->get('blamed_count') < 0 ? $oDocument->get('blamed_count') : '0'}
        </span>

    </a>
</div>