38 lines
1.8 KiB
Text
38 lines
1.8 KiB
Text
<% collection_size = articles.size %>
|
|
<% slugs = articles.pluck(:slug) %>
|
|
|
|
<% if collection && collection_size > 1 %>
|
|
<nav class="series-switcher crayons-card crayons-card--secondary">
|
|
<header class="crayons-card__header">
|
|
<h3 class="crayons-subtitle-2">
|
|
<%= collection_link(collection) %>
|
|
</h3>
|
|
</header>
|
|
|
|
<div class="series-switcher__list">
|
|
<% articles.each_with_index do |article, i| %>
|
|
<% if collection_size > 5 && i == 2 %>
|
|
<a
|
|
href="<%= article.path %>"
|
|
class="crayons-link crayons-link--contentful series-switcher__link <%= "series-switcher__link--active" if slugs[2..collection_size - 3].include?(rendered_article.slug) %> series-switcher__link--inbetween"
|
|
data-preload-image="<%= cloud_cover_url(article.main_image) %>"
|
|
id="collection-link-inbetween"
|
|
data-no-instant
|
|
title="View more">
|
|
<span class="series-switcher__num">...</span>
|
|
<span class="series-switcher__title"><%= collection_size - 2 %> more <%= "part".pluralize(count: collection_size - 2) %>...</span>
|
|
</a>
|
|
<% end %>
|
|
|
|
<a
|
|
href="<%= article.path %>"
|
|
class="crayons-link crayons-link--contentful series-switcher__link <%= "series-switcher__link--active" if rendered_article.id == article.id %> <%= "series-switcher__link--hidden" if collection_size > 5 && (i > 1 && i < collection_size - 2) %>"
|
|
data-preload-image="<%= cloud_cover_url(article.main_image) %>"
|
|
title="Published <%= article.readable_publish_date %>">
|
|
<span class="series-switcher__num"><%= i + 1 %></span>
|
|
<span class="series-switcher__title"><%= article.title %></span>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
</nav>
|
|
<% end %>
|