aba55f2a77
* stories list script as separate js file - defer attribute * change name storiesListScript for storiesList * remove legacy function hasClass() * add description to js pack * remove case that triggers nothing * Revert "remove case that triggers nothing" the if statement is on the element not its parents This reverts commit f4402f5456e15da122f9820917f5965a1ebc50a4. * remove deprecated code from storiesList pack * remove unused code
94 lines
5.9 KiB
Text
94 lines
5.9 KiB
Text
<%= content_for :page_meta do %>
|
|
<% title_with_timeframe(
|
|
page_title: "#{community_name} #{community_emoji}",
|
|
timeframe: params[:timeframe],
|
|
content_for: true,
|
|
) %>
|
|
|
|
<link rel="canonical" href="<%= app_url(request.path) %>" />
|
|
<meta name="description" content="<%= Settings::Community.community_description %>">
|
|
<%= meta_keywords_default %>
|
|
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="<%= app_url(request.path) %>" />
|
|
<meta property="og:title" content="<%= title_with_timeframe(page_title: community_name, timeframe: params[:timeframe]) %>" />
|
|
<meta property="og:image" content="<%= Settings::General.main_social_image %>">
|
|
<meta property="og:description" content="<%= Settings::Community.community_description %>" />
|
|
<meta property="og:site_name" content="<%= community_name %>" />
|
|
|
|
<meta name="twitter:site" content="@<%= Settings::General.social_media_handles["twitter"] %>">
|
|
<meta name="twitter:title" content="<%= title_with_timeframe(page_title: community_name, timeframe: params[:timeframe]) %>">
|
|
<meta name="twitter:description" content="<%= Settings::Community.community_description %>">
|
|
<meta name="twitter:image:src" content="<%= Settings::General.main_social_image %>">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<%= auto_discovery_link_tag(:rss, app_url("feed"), title: "#{community_name} RSS Feed") %>
|
|
<% end %>
|
|
|
|
<%= javascript_packs_with_chunks_tag "homePage", defer: true %>
|
|
<% cache(release_adjusted_cache_key("main-stories-index-#{params}-#{user_signed_in?}"), expires_in: 90.seconds) do %>
|
|
<div class="crayons-layout crayons-layout--3-cols crayons-layout--3-cols--drop-right-left" id="index-container"
|
|
data-params="<%= params.merge(sort_by: "hotness_score", sort_direction: "desc").to_json(only: %i[tag username q sort_by sort_direction]) %>" data-which="<%= @list_of %>"
|
|
data-tag=""
|
|
data-feed="<%= params[:timeframe] || "base-feed" %>"
|
|
data-articles-since="<%= Timeframe.datetime_iso8601(params[:timeframe]) %>">
|
|
|
|
<%= render "articles/sidebar" %>
|
|
|
|
<%# BEGIN Feed menu bar %>
|
|
<main class="articles-list crayons-layout__content" id="main-content">
|
|
<%= render(partial: "onboardings/task_card") if user_signed_in? %>
|
|
|
|
<header class="flex justify-between items-center p-2 px-3 m:p-0 m:px-0 m:pb-2">
|
|
<h1 class="crayons-subtitle-2">Posts</h1>
|
|
|
|
<nav class="crayons-tabs hidden s:flex" aria-label="View posts by">
|
|
<ul class="crayons-tabs__list">
|
|
<li>
|
|
<a data-text="Feed" href="<%= list_path %>/" class="crayons-tabs__item <%= "crayons-tabs__item--current" if %w[week month year infinity latest].exclude?(params[:timeframe]) %>"<%= %w[week month year infinity
|
|
latest].exclude?(params[:timeframe]) ? ' aria-current="page"'.html_safe : "" %>>Feed</a>
|
|
</li>
|
|
<li>
|
|
<a data-text="Week" href="<%= list_path %>/top/week" class="crayons-tabs__item <%= "crayons-tabs__item--current" if timeframe_check("week") %>"<%= timeframe_check("week") ? ' aria-current="page"'.html_safe : "" %>>Week</a>
|
|
</li>
|
|
<li>
|
|
<a data-text="Month" href="<%= list_path %>/top/month" class="crayons-tabs__item <%= "crayons-tabs__item--current" if timeframe_check("month") %>"<%= timeframe_check("month") ? ' aria-current="page"'.html_safe : "" %>>Month</a>
|
|
</li>
|
|
<li>
|
|
<a data-text="Year" href="<%= list_path %>/top/year" class="crayons-tabs__item <%= "crayons-tabs__item--current" if timeframe_check("year") %>"<%= timeframe_check("year") ? ' aria-current="page"'.html_safe : "" %>>Year</a>
|
|
</li>
|
|
<li>
|
|
<a data-text="Infinity" href="<%= list_path %>/top/infinity" class="crayons-tabs__item <%= "crayons-tabs__item--current" if timeframe_check("infinity") %>"<%= timeframe_check("infinity") ? ' aria-current="page"'.html_safe : "" %>>Infinity</a>
|
|
</li>
|
|
<li>
|
|
<a data-text="Latest" href="<%= list_path %>/latest" class="crayons-tabs__item <%= "crayons-tabs__item--current" if timeframe_check("latest") %>"<%= timeframe_check("latest") ? ' aria-current="page"'.html_safe : "" %>>Latest</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<select class="crayons-select s:hidden ml-2 s:ml-auto w-auto" id="feed-filter-select" aria-label="feed-filter-select">
|
|
<option value="<%= list_path %>/" <% if ["week", "month", "year", "infinity", "latest"].exclude?(params[:timeframe]) %> selected<% end %>>Feed</option>
|
|
<option value="<%= list_path %>/top/week" <% if timeframe_check("week") %> selected<% end %>>Week</option>
|
|
<option value="<%= list_path %>/top/month" <% if timeframe_check("month") %> selected<% end %>>Month</option>
|
|
<option value="<%= list_path %>/top/year" <% if timeframe_check("year") %> selected<% end %>>Year</option>
|
|
<option value="<%= list_path %>/top/infinity" <% if timeframe_check("infinity") %> selected<% end %>>Infinity</option>
|
|
<option value="<%= list_path %>/latest" <% if timeframe_check("latest") %> selected<% end %>>Latest</option>
|
|
</select>
|
|
</header>
|
|
|
|
<% if user_signed_in? %>
|
|
<div id="homepage-feed" style="min-height: 90vh"></div>
|
|
<% else %>
|
|
<%= render "stories/main_stories_feed" %>
|
|
<% end %>
|
|
|
|
<div id="followed-podcasts" data-episodes="<%= @podcast_episodes.to_json(include: { podcast: { only: %i[slug title id], methods: %i[image_90] } }) %>"></div>
|
|
<div class="loading-articles" id="loading-articles">
|
|
loading...
|
|
</div>
|
|
</main>
|
|
|
|
<%= render "articles/sidebar_additional" %>
|
|
</div>
|
|
|
|
<%= javascript_packs_with_chunks_tag "storiesList", defer: true %>
|
|
<% end %>
|