Retrospring/app/views/answerbox/_comments.html.haml

27 lines
1.4 KiB
Plaintext
Raw Normal View History

2023-03-11 10:48:04 -08:00
- if comments.all.count.zero?
2022-07-30 13:45:40 -07:00
= t(".none")
- else
2020-05-02 12:23:04 -07:00
%ul.comment__container
2023-03-11 10:48:04 -08:00
- comments.order(:created_at).each do |comment|
2020-05-10 05:22:04 -07:00
%li.comment{ data: { comment_id: comment.id } }
2022-01-29 12:28:24 -08:00
%div{ style: "height: 0; width: 0" }= render "modal/comment_smiles", comment: comment
.d-flex
.flex-shrink-0
%a{ href: user_path(comment.user) }
%img.comment__user-avatar.avatar-sm{ src: comment.user.profile_picture.url(:small), loading: :lazy }
.flex-grow-1
%h6.comment__user
2015-05-16 20:36:23 -07:00
= user_screen_name comment.user
%span.text-muted{ title: comment.created_at, data: { bs_toggle: :tooltip, bs_placement: :right } }
= t("time.distance_ago", time: time_ago_in_words(comment.created_at))
2020-05-02 12:23:04 -07:00
.comment__content
= markdown comment.content
.flex-shrink-0.ms-auto
%button.btn.btn-link.answerbox__action{ type: :button, name: "ab-smile-comment", data: { c_id: comment.id, action: current_user&.smiled?(comment) ? :unsmile : :smile }, disabled: !user_signed_in? }
%i.fa.fa-fw.fa-smile-o
%span{ id: "ab-comment-smile-count-#{comment.id}" }= comment.smile_count
.btn-group
%button.btn.btn-link.btn-sm.dropdown-toggle{ data: { bs_toggle: :dropdown }, aria: { expanded: false } }
%span.caret
= render "actions/comment", comment: comment, answer: a