improvment reactions page

This commit is contained in:
localhost_frssoft 2023-11-06 16:45:04 +03:00
parent 6b3240dd9a
commit 4d240f9ca0
3 changed files with 25 additions and 14 deletions

View file

@ -123,10 +123,19 @@ frame, body {
display: inline-block; display: inline-block;
} }
.pleroma-reactions form { .pleroma-reactions #emoj {
display: inline-block; display: inline-block;
} }
.pleroma-reactions form {
display: block;
}
.scrollable-emoji {
max-height: 240px;
overflow: scroll;
}
.status-action a { .status-action a {
display: inline-block; display: inline-block;
} }

View file

@ -3,24 +3,26 @@
<div class="page-title"> Reactions </div> <div class="page-title"> Reactions </div>
{{$st_id := .ID}} {{$st_id := .ID}}
<div class="page-title"> Add reaction </div> <div class="page-title"> Add reaction </div>
<div class="scrollable-emoji" style="overflow-y: scroll; height:200px;"> <div class="scrollable-emoji">
<div class="pleroma-reactions"> <div class="pleroma-reactions">
{{$emoji_filter := $.Ctx.AddReactionsFilter}}
{{range $shortcode, $code := .ReactionEmojis}}
{{if Allowed_emoji_page $shortcode $emoji_filter}}
<form action="/react-with/{{$st_id}}?emoji={{$code}}" method="post" target="_self" title="{{$shortcode}}">
<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
<input type="submit" value="{{$code}}" class="pleroma-emoji">
</form>
{{end}}
{{end}}
<form action="/react-with/{{$st_id}}" method="post" target="_self" title="Custom akkoma reactions (ex. :blobemoji:)"> <form action="/react-with/{{$st_id}}" method="post" target="_self" title="Custom akkoma reactions (ex. :blobemoji:)">
<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}"> <input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}"> <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
<input type="text" label="ex. :pleromaemoji:" id="akkoma-reaction" cols=30 name="akkoma-reaction"> <input type="text" placeholder=":blobfoxexample: or 🤗" id="akkoma-reaction" cols=30 name="akkoma-reaction" autofocus autocomplete="on">
<input type="submit" value="Send custom reaction" class="pleroma-emoji"> <input type="submit" value="Send custom reaction" class="pleroma-emoji">
<a href="/emojis">emoji list</a>
</form> </form>
{{$emoji_filter := $.Ctx.AddReactionsFilter}}
{{range $shortcode, $code := .ReactionEmojis}}
{{if Allowed_emoji_page $shortcode $emoji_filter}}
<form action="/react-with/{{$st_id}}?emoji={{$code}}" method="post" target="_self" >
<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
<input type="submit" value="{{$code}}" class="pleroma-emoji">
{{$shortcode}}
</form>
{{end}}
{{end}}
</div> </div>
</div> </div>

View file

@ -121,7 +121,7 @@
<div class="pleroma-reactions"> <div class="pleroma-reactions">
{{range .Pleroma.Reactions}} {{range .Pleroma.Reactions}}
{{$react := "react"}} {{if .Me}} {{$react = "unreact"}} {{end}} {{$react := "react"}} {{if .Me}} {{$react = "unreact"}} {{end}}
<form action="/{{$react}}-with/{{$st_id}}?emoji={{.Name}}" method="post" target="_self"> <form id="emoj" action="/{{$react}}-with/{{$st_id}}?emoji={{.Name}}" method="post" target="_self">
<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}"> <input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}"> <input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
{{if .Url}} {{if .Url}}