mirror of
https://github.com/go-gitea/gitea
synced 2025-03-10 20:54:30 +00:00
698ae7aa5b
1. Rewrite `dirauto.ts` to `observer.ts`.
* We have been using MutationObserver for long time, it's proven that it
is quite performant.
* Now we extend its ability to handle more "init" works.
2. Use `observeAddedElement` to init all non-custom "dropdown".
3. Use `data-global-click` to handle click events from dynamically
loaded elements.
* By this new approach, the old fragile selector-based
(`.comment-reaction-button`) mechanism is removed.
4. By the way, remove unused `.diff-box` selector, it was abused and
never really used.
A lot of FIXMEs in "repo-diff.ts" are completely fixed, newly loaded
contents could work as expected.
18 lines
1003 B
Handlebars
18 lines
1003 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}}"
|
|
data-global-click="onCommentReactionButtonClick"
|
|
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>
|