c9c88c7cc1
* flare tag line height * . * . * . * . * specs * spec * . * init * . * . * js refactor * js * update spec * Fix infinite scroll * typo * move IF * pro analytics link fix * Clean up tests * Refactor adding of html Co-authored-by: benhalpern <bendhalpern@gmail.com>
49 lines
1.8 KiB
Text
49 lines
1.8 KiB
Text
<% title("Dashboard - #{community_name}") %>
|
|
|
|
<main id="index-container"
|
|
data-params="<%= params.to_json(only: %i[action per_page]) %>"
|
|
data-which="following">
|
|
<header class="crayons-layout">
|
|
<h1 class="p-2 pb-0 m:p-0">Dashboard » Following podcasts</h1>
|
|
<%= render "actions_mobile" %>
|
|
</header>
|
|
|
|
<div class="crayons-layout crayons-layout--2-cols">
|
|
<aside class="crayons-layout__sidebar-left">
|
|
<%= render "actions" %>
|
|
</aside>
|
|
|
|
<div class="crayons-layout__content" id="user-dashboard">
|
|
|
|
<% if @followed_podcasts.any? %>
|
|
<div id="following-wrapper" class="grid gap-0 s:gap-3 m:gap-4 s:grid-cols-2 l:grid-cols-3 align-left s:align-center">
|
|
<% @followed_podcasts.each do |follow| %>
|
|
<% podcast = follow.followable %>
|
|
<div class="crayons-card p-4 m:p-6 flex s:grid single-article" id="follows-<%= follow.id %>">
|
|
<a href="/<%= podcast.path %>" class="crayons-logo crayons-logo--2xl s:mb-2 s:mx-auto">
|
|
<img alt="<%= podcast.name %> logo" class="crayons-logo__image" src="<%= podcast.image_url %>" />
|
|
</a>
|
|
|
|
<div class="pl-4 s:pl-0 self-center">
|
|
<h3 class="s:mb-1 p-0">
|
|
<a href="/<%= podcast.path %>">
|
|
<%= podcast.name %>
|
|
</a>
|
|
</h3>
|
|
|
|
<p>
|
|
<a href="/<%= podcast.path %>" class="crayons-link crayons-link--secondary">
|
|
@<%= podcast.name %>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% else %>
|
|
<div class="p-9 crayons-card crayons-card--secondary align-center fs-l h-100 flex items-center justify-center">You don't follow any podcasts yet...</div>
|
|
<% end %>
|
|
<%= render "sublist" %>
|
|
</div>
|
|
</div>
|
|
</main>
|