invidious-mod-JP/src/views/search.ecr

35 lines
1.2 KiB
Plaintext
Raw Normal View History

2018-01-07 17:40:03 +00:00
<% content_for "header" do %>
2018-01-28 02:10:37 +00:00
<title><%= query.size > 30 ? query[0,30].rstrip(".") + "..." : query %> - Invidious</title>
2018-01-07 17:40:03 +00:00
<% end %>
2018-01-15 03:16:09 +00:00
<% videos.each_slice(4) do |slice| %>
<div class="pure-g">
<% slice.each do |video| %>
<div class="pure-u-1 pure-u-md-1-4">
2018-04-17 20:53:12 +00:00
<div class="h-box">
<a style="width:100%;" href="/watch?v=<%= video["id"] %>">
2018-04-06 01:54:56 +00:00
<img style="width:100%;" src="https://i.ytimg.com/vi/<%= video["id"] %>/mqdefault.jpg"/>
2018-03-25 03:39:07 +00:00
<p><%= video["title"] %></p>
2018-01-16 04:11:51 +00:00
</a>
<p>
<b><a style="width:100%;" href="https://youtube.com<%= video["ucid_url"]%>"><%= video["author"] %></a></b>
</p>
2018-01-16 04:11:51 +00:00
</div>
</div>
<% end %>
</div>
2018-01-15 03:16:09 +00:00
<% end %>
<div class="pure-g">
<div class="pure-u-1 pure-u-md-1-5">
<% if page > 2 %>
<a href="/search?q=<%= query %>&page=<%= page - 1 %>">Previous page</a>
<% else %>
<a href="/search?q=<%= query %>">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">
<a href="/search?q=<%= query %>&page=<%= page + 1 %>">Next page</a>
</div>
</div>