Mike Dalessio
ffab4cad6f
- Reaction: belongs_to :reactable (polymorphic) instead of :comment - Comment: has_many :reactions with as: :reactable - Views: use reaction.reactable instead of reaction.comment - Fixtures: use polymorphic syntax for reactable association Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
28 lines
1.4 KiB
Plaintext
28 lines
1.4 KiB
Plaintext
<div id="<%= dom_id(reaction) %>"
|
|
class="reaction"
|
|
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-deleteable-class="reaction--deleteable"
|
|
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}" } %>
|
|
</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 card_comment_reaction_path(reaction.reactable.card, reaction.reactable, reaction),
|
|
method: :delete,
|
|
class: "reaction__delete btn btn--negative flex-item-justify-end",
|
|
data: { action: "reaction-delete#perform", reaction_delete_target: "button" } do %>
|
|
<%= icon_tag "trash" %>
|
|
<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>
|