Jason Zimdars
25 lines
1.5 KiB
Plaintext
25 lines
1.5 KiB
Plaintext
<% cache reaction do %>
|
|
<div id="<%= dom_id(reaction) %>"
|
|
class="reaction flex-inline postion--relative max-width align-center fill-white gap"
|
|
data-controller="reaction-delete"
|
|
data-reaction-delete-reacter-id-value="<%= reaction.reacter.id %>"
|
|
data-controller="reaction-delete" data-reaction-delete-perform-class="reaction--deleting"
|
|
data-reaction-delete-reveal-class="expanded" data-reaction-delete-reacter-id-value="<%= reaction.reacter.id %>">
|
|
<figure class="reaction__avatar margin-none flex-item-no-shrink">
|
|
<%= avatar_tag reaction.reacter, aria: { label: "#{reaction.reacter.name} reacted #{reaction.content}" }, loading: :lazy %>
|
|
</figure>
|
|
|
|
<%= tag.span reaction.content, role: "button",
|
|
class: [ "txt-small", { "txt-medium": reaction.all_emoji? } ],
|
|
data: { action: "click->reaction-delete#reveal keydown.enter->reaction-delete#reveal:prevent", reaction_delete_target: "content" } %>
|
|
|
|
<%= button_to bucket_bubble_comment_reaction_path(comment.bubble.bucket, comment.bubble, comment, reaction),
|
|
method: :delete,
|
|
class: "btn btn--negative flex-item-justify-end reaction__delete",
|
|
data: { action: "reaction-delete#perform", reaction_delete_target: "button" } do %>
|
|
<%= image_tag "minus.svg", size: 20, aria: { hidden: "true" } %>
|
|
<span class="for-screen-reader">Delete this reaction</span>
|
|
<% end %>
|
|
</div>
|
|
<span id="delete_reaction_accessible_label" class="for-screen-reader">Press enter to delete this reaction</span>
|
|
<% end %> |