mirror of
https://github.com/go-gitea/gitea
synced 2024-05-19 20:04:01 +02:00
0352b99221
Backport #30453 by @silverwind Enable `no-sizzle` lint rule, there was only one use in `initCompReactionSelector` which I have rewritten as follows: - Remove all jQuery except the necessary fomantic dropdown init - Remove the recursion, instead bind event listeners to common parent container nodes Did various tests, works with our without attachments, in diff view and in diff comments inside comment list. Additionally the style of reactions now matches between code comments and issue comments: <img width="275" alt="Screenshot 2024-04-13 at 14 58 10" src="https://github.com/go-gitea/gitea/assets/115237/9d08f188-8661-4dd9-bff4-cad6d6d09cab"> Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
18 lines
978 B
Handlebars
18 lines
978 B
Handlebars
<div class="bottom-reactions" data-action-url="{{$.ActionURL}}">
|
|
{{range $key, $value := .Reactions}}
|
|
{{$hasReacted := $value.HasUser ctx.RootData.SignedUserID}}
|
|
<a role="button" class="ui label basic{{if $hasReacted}} primary{{end}}{{if not ctx.RootData.IsSigned}} disabled{{end}} comment-reaction-button"
|
|
data-tooltip-content
|
|
title="{{$value.GetFirstUsers}}{{if gt ($value.GetMoreUserCount) 0}} {{ctx.Locale.Tr "repo.reactions_more" $value.GetMoreUserCount}}{{end}}"
|
|
aria-label="{{$value.GetFirstUsers}}{{if gt ($value.GetMoreUserCount) 0}} {{ctx.Locale.Tr "repo.reactions_more" $value.GetMoreUserCount}}{{end}}"
|
|
data-tooltip-placement="bottom-start"
|
|
data-reaction-content="{{$key}}" data-has-reacted="{{$hasReacted}}">
|
|
<span class="reaction">{{ReactionToEmoji $key}}</span>
|
|
<span class="reaction-count">{{len $value}}</span>
|
|
</a>
|
|
{{end}}
|
|
{{if AllowedReactions}}
|
|
{{template "repo/issue/view_content/add_reaction" dict "ActionURL" .ActionURL}}
|
|
{{end}}
|
|
</div>
|