indentlabs/notebook

<%= content_tag :article,
                id:    dom_id(topic),
                class: ['thredded--topics--topic', topic_css_classes(topic)],
                data: {topic: topic.id, messageboard: topic.messageboard_id} do %>
  <div class="thredded--topics--posts-count"><%= topic.posts_count %></div>

  <div class="thredded--topics--follow-info" title="<%= topic_follow_reason_text topic.follow_reason %>">
    <svg class="thredded--topics--follow-icon" viewBox="0 0 116 121" role="img">
      <% if topic.followed? %>
        <use xlink:href="#thredded-follow-icon"></use>
      <% else %>
        <use xlink:href="#thredded-unfollow-icon"></use>
      <% end %>
    </svg>
  </div>

  <h1 class="thredded--topics--title">
    <% if user_signed_in? %>
      <%
        @current_user_unread_and_followed_topics ||= Thredded::Topic.unread_followed_by(current_user).pluck(:id)
        if @current_user_unread_and_followed_topics.include?(topic.id)
      %>
        <i class="material-icons amber-text tooltipped" style="font-size: 0.9em"
          data-tooltip="You are following this thread and there are unread replies."
          data-position="right">
          notifications_active
        </i>
      <% end %>
    <% end %>
    <%= link_to topic.title, topic.path %>
  </h1>

  <% if topic.categories.any? %>
    <ul class="thredded--topics--categories">
      <%= render topic.categories %>
    </ul>
  <% end %>

  <cite class="thredded--topics--updated-by">
    last post
    <%= time_ago topic.last_post_at %>
    by
    <%= user_link topic.last_user %>
  </cite>

  <% if topic.blocked? && topic.can_moderate? %>
    <span class="thredded--topics--moderation-state thredded--alert thredded--alert-danger">
      <%= render 'thredded/shared/content_moderation_blocked_state', moderation_record: topic.last_moderation_record %>
    </span>
  <% end %>
<% end %>

<% if local_assigns[:sticky_topics_divider] &&
    !topic_iteration.last? && topic.sticky? && !topics[topic_counter + 1].sticky? %>
  <%= render 'thredded/topics/sticky_topics_divider' %>
<% end %>