]> git.gir.st - subscriptionfeed.git/blob - app/templates/watch.html.j2
some error handling improvements
[subscriptionfeed.git] / app / templates / watch.html.j2
1 <!DOCTYPE html>
2 <title>{{ title }} &mdash; {{ author }}</title>
3 <link rel="shortcut icon" href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" fill="%23fff"><circle r="150" cx="150" cy="150" fill="%23f00"/><path d="m120 97v106l93-53"/></svg>'>
4 <link rel="stylesheet" href="/static/style.css">
5
6 {% import 'macros.imp.j2' as macros %}
7
8 <!--b style=font-size:large></b><hr-->
9
10 {% include 'messages.inc.j2' %}
11
12 <div id=main style="margin:auto">
13 <video controls poster="{{ poster }}" style="width:100%;height:calc(100% / {{ aspectr }});">
14 <source src="{{ video_url }}">
15 {% for cc in subtitles %}
16 <track label="{{ cc.name }}" kind="subtitles" srclang="{{ cc.code }}" src="{{ cc.url }}" {{ 'default' if not loop.counter }}>
17 {% endfor %}
18 </video>
19
20 <h1>{{ title }}<br>
21 <small><a href="/channel/{{ channel_id }}">{{ author }}</a></small></h1>
22 <details><summary>Description</summary>
23 <p style="white-space:pre-wrap">{{ description }}
24 <hr></details>
25
26 <details><summary>Metadata</summary>
27 <dl>
28 <dt>Duration
29 <dd>{{ length // 60 }}:{{ length % 60 }}
30 <dt>Views
31 <dd>{{ views }}
32 <dt>Published
33 <dd>{{ published }}
34 <dt>Rating
35 <dd>{{ rating | round(1) }}/5
36 <dt>Visibility
37 <dd>{{ 'unlisted' if unlisted else 'public' }}
38 </dl>
39 <hr>
40 Available in {{ countries | length }} countries: {{ countries | join(', ') }}
41 <hr></details>
42
43 <!-- not implemented warning:--><div style="background:red">{%for x in (infocards+endcards)|selectattr('content.error')%}{{x.content.error}}{%endfor%}</div>
44 <details><summary>Info- and Endcards</summary>
45 <!--TODO: don't show duplicates (e.g. same video/playlist in infocard and endscreen; G1m7goLCJDY, 5TkIe60y2GI). We want videos+playlists from infocards, channels+websites from endcards (wherever more info is available). -->
46 {% for card in infocards+endcards %}{#
47 #}{% set c = card.content %}{#
48 #}{% if card.type == 'VIDEO' %}{#
49 #}{% call macros.card(c.video_id, c.title) %}
50 <span class=channel>{{ c.author }}&nbsp;</span>
51 <span class=advanced>{{ c.length }}</span>
52 {% endcall %}{#
53 #}{% elif card.type == 'CHANNEL' and c.channel_id != channel_id %}{#
54 #}{% call macros.card_generic("/channel/"~c.channel_id, c.icons[250] if 'icons' in c else '', c.title) %}
55 <span class=channel>Channel</span>
56 <span class=advanced></span>
57 {% endcall %}{#
58 #}{% elif card.type == 'PLAYLIST' %}{#
59 #}{% call macros.card_generic("/playlist?list="~c.playlist_id, "https://i.ytimg.com/vi/"~c.video_id~"/mqdefault.jpg", c.title) %}
60 <span class=channel>{{ c.author }}</span>
61 <span class=advanced>{{ c.n_videos }} videos</span>
62 {% endcall %}{#
63 #}{% elif card.type == 'WEBSITE' %}{#
64 #}{% call macros.card_generic(c.url, c.icons[250] if 'icons' in c else '', c.title) %}
65 <span class=channel>{{ c.domain }}</span>
66 {% endcall %}{#
67 #}{% endif %}{#
68 #}{% endfor %}
69 <hr></details>
70 </div>
Imprint / Impressum