80096f63a7
* Add the preview card to logged out feed initial content * initialise the initial dropdowns added on the logged out feed * minor tweak to selector * flip the follow button and the summary * add minimal preview card to build article HTML * WIP: data fetched an inserted into card on logged out feed * WIP: cards added to logged in feed * create separate profile preview card component * small style tweak, import pack on each page that shows feed cards * rename * tweak some styling issues * make sure follow buttons init in cards * populate all matching metadata placeholders after fetch * don't render full preview card upfront on logged out feed * refactors from PR comments * fix issue in person search results * remove check for article author link that will be superseded by cypress test for preview card * Revert "remove check for article author link that will be superseded by cypress test for preview card" This reverts commit 9b42804ffd0f051891c87293d0b791ed2bb0367f. * Revert "fix issue in person search results" This reverts commit 04941e3520c0895212141193b60f2933faed5ca1. * only show the preview cards on story cards for Posts (not users etc in search results) * correct display on collections view * remove link check that will be replaced by cypress test * tweaks to small issues, add a test for the logged out feed * add tests for logged in home feed, logged out tag index * add search test and tag index logged in test * fixes to preview profile spec * tweak to followauthor spec * add cypress test for preview on series page * use a unique test user for series test * correct the jsdoc comments * tweaks following PR review * allow feed preview cards to reposition * move to separate file from pack
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" data-follow-button-container="true">
|
|
<%= 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", "followButtons", "feedPreviewCards", defer: true %>
|
|
<% end %>
|