neocities/views/_news.erb

<script type="text/javascript">
  function getPage(currentPage) {
    document.location.href = '?current_page='+currentPage+'&activity=<%= Rack::Utils.escape(params[:activity]) %>'
  }
</script>
<script src="/js/news/template.js"></script>
<script src="/js/news/like.js"></script>
<script src="/js/news/comment.js"></script>
<script src="/js/news/profile_comment.js"></script>
<script src="/js/news/event.js"></script>
<script src="/js/news/site.js"></script>

<% events.each do |event| %>
  <% if event.profile_comment_id %>
    <div class="news-item comment" id="event_<%= event.id %>">
      <%== erb :'_news_profile_comment', layout: false, locals: {profile_comment: event.profile_comment, event: event} %>
  <% elsif event.tip_id %>
    <% actioning_site = event.actioning_site_dataset.select(:id, :username, :title, :domain, :stripe_customer_id, :plan_type).first %>
    <% event_site = event.site_dataset.select(:id, :username, :title, :domain, :stripe_customer_id, :plan_type).first %>
    <% tip = event.tip %>
    <div class="news-item tip">
      <div class="title">
        <div class="icon">
          <% if actioning_site %>
          <a href="/site/<%= actioning_site.username %>" title="<%= actioning_site.username %>" class="avatar" style="background-image: url(<%= actioning_site.screenshot_url 'index.html', '50x50' %>);"></a>
          <% end %>
        </div>

        <div class="text">
          <div class="headline">
            <% if actioning_site %>
              <% if current_site && current_site.id == actioning_site.id %>
                <a href="/site/<%= current_site.username %>" class="you">You</a>
              <% else %>
                <a href="/site/<%= actioning_site.username %>" class="user" title="<%= actioning_site.title %>"><i class="fa fa-user"><% if actioning_site.supporter? %><img src="/img/verified-badge.svg" style="width:1.2em; height:1.2em;"><% end %></i><%= actioning_site.username %></a>
              <% end %>
            <% else %>
              An anonymous donor
            <% end %>

            sent a <strong><%= tip.amount_string %></strong> tip to

            <% if current_site && event_site.id == current_site.id %>
              <a href="/site/<%= current_site.username %>" class="you">you</a>!
            <% else %>
              <a href="/site/<%= event_site.username %>" class="user" title="<%= event_site.title %>"><i class="fa fa-user"><% if event_site.supporter? %><img src="/img/verified-badge.svg" style="width:1.2em; height:1.2em;"><% end %></i><%= event_site.username %></a>!
            <% end %>
          </div>

          <span class="comment"><%= tip.message %></span>
        </div>

        <span class="date">
          <a href="/site/<%= event_site.username %>?event_id=<%= event.id %>"><%= event.created_at.ago %></a>
        </span>
      </div>

  <% elsif event.follow_id %>
    <% actioning_site = event.actioning_site_dataset.select(:id, :username, :title, :domain, :stripe_customer_id, :plan_type).first %>
    <% next if actioning_site.nil? %>
    <% event_site = event.site_dataset.select(:id, :username, :title, :domain, :stripe_customer_id, :plan_type).first %>
    <div class="news-item follow">
      <div class="title">

      <div class="icon"><a href="/site/<%= actioning_site.username %>" title="<%= actioning_site.username %>" class="avatar" style="background-image: url(<%= actioning_site.screenshot_url 'index.html', '50x50' %>);"></a></div>

      <div class="text">
        <% if current_site && current_site.id == actioning_site.id %>
          <a href="/site/<%= current_site.username %>" class="you">You</a>
        <% else %>
          <a href="/site/<%= actioning_site.username %>" class="user" title="<%= actioning_site.title %>"><i class="fa fa-user"></i><%= actioning_site.username %><% if actioning_site.supporter? %><img src="/img/verified-badge.svg" style="width:1.0em; height:1.0em;"><% end %></a>
        <% end %>

        followed

        <% if current_site && event_site.id == current_site.id %>
          <a href="/site/<%= current_site.username %>" class="you">you</a>
        <% else %>
          <a href="/site/<%= event_site.username %>" class="user" title="<%= event_site.title %>"><i class="fa fa-user"></i><%= event_site.username %><% if event_site.supporter? %><img src="/img/verified-badge.svg" style="width:1.0em; height:1.0em;"><% end %></a>
        <% end %>
      </div>

      <span class="date">
        <a href="/site/<%= event_site.username %>?event_id=<%= event.id %>"><%= event.created_at.ago %></a>
      </span>
    </div>
  <% elsif event.site_change_id %>
    <% site_change_filenames = event.site_change.site_change_filenames %>
    <div class="news-item update">
      <div class="title">
        <div class="icon"></div>
        <div class="text">
          <% event_site = event.site_dataset.select(:id, :username, :title, :domain, :plan_type).first %>
          <% if current_site && event_site.id == current_site.id %>
            You updated your site.
          <% else %>
            <a href="/site/<%= event_site.username %>" class="user" title="<%= event_site.title %>"><%= event_site.title.shorten(45) %></a> was updated.
          <% end %>
        </div>
        <span class="date">
          <a href="/site/<%= event_site.username %>?event_id=<%= event.id %>"><%= event.created_at.ago %></a>
        </span>
      </div>

      <% unless site_change_filenames.empty? %>
        <div class="content">
          <div class="files">
            <% site_change_filenames.each do |f| %>
              <div class="file">
                <div class="html-thumbnail <%= site_change_file_display_class f %>">
                  <a href="https://<%= event_site.host %><%= f == 'index.html' ? '' : "/#{f}" %>">
                    <% if site_change_file_display_class(f) == 'html' %>
                      <img src="<%= event_site.screenshot_url(f, '540x405') %>">
                    <% elsif site_change_file_display_class(f) == 'image' %>
                      <!-- <span class="image-container"><img src="<%= event_site.thumbnail_url(f, '210x158') %>"></span> -->
                    <% elsif site_change_file_display_class(f) == 'misc' %>
                      <!--
                      <span class="misc-icon">
                        <%= File.extname(f).sub('.', '') %>
                      </span>
                      -->
                    <% end %>
                      <span class="title" title="<%= f %>">
                        <% if f == 'index.html' %>
                          <%= event_site.title %>
                        <% else %>
                          <%= f %>
                        <% end %>
                      </span>
                  </a>
                </div>
              </div>
            <% end %>
          </div>
        </div>
      <% end %>
  <% end %>

  <% if !event.follow_id %>
    <%== erb :'_news_actions', layout: false, locals: {event: event} %>
  <% end %>

  <% if event.undeleted_comments_count > 0 %>
    <div class="content">
      <div class="comments">
        <% event.undeleted_comments.each do |comment| %>
          <% comment_actioning_site = comment.actioning_site_dataset.select(:id, :title, :domain, :username, :stripe_customer_id, :plan_type).first %>
          <% comment_event_site = comment.event.site_dataset.select(:id, :title, :domain, :username, :stripe_customer_id, :plan_type).first %>
          <div class="comment" id="comment_<%= comment.id %>">
            <a href="/site/<%= comment_actioning_site.username %>"><img class="avatar" src="<%= comment_actioning_site.screenshot_url('index.html', '50x50') %>"></a>
            <a href="/site/<%= comment_actioning_site.username %>" class="user" title="<%= comment_actioning_site.title %>"><i class="fa fa-user"><% if comment_actioning_site.supporter? %><img src="/img/verified-badge.svg" style="width:1.2em; height:1.2em;"><% end %></i><%= comment_actioning_site.username %></a>
            <span class="date">
              <a href="/site/<%= comment_event_site.username %>?event_id=<%= event.id %>"><%= comment.created_at.ago %></a>
            </span>
            <p><%== sanitize_comment comment.message %></p>
          </div>
          <div class="actions">
            <% comment_likes_count = comment.comment_likes_dataset.count %>
            <% if current_site %>
              <a href="#" class="comment_like" id="comment_<%= comment.id %>_like" data-placement="bottom" data-toggle="tooltip" data-original-title="<%= comment.liking_site_usernames.join('<br>') %>" onclick="Comment.toggleLike(<%= comment.id %>, '<%= csrf_token %>'); return false"><%= comment.site_likes?(current_site) ? 'Unlike' : 'Like' %><%= comment_likes_count > 0 ? " (#{comment_likes_count})" : '' %></a>
            <% else %>
              <% if comment_likes_count > 0 %>
                <%= comment_likes_count %>&nbsp;<%= comment_likes_count == 1 ? 'like' : 'likes' %>
              <% end %>
            <% end %>

            <% if current_site %>
              <% if event.site_id == current_site.id || comment.actioning_site_id == current_site.id %>
                <a href="#" onclick="Comment.delete(<%= comment.id %>, '<%= csrf_token %>'); return false">Delete</a>
              <% end %>
            <% end %>
          </div>
        <% end %>
      </div>
    </div>
  <% end %>

  </div>

<% end %>

<% if params[:activity] != 'global' %>
  <div class="content">
    <%== erb :_pagination, layout: false %>
  </div>
<% end %>

<%== erb :'_news_templates', layout: false %>