Retrospring/app/views/answerbox/_comments.haml

- if a.comments.all.count == 0
  = t 'views.answerbox.no_comment'
- else
  %ul.comment__container
    - a.comments.order(:created_at).each do |comment|
      %li.comment{data: { comment_id: comment.id }}
        %div{class: "ab-comment-smile-list", style: "height: 0; width: 0"}= render "modal/comment_smiles", comment: comment
        .media
          .pull-left
            %img.comment__user-avatar.avatar-md{src: comment.user.profile_picture.url(:medium)}
          .media-body
            %h6.media-heading.comment__user
              = user_screen_name comment.user
              %span.text-muted{title: comment.created_at, data: { toggle: :tooltip, placement: :right }}
                = "#{time_ago_in_words(comment.created_at)} ago"
            .comment__content
              = markdown comment.content
          .pull-right
            %span.d-none.d-sm-inline.text-muted
              - unless user_signed_in?
                - if comment.smile_count > 0
                  %button.btn.btn-link.answerbox__action{name: 'ab-smile-comment', disabled: true}
                    %i.fa.fa-smile-o
                    %span{id: "ab-comment-smile-count-#{comment.id}"}= comment.smile_count
            - if user_signed_in?
              - if current_user.smiled_comment? comment
                %button.btn.btn-link.answerbox__action{type: :button, name: 'ab-smile-comment', data: { c_id: comment.id, action: :unsmile }}
                  %i.fa.fa-fw.fa-frown-o
                  %span{id: "ab-comment-smile-count-#{comment.id}"}= comment.smile_count
              - else
                %button.btn.btn-link.answerbox__action{type: :button, name: 'ab-smile-comment', data: { c_id: comment.id, action: :smile }}
                  %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: { toggle: :dropdown }, aria: { expanded: :false }}
                  %span.caret
                .dropdown-menu.dropdown-menu-right{role: :menu}
                  %a.dropdown-item{href: '#', type: :button, data: { target: "#modal-view-comment#{comment.id}-smiles", toggle: :modal}}
                    %i.fa.fa-smile-o
                    = t 'views.actions.view'
                  - if privileged?(comment.user) or privileged?(a.user)
                    %a.dropdown-item.text-danger{href: '#', data: { action: 'ab-comment-destroy', c_id: comment.id }}
                      %i.fa.fa-trash-o
                      = t 'views.actions.delete'
                  - unless comment.user == current_user
                    %a.dropdown-item{href: '#', data: { action: 'ab-comment-report', c_id: comment.id }}
                      %i.fa.fa-exclamation-triangle
                      = t 'views.acions.report'
- if user_signed_in?
  .form-group.has-feedback.comment__input-group{name: 'ab-comment-new-group', data: { a_id: a.id }}
    %input.form-control.comment__input{type: :text, placeholder: t('views.placeholder.comment'), name: 'ab-comment-new', data: {a_id: a.id }}
    %span.text-muted.form-control-feedback.comment__character-count{id: "ab-comment-charcount-#{a.id}"} 160