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

- if a.comments.all.count == 0
  There are no comments yet.
- else
  %ul.comments
    - a.comments.all.each do |comment|
      %li{data: { comment_id: comment.id }}
        .media
          .pull-left
            %img.img-rounded.answerbox--img{src: gravatar_url(comment.user)}
          .media-body
            %h6.media-heading.answerbox--question-user= user_screen_name comment.user
            %p= comment.content
          - if user_signed_in?
            .pull-right
              %btn-group
                %button.btn.btn-link.btn-sm.dropdown-toggle{data: { toggle: :dropdown }, aria: { expanded: :false }}
                  %span.caret
                %ul.dropdown-menu.dropdown-menu-right{role: :menu}
                  - if privileged? a.user
                    %li.text-danger
                      %a{href: '#', name: 'ab-destroy', data: { a_id: comment.id }}
                        %i.fa.fa-trash-o
                        Delete
                  %li
                    %a{href: '#', name: 'ab-report', data: { a_id: comment.id }}
                      %i.fa.fa-exclamation-triangle
                      Report
- if user_signed_in?
  .form-group.has-feedback{name: 'ab-comment-new-group', 'data-a-id' => a.id}
    %input.form-control.comments--box{type: :text, placeholder: 'Comment...', name: 'ab-comment-new', data: {a_id: a.id }}
    %span.text-muted.form-control-feedback.comments--count{id: "ab-comment-charcount-#{a.id}"} 160