mirror of
https://github.com/iv-org/invidious.git
synced 2025-07-09 21:55:47 -05:00
9e4fd193c6
This will prevent, on large pages, the LTR and RTL text to be far away, on each side of the page. This could happen on channel and playlists descriptions, when the page is displayed on a large screen.
114 lines
3.9 KiB
Plaintext
114 lines
3.9 KiB
Plaintext
<% content_for "header" do %>
|
|
<title><%= channel.author %> - Invidious</title>
|
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed/channel/<%= channel.ucid %>" />
|
|
<% end %>
|
|
|
|
<% if channel.banner %>
|
|
<div class="h-box">
|
|
<img style="width:100%" src="/ggpht<%= URI.parse(channel.banner.not_nil!.gsub("=w1060-", "=w1280-")).request_target %>">
|
|
</div>
|
|
|
|
<div class="h-box">
|
|
<hr>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="pure-g h-box">
|
|
<div class="pure-u-2-3">
|
|
<div class="channel-profile">
|
|
<img src="/ggpht<%= URI.parse(channel.author_thumbnail).request_target %>">
|
|
<span><%= channel.author %></span>
|
|
</div>
|
|
</div>
|
|
<div class="pure-u-1-3" style="text-align:right">
|
|
<h3 style="text-align:right">
|
|
<a href="/feed/channel/<%= channel.ucid %>"><i class="icon ion-logo-rss"></i></a>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="h-box">
|
|
<div id="descriptionWrapper">
|
|
<p><span style="white-space:pre-wrap"><%= channel.description_html %></span></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="h-box">
|
|
<% ucid = channel.ucid %>
|
|
<% author = channel.author %>
|
|
<% sub_count_text = number_to_short_text(channel.sub_count) %>
|
|
<%= rendered "components/subscribe_widget" %>
|
|
</div>
|
|
|
|
<div class="pure-g h-box">
|
|
<div class="pure-u-1-3">
|
|
<a href="https://www.youtube.com/channel/<%= channel.ucid %>"><%= translate(locale, "View channel on YouTube") %></a>
|
|
<div class="pure-u-1 pure-md-1-3">
|
|
<a href="/redirect?referer=<%= env.get?("current_page") %>"><%= translate(locale, "Switch Invidious Instance") %></a>
|
|
</div>
|
|
<% if !channel.auto_generated %>
|
|
<div class="pure-u-1 pure-md-1-3">
|
|
<b><%= translate(locale, "Videos") %></b>
|
|
</div>
|
|
<% end %>
|
|
<div class="pure-u-1 pure-md-1-3">
|
|
<% if channel.auto_generated %>
|
|
<b><%= translate(locale, "Playlists") %></b>
|
|
<% else %>
|
|
<a href="/channel/<%= channel.ucid %>/playlists"><%= translate(locale, "Playlists") %></a>
|
|
<% end %>
|
|
</div>
|
|
<div class="pure-u-1 pure-md-1-3">
|
|
<% if channel.tabs.includes? "community" %>
|
|
<a href="/channel/<%= channel.ucid %>/community"><%= translate(locale, "Community") %></a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
<div class="pure-u-1-3"></div>
|
|
<div class="pure-u-1-3">
|
|
<div class="pure-g" style="text-align:right">
|
|
<% sort_options.each do |sort| %>
|
|
<div class="pure-u-1 pure-md-1-3">
|
|
<% if sort_by == sort %>
|
|
<b><%= translate(locale, sort) %></b>
|
|
<% else %>
|
|
<a href="/channel/<%= channel.ucid %>?page=<%= page %>&sort_by=<%= sort %>">
|
|
<%= translate(locale, sort) %>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="h-box">
|
|
<hr>
|
|
</div>
|
|
|
|
<div class="pure-g">
|
|
<% items.each_slice(4) do |slice| %>
|
|
<% slice.each do |item| %>
|
|
<%= rendered "components/item" %>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="pure-g h-box">
|
|
<div class="pure-u-1 pure-u-lg-1-5">
|
|
<% if page > 1 %>
|
|
<a href="/channel/<%= channel.ucid %>?page=<%= page - 1 %><% if sort_by != "newest" %>&sort_by=<%= HTML.escape(sort_by) %><% end %>">
|
|
<%= translate(locale, "Previous page") %>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
<div class="pure-u-1 pure-u-lg-3-5"></div>
|
|
<div class="pure-u-1 pure-u-lg-1-5" style="text-align:right">
|
|
<% if count == 60 %>
|
|
<a href="/channel/<%= channel.ucid %>?page=<%= page + 1 %><% if sort_by != "newest" %>&sort_by=<%= HTML.escape(sort_by) %><% end %>">
|
|
<%= translate(locale, "Next page") %>
|
|
</a>
|
|
<% end %>
|
|
</div>
|
|
</div>
|