scinote-web/app/views/reports/elements/_step_comments_element.html.erb

<% if step.blank? and @step.present? then step = @step end %>
<% if order.blank? and @order.present? then order = @order end %>
<% comments = step.step_comments.order(created_at: order) %>
<% timestamp = Time.current + 1.year %>
<div class="report-element report-comments-element report-step-comments-element" data-ts="<%= timestamp.to_i %>" data-order="asc" data-type="step_comments" data-id='{ "step_id": <%= step.id %> }' data-scroll-id="<%= step.id %>" data-name="<%=t "projects.reports.elements.step_comments.sidebar_name" %>" data-icon-class="fas fa-comment">
  <div class="report-element-header">
    <div class="row">
      <div class="pull-left comments-icon">
          <span class="fas fa-comment"></span>
      </div>
      <div class="pull-left comments-name">
        <%=t "projects.reports.elements.step_comments.name", step: step.name %>
      </div>
      <div class="pull-right controls">
        <%= render partial: "reports/elements/element_controls.html.erb", locals: { show_sort: true } %>
      </div>
    </div>
  </div>
  <div class="report-element-body">
    <div class="row">
      <div class="col-xs-12 comments-container">
        <% if comments.count == 0 %>
          <em><%=t "projects.reports.elements.step_comments.no_comments" %></em>
        <% else %>
          <ul class="no-style comments-list">
            <% comments.each do |comment| %>
              <% comment_ts = comment.created_at %>
              <li class="comment" data-ts="<%= comment_ts.to_i %>">
                <span class="comment-prefix">
                  <em><%=t "projects.reports.elements.step_comments.comment_prefix", user: comment.user.full_name, date: l(comment_ts, format: :full_date), time: l(comment_ts, format: :time) %></em>
                </span>
                <span class="comment-message">
                  &nbsp;
                  <%= custom_auto_link(comment.message, team: current_team) %>
                </span>
              </li>
            <% end %>
          </ul>
        <% end %>
      </div>
    </div>
  </div>
  <div class="report-element-children">
    <%= children if (defined? children and children.present?) %>
  </div>
</div>