mirror of
https://github.com/go-gitea/gitea.git
synced 2026-10-26 06:16:56 +09:00
edd0c0e2ce
Adds emoji reactions to releases and moves the reaction picker of issues, comments and releases into a GitHub-like reaction bar. - Releases omit 👎 or 😕 - Drafts and tags can't be reacted to - Moved menu to tippy - Added keyboard navigation Fixes: https://github.com/go-gitea/gitea/issues/34268 Fixes: https://github.com/go-gitea/gitea/issues/16676 Co-authored-by: silverwind <me@silverwind.io> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
29 lines
1.7 KiB
Handlebars
29 lines
1.7 KiB
Handlebars
{{$allowedReactions := $.AllowedReactions}}
|
|
{{$canReact := and $allowedReactions ctx.RootData.IsSigned (not ctx.RootData.Repository.IsArchived)}}
|
|
{{if or .Reactions $canReact}}
|
|
<div class="bottom-reactions" data-action-url="{{$.ActionURL}}" role="group" aria-label="{{ctx.Locale.Tr "repo.reactions"}}">
|
|
{{if $canReact}}
|
|
<button type="button" class="select-reaction" data-global-click="onReactionPickerClick" aria-label="{{ctx.Locale.Tr "repo.reactions"}}">{{svg "octicon-smiley"}}</button>
|
|
<div class="tippy-target">
|
|
<div class="reaction-picker">
|
|
{{range $value := $allowedReactions}}
|
|
<a class="item emoji" role="menuitem" data-tooltip-content="{{$value}}" aria-label="{{$value}}" data-reaction-content="{{$value}}" data-has-reacted="{{(index $.Reactions $value).HasUser ctx.RootData.SignedUserID}}" data-global-click="onCommentReactionButtonClick">{{ReactionToEmoji $value}}</a>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
{{range $key, $value := .Reactions}}
|
|
{{$hasReacted := $value.HasUser ctx.RootData.SignedUserID}}
|
|
<a role="button" class="ui label basic{{if not $canReact}} disabled{{end}}"
|
|
data-global-click="onCommentReactionButtonClick"
|
|
data-tooltip-content="{{$value.GetFirstUsers}}{{if gt ($value.GetMoreUserCount) 0}} {{ctx.Locale.Tr "repo.reactions_more" $value.GetMoreUserCount}}{{end}}"
|
|
aria-label="{{$key}}: {{$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>{{len $value}}</span>
|
|
</a>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|