34 lines
2.3 KiB
Text
34 lines
2.3 KiB
Text
<article class="notification__preview crayons-card">
|
|
<a href="<%= json_data["article"]["path"] %>" class="crayons-link block notification__preview__inner">
|
|
<h3 class="notification__preview__title"><%= h(json_data["article"]["title"]) %></h3>
|
|
<div class="flex flex-wrap fs-s">
|
|
<% json_data["article"]["cached_tag_list_array"].each do |tag| %>
|
|
<span class="mr-2"><span class="opacity-50">#</span><%= tag %></span>
|
|
<% end %>
|
|
</div>
|
|
</a>
|
|
|
|
<% cache "activity-published-article-reactions-#{@last_user_reaction}-#{json_data['article']['updated_at']}-#{json_data['article']['id']}" do %>
|
|
<footer class="comment-actions notification__actions">
|
|
<button
|
|
class="crayons-btn crayons-btn--ghost crayons-btn--icon-left crayons-btn--s reaction-like reaction-button <%= Reaction.cached_any_reactions_for?(notification.mocked_object("article"), current_user, "like") ? "reacted" : "" %>"
|
|
data-reactable-id="<%= json_data["article"]["id"] %>"
|
|
data-category="like"
|
|
data-reactable-type="Article">
|
|
<%= crayons_icon_tag("small-heart", class: "reaction-icon not-reacted", title: t("views.reactions.like.icon")) %>
|
|
<%= crayons_icon_tag("small-heart-filled", class: "reaction-icon--like reaction-icon reacted", title: t("views.reactions.like.icon")) %>
|
|
<span class="hidden m:inline-block"><%= t("views.reactions.like.text") %></span>
|
|
</button>
|
|
|
|
<button
|
|
class="ml-auto crayons-btn crayons-btn--ghost crayons-btn--icon-right crayons-btn--s reaction-readinglist reaction-button readinglist-button <%= Reaction.cached_any_reactions_for?(notification.mocked_object("article"), current_user, "readinglist") ? "reacted" : "" %>"
|
|
data-reactable-id="<%= json_data["article"]["id"] %>"
|
|
data-category="readinglist"
|
|
data-reactable-type="Article">
|
|
<span class="reaction-button-text hidden m:inline-block"><%= t("views.reactions.readingList.text") %></span>
|
|
<%= crayons_icon_tag("small-save", class: "reaction-icon not-reacted", title: t("views.reactions.readingList.icon")) %>
|
|
<%= crayons_icon_tag("small-save-filled", class: "reaction-icon--readinglist reaction-icon reacted", title: t("views.reactions.readingList.icon")) %>
|
|
</button>
|
|
</footer>
|
|
<% end %>
|
|
</article>
|