Clean up views

This commit is contained in:
Omar Roth 2018-02-05 18:44:42 -06:00
parent f47eb3016a
commit 2e402c1977
4 changed files with 10 additions and 11 deletions

View file

@ -7,9 +7,9 @@
<% slice.each do |video| %> <% slice.each do |video| %>
<% player_response = JSON.parse(video.info["player_response"]) %> <% player_response = JSON.parse(video.info["player_response"]) %>
<div class="pure-u-1 pure-u-md-1-4"> <div class="pure-u-1 pure-u-md-1-4">
<div style="margin: 1em;"> <div style="margin:1em;">
<a style="width:100%;" class="link" href="/watch?v=<%= video.id %>"> <a style="width:100%;" class="link" href="/watch?v=<%= video.id %>">
<img style="width:100%" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/> <img style="width:100%;" src="<%= player_response["videoDetails"]["thumbnail"]["thumbnails"][0]["url"] %>"/>
<%= video.title %> <%= video.title %>
</a> </a>
</div> </div>

View file

@ -4,7 +4,6 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="">
<link rel="stylesheet" href="/css/pure-min.css"> <link rel="stylesheet" href="/css/pure-min.css">
<link rel="stylesheet" href="/css/grids-responsive-min.css"> <link rel="stylesheet" href="/css/grids-responsive-min.css">
<link rel="stylesheet" href="/css/font-awesome.min.css"> <link rel="stylesheet" href="/css/font-awesome.min.css">
@ -27,7 +26,7 @@
</div> </div>
</div> </div>
<%= content %> <%= content %>
<center style="margin: 1em;"> <center style="margin:1em;">
Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> - Released under AGPLv3 by <a href="https://github.com/omarroth">Omar Roth</a> -
source available <a href="https://github.com/omarroth/invidious">here</a> source available <a href="https://github.com/omarroth/invidious">here</a>
</center> </center>

View file

@ -6,9 +6,9 @@
<div class="pure-g"> <div class="pure-g">
<% slice.each do |video| %> <% slice.each do |video| %>
<div class="pure-u-1 pure-u-md-1-4"> <div class="pure-u-1 pure-u-md-1-4">
<div style="margin: 1em;"> <div style="margin:1em;">
<a style="width:100%;" class="link" href="/watch?v=<%= video["link"] %>"> <a style="width:100%;" class="link" href="/watch?v=<%= video["link"] %>">
<img style="width:100%" src="<%= video["thumbnail"] %>"/> <img style="width:100%;" src="<%= video["thumbnail"] %>"/>
<%= video["title"] %> <%= video["title"] %>
</a> </a>
</div> </div>
@ -17,6 +17,6 @@
</div> </div>
<% end %> <% end %>
<p style="text-align: right"> <p style="text-align:right;">
<a class="link" href="/search?q=<%= query %>&page=<%= page + 1 %>">Next page</a> <a class="link" href="/search?q=<%= query %>&page=<%= page + 1 %>">Next page</a>
</p> </p>

View file

@ -6,7 +6,7 @@
<% end %> <% end %>
<% if listen == "true" %> <% if listen == "true" %>
<audio id="player" class="video-js" data-setup="{}" style="width:100%" controls> <audio id="player" class="video-js" data-setup="{}" style="width:100%;" controls>
<% adaptive_fmts.each do |fmt| %> <% adaptive_fmts.each do |fmt| %>
<% url = fmt["url"] %> <% url = fmt["url"] %>
<% type = fmt["type"].to_s.split(";")[0] %> <% type = fmt["type"].to_s.split(";")[0] %>
@ -16,7 +16,7 @@
<% end %> <% end %>
</audio> </audio>
<% else %> <% else %>
<video id="player" class="video-js" data-setup="{}" style="width:100%" controls> <video id="player" class="video-js" data-setup="{}" style="width:100%;" controls>
<% fmt_stream.each do |fmt| %> <% fmt_stream.each do |fmt| %>
<source src="<%= fmt["url"] %>" type="<%= fmt["type"].split(";")[0] %>"> <source src="<%= fmt["url"] %>" type="<%= fmt["type"].split(";")[0] %>">
<% end %> <% end %>
@ -110,10 +110,10 @@ var player = videojs('player', options, function() {
<% rvs.each do |rv| %> <% rvs.each do |rv| %>
<% if rv.has_key?("id") %> <% if rv.has_key?("id") %>
<a class="link" href="/watch?v=<%= rv["id"] %>"> <a class="link" href="/watch?v=<%= rv["id"] %>">
<img style="width:100%" alt="thumbnail" src="<%= rv["iurlmq"] %>"> <img style="width:100%;" alt="thumbnail" src="<%= rv["iurlmq"] %>">
</a> </a>
<p> <p>
<a style="display:block; width:100%; height:100%" class="link" href="/watch?v=<%= rv["id"] %>"><%= rv["title"] %></a> <a style="display:block; width:100%; height:100%;" class="link" href="/watch?v=<%= rv["id"] %>"><%= rv["title"] %></a>
</p> </p>
<% end %> <% end %>
<% end %> <% end %>