1 {% set fallback_img = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='%23fff'><circle r='30' cx='80' cy='150' fill='%23fff' stroke='%23000'/><circle r='30' cx='150' cy='150' fill='%23fff' stroke='%23000'/><circle r='30' cx='220' cy='150' fill='%23fff' stroke='%23000'/></svg>" %}
3 {% macro card_generic(link, thumbnail, title='', badge=None, pinned=False) -%}
4 <div class="card {{ "pinned" if pinned else "" }}">
5 <div class="card-main">
6 <a class="link-main" href="{{ link }}" title="{{ title | e }}">
8 <img src="{{ thumbnail or fallback_img}}">
9 {% if badge is not none %}
10 <span class="badge">{{ badge | e }}</span>
13 <div class="title">{{ title | e }}</div>
22 {% macro card(video_id, title='', advanced_text='', pinned="undefined", advanced_title='', post_url=None, badge=None, ts=None, list=None) -%}
23 {% set caller_ = caller %}
24 {% set pinned_ = False if pinned == "undefined" else pinned %}
25 {% set ts_ = '&t='~ts if ts else '' %}
26 {% set list_ = '&list='~list if list else '' %}
27 {% call card_generic("/watch?v="~video_id~ts_~list_, "https://i.ytimg.com/vi/"~video_id~"/mqdefault.jpg", title, badge, pinned_) %}
29 <details class="advanced"><summary title="{{advanced_title}}">{{ advanced_text }}</summary>
32 {{ emoji_link("comments", post_url, False) }}
34 {% if pinned != "undefined" %}
35 {{ emoji_button("pin", video_id, pinned, False) }}
36 {{ emoji_button("hide", video_id, False, False) }}
38 {{ emoji_link("audio", video_id, False) }}
39 {{ emoji_link("raw", video_id, False) }}
40 {{ emoji_link("json", video_id, False) }}
45 {% macro typed_card(params) -%}
46 {% set c = params.content %}
47 {% if params.type == 'VIDEO' %}
48 {% set pinned = c.pinned if c.pinned is defined else "undefined" %}
49 {% set badge = 'LIVE' if c.live else c.length %}
50 {% call card(c.video_id, c.title, c.published, pinned=pinned, badge=badge, list=c.playlist_id) %}
51 {{ infobar_subscriptions(c.video_id, c.channel_id, c.author) }}
53 {% elif params.type == 'CHANNEL' %}
54 {% call card_generic("/channel/"~c.channel_id~"/", c.icons[c.icons.largest] if 'icons' in c else '', c.title) %}
55 <span class=channel>Channel</span>
56 <span class=advanced>{{ c.subscribers }}</span>
58 {% elif params.type == 'PLAYLIST' %}
59 {% call card_generic("/playlist?list="~c.playlist_id, "https://i.ytimg.com/vi/"~c.video_id~"/mqdefault.jpg", c.title) %}
60 <span class=channel>{{ infobar_subscriptions(None, c.channel_id, c.author) }}</span>
61 <span class=advanced>{{ c.n_videos }} videos</span>
63 {% elif params.type == 'WEBSITE' %}
64 {% call card_generic(c.url, c.icons[c.icons.largest] if 'icons' in c else '', c.title) %}
65 <span class=channel>{{ c.domain }}</span>
70 {% macro dummycard() -%}
71 {% for _ in range(4) %}
72 <div class="dummy card"></div>
76 {# TODO: remove video_id parameter (unused) #}
77 {% macro infobar_subscriptions(video_id, channel_id, author) -%}
78 {% if channel_id is defined and channel_id is not none %}
79 <a class="info-main" href="/channel/{{ channel_id }}/">{{ author | e }}</a>
81 <span class="info-main">{{ author | e }}</span>
85 {% macro emoji_button(action, subject, reverse=False, text=False) -%}
87 'pin': ['📌️', '📌️⃠'],
88 'hide': ['💨️', ''],
89 'subscribe': ['📝️', '🗑️'],
92 'pin': ['pin to subscription feed', 'unpin'],
93 'hide': ['hide video', ''],
94 'subscribe': ['subscribe', 'unsubscribe'],
97 'pin': 'youtube.feed_post',
98 'hide': 'youtube.feed_post',
99 'subscribe': 'youtube.manage_subscriptions',
101 <form method=post action="{{ url_for(actions[action]) }}" class="emoji-form">
102 <input type="hidden" name="{{ 'un' if reverse }}{{ action }}" value="{{ subject }}">
103 <label title="{{ texts[action][reverse] }}">
104 <input type="submit" hidden>
105 <span class="emoji">{{ icons[action][reverse] }}</span>{#
106 #}<span class="notemoji">{{ texts[action][reverse] if text }}</span>
110 {% macro emoji_link(action, subject, text=False) -%}
112 'raw': '🎞️',
115 'audio': '🎧',
116 'comments': '💬',
118 'yt': '▶️',
121 'raw': 'show raw video',
122 'json': 'view json metadata',
123 'meta': 'view additional metadata',
124 'audio': 'listen to audio only',
125 'comments': 'view comments',
126 'iv': 'watch on invidious',
130 'raw': '/watch?v='~subject~'&show=raw',
131 'json': '/watch?v='~subject~'&show=json',
132 'meta': '/watch?v='~subject~'&show=meta',
133 'audio': '/watch?v='~subject~'&show=audio',
134 'comments': 'https://old.reddit.com'~subject,
135 'iv': 'https://redirect.invidious.io/watch?v='~subject,
136 'yt': 'https://youtu.be/'~subject,
138 <a href="{{ actions[action] }}" title="{{ texts[action] }}">{#
139 #}<span class="emoji">{{ icons[action] }}</span>{#
140 #}<span class="notemoji">{{ texts[action] if text }}</span>
144 {% macro more(fields) -%}
145 {% set request_args = dict(request.args) %}
146 {% set _nil = request_args.update(fields) %}
147 {% set new_qs = request_args|urlencode %}
148 <a href="?{{ new_qs }}" class="pagination next">more</a>