invidious-copy-2022-08-14/src/views/subscriptions.ecr

38 lines
1.4 KiB
Text
Raw Normal View History

2018-03-25 03:38:35 +00:00
<% content_for "header" do %>
<title>Subscriptions - Invidious</title>
<% end %>
<% videos.each_slice(4) do |slice| %>
<div class="pure-g">
<% slice.each do |video| %>
<div class="pure-u-1 pure-u-md-1-4">
<div style="overflow-wrap:break-word; word-wrap:break-word;" class="h-box">
<a style="width:100%;" href="/watch?v=<%= video.id %>">
<img style="width:100%;" src="https://i.ytimg.com/vi/<%= video.id %>/mqdefault.jpg"/>
<p style="height:100%"><%= video.title %></p>
2018-03-25 03:38:35 +00:00
</a>
<p>
2018-03-31 14:08:40 +00:00
<b><a style="width:100%;" href="https://youtube.com/channel/<%= video.ucid %>"><%= video.author %></a></b>
2018-03-25 03:38:35 +00:00
</p>
<p>
<h5>Shared <%= video.published.to_s("%B %-d, %Y at %r") %></h5>
2018-03-25 03:38:35 +00:00
</p>
</div>
</div>
<% end %>
</div>
<% end %>
<div class="pure-g">
<div class="pure-u-1 pure-u-md-1-5">
<% if page > 2 %>
2018-03-25 03:38:35 +00:00
<a href="/feed/subscriptions?maxResults=<%= max_results %>&page=<%= page - 1 %>">Previous page</a>
<% else %>
<a href="/feed/subscriptions?maxResults=<%= max_results %>">Previous page</a>
<% end %>
</div>
<div class="pure-u-1 pure-u-md-3-5"></div>
<div style="text-align:right;" class="pure-u-1 pure-u-md-1-5">
2018-03-25 03:38:35 +00:00
<a href="/feed/subscriptions?maxResults=<%= max_results %>&page=<%= page + 1 %>">Next page</a>
</div>
</div>