191 行
11 KiB
Plaintext
191 行
11 KiB
Plaintext
<div class="pure-u-1 pure-u-md-1-4">
|
|
<div class="h-box">
|
|
<% case item when %>
|
|
<% when SearchChannel %>
|
|
<a href="/channel/<%= item.ucid %>">
|
|
<% if !env.get("preferences").as(Preferences).thin_mode %>
|
|
<center>
|
|
<img style="width:56.25%" src="/ggpht<%= URI.parse(item.author_thumbnail).request_target.gsub(/=s\d+/, "=s176") %>"/>
|
|
</center>
|
|
<% end %>
|
|
<p dir="auto"><%= HTML.escape(item.author) %></p>
|
|
</a>
|
|
<p><%= translate(locale, "`x` subscribers", number_with_separator(item.subscriber_count)) %></p>
|
|
<% if !item.auto_generated %><p><%= translate(locale, "`x` videos", number_with_separator(item.video_count)) %></p><% end %>
|
|
<h5><%= item.description_html %></h5>
|
|
<% when SearchPlaylist, InvidiousPlaylist %>
|
|
<% if item.id.starts_with? "RD" %>
|
|
<% url = "/mix?list=#{item.id}&continuation=#{URI.parse(item.thumbnail || "/vi/-----------").request_target.split("/")[2]}" %>
|
|
<% else %>
|
|
<% url = "/playlist?list=#{item.id}" %>
|
|
<% end %>
|
|
|
|
<a style="width:100%" href="<%= url %>">
|
|
<% if !env.get("preferences").as(Preferences).thin_mode %>
|
|
<div class="thumbnail">
|
|
<img class="thumbnail" src="<%= URI.parse(item.thumbnail || "/").request_target %>"/>
|
|
<p class="length"><%= number_with_separator(item.video_count) %> videos</p>
|
|
</div>
|
|
<% end %>
|
|
<p dir="auto"><%= HTML.escape(item.title) %></p>
|
|
</a>
|
|
<a href="/channel/<%= item.ucid %>">
|
|
<p dir="auto"><b><%= HTML.escape(item.author) %></b></p>
|
|
</a>
|
|
<% when MixVideo %>
|
|
<a href="/watch?v=<%= item.id %>&list=<%= item.rdid %>">
|
|
<% if !env.get("preferences").as(Preferences).thin_mode %>
|
|
<div class="thumbnail">
|
|
<img class="thumbnail" src="/vi/<%= item.id %>/mqdefault.jpg"/>
|
|
<% if item.length_seconds != 0 %>
|
|
<p class="length"><%= recode_length_seconds(item.length_seconds) %></p>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<p dir="auto"><%= HTML.escape(item.title) %></p>
|
|
</a>
|
|
<a href="/channel/<%= item.ucid %>">
|
|
<p dir="auto"><b><%= HTML.escape(item.author) %></b></p>
|
|
</a>
|
|
<% when PlaylistVideo %>
|
|
<a style="width:100%" href="/watch?v=<%= item.id %>&list=<%= item.plid %>&index=<%= item.index %>">
|
|
<% if !env.get("preferences").as(Preferences).thin_mode %>
|
|
<div class="thumbnail">
|
|
<img class="thumbnail" src="/vi/<%= item.id %>/mqdefault.jpg"/>
|
|
<% if plid = env.get?("remove_playlist_items") %>
|
|
<form data-onsubmit="return_false" action="/playlist_ajax?action_remove_video=1&set_video_id=<%= item.index %>&playlist_id=<%= plid %>&referer=<%= env.get("current_page") %>" method="post">
|
|
<input type="hidden" name="csrf_token" value="<%= URI.encode_www_form(env.get?("csrf_token").try &.as(String) || "") %>">
|
|
<p class="watched">
|
|
<a data-onclick="remove_playlist_item" data-index="<%= item.index %>" data-plid="<%= plid %>" href="javascript:void(0)">
|
|
<button type="submit" style="all:unset">
|
|
<i class="icon ion-md-trash"></i>
|
|
</button>
|
|
</a>
|
|
</p>
|
|
</form>
|
|
<% end %>
|
|
|
|
<% if item.responds_to?(:live_now) && item.live_now %>
|
|
<p class="length"><i class="icon ion-ios-play-circle"></i> <%= translate(locale, "LIVE") %></p>
|
|
<% elsif item.length_seconds != 0 %>
|
|
<p class="length"><%= recode_length_seconds(item.length_seconds) %></p>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<p dir="auto"><%= HTML.escape(item.title) %></p>
|
|
</a>
|
|
|
|
<div class="video-card-row flexible">
|
|
<div class="flex-left"><a href="/channel/<%= item.ucid %>">
|
|
<p class="channel-name" dir="auto"><%= HTML.escape(item.author) %></p>
|
|
</a></div>
|
|
<div class="flex-right">
|
|
<div class="icon-buttons">
|
|
<a title="<%=translate(locale, "Watch on YouTube")%>" href="https://www.youtube.com/watch?v=<%= item.id %>&list=<%= item.plid %>">
|
|
<i class="icon ion-logo-youtube"></i>
|
|
</a>
|
|
<a title="<%=translate(locale, "Audio mode")%>" href="/watch?v=<%= item.id %>&list=<%= item.plid %>&listen=1">
|
|
<i class="icon ion-md-headset"></i>
|
|
</a>
|
|
<a title="<%=translate(locale, "Switch Invidious Instance")%>" href="/redirect?referer=<%=URI.encode_www_form("watch?v=#{item.id}&list=#{item.plid}")%>">
|
|
<i class="icon ion-md-jet"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="video-card-row flexible">
|
|
<div class="flex-left">
|
|
<% if item.responds_to?(:premiere_timestamp) && item.premiere_timestamp.try &.> Time.utc %>
|
|
<p dir="auto"><%= translate(locale, "Premieres in `x`", recode_date((item.premiere_timestamp.as(Time) - Time.utc).ago, locale)) %></p>
|
|
<% elsif Time.utc - item.published > 1.minute %>
|
|
<p dir="auto"><%= translate(locale, "Shared `x` ago", recode_date(item.published, locale)) %></p>
|
|
<% end %>
|
|
</div>
|
|
|
|
<% if item.responds_to?(:views) && item.views %>
|
|
<div class="flex-right">
|
|
<p dir="auto"><%= translate(locale, "`x` views", number_to_short_text(item.views || 0)) %></p>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% when Category %>
|
|
<% else %>
|
|
<a style="width:100%" href="/watch?v=<%= item.id %>">
|
|
<% if !env.get("preferences").as(Preferences).thin_mode %>
|
|
<div class="thumbnail">
|
|
<img class="thumbnail" src="/vi/<%= item.id %>/mqdefault.jpg"/>
|
|
<% if env.get? "show_watched" %>
|
|
<form data-onsubmit="return_false" action="/watch_ajax?action_mark_watched=1&id=<%= item.id %>&referer=<%= env.get("current_page") %>" method="post">
|
|
<input type="hidden" name="csrf_token" value="<%= URI.encode_www_form(env.get?("csrf_token").try &.as(String) || "") %>">
|
|
<p class="watched">
|
|
<a data-onclick="mark_watched" data-id="<%= item.id %>" href="javascript:void(0)">
|
|
<button type="submit" style="all:unset">
|
|
<i data-mouse="switch_classes" data-switch-classes="ion-ios-eye-off,ion-ios-eye"
|
|
class="icon ion-ios-eye">
|
|
</i>
|
|
</button>
|
|
</a>
|
|
</p>
|
|
</form>
|
|
<% elsif plid = env.get? "add_playlist_items" %>
|
|
<form data-onsubmit="return_false" action="/playlist_ajax?action_add_video=1&video_id=<%= item.id %>&playlist_id=<%= plid %>&referer=<%= env.get("current_page") %>" method="post">
|
|
<input type="hidden" name="csrf_token" value="<%= URI.encode_www_form(env.get?("csrf_token").try &.as(String) || "") %>">
|
|
<p class="watched">
|
|
<a data-onclick="add_playlist_item" data-id="<%= item.id %>" data-plid="<%= plid %>" href="javascript:void(0)">
|
|
<button type="submit" style="all:unset">
|
|
<i class="icon ion-md-add"></i>
|
|
</button>
|
|
</a>
|
|
</p>
|
|
</form>
|
|
<% end %>
|
|
|
|
<% if item.responds_to?(:live_now) && item.live_now %>
|
|
<p class="length" dir="auto"><i class="icon ion-ios-play-circle"></i> <%= translate(locale, "LIVE") %></p>
|
|
<% elsif item.length_seconds != 0 %>
|
|
<p class="length"><%= recode_length_seconds(item.length_seconds) %></p>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
<p dir="auto"><%= HTML.escape(item.title) %></p>
|
|
</a>
|
|
|
|
<div class="video-card-row flexible">
|
|
<div class="flex-left"><a href="/channel/<%= item.ucid %>">
|
|
<p class="channel-name" dir="auto"><%= HTML.escape(item.author) %></p>
|
|
</a></div>
|
|
<div class="flex-right">
|
|
<div class="icon-buttons">
|
|
<a title="<%=translate(locale, "Watch on YouTube")%>" href="https://www.youtube.com/watch?v=<%= item.id %>">
|
|
<i class="icon ion-logo-youtube"></i>
|
|
</a>
|
|
<a title="<%=translate(locale, "Audio mode")%>" href="/watch?v=<%= item.id %>&listen=1">
|
|
<i class="icon ion-md-headset"></i>
|
|
</a>
|
|
<a title="<%=translate(locale, "Switch Invidious Instance")%>" href="/redirect?referer=<%=URI.encode_www_form("watch?v=#{item.id}")%>">
|
|
<i class="icon ion-md-jet"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="video-card-row flexible">
|
|
<div class="flex-left">
|
|
<% if item.responds_to?(:premiere_timestamp) && item.premiere_timestamp.try &.> Time.utc %>
|
|
<p class="video-data" dir="auto"><%= translate(locale, "Premieres in `x`", recode_date((item.premiere_timestamp.as(Time) - Time.utc).ago, locale)) %></p>
|
|
<% elsif Time.utc - item.published > 1.minute %>
|
|
<p class="video-data" dir="auto"><%= translate(locale, "Shared `x` ago", recode_date(item.published, locale)) %></p>
|
|
<% end %>
|
|
</div>
|
|
|
|
<% if item.responds_to?(:views) && item.views %>
|
|
<div class="flex-right">
|
|
<p class="video-data" dir="auto"><%= translate(locale, "`x` views", number_to_short_text(item.views || 0)) %></p>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</div>
|