1 {% extends "base.html.j2" %}
2 {% import 'macros.imp.j2' as macros %}
3 {% block title %}{{ title | e }}{% endblock %}
7 <img height=200 align=left src="{{ channel_img[channel_img.largest] }}" style="margin:.5em">
9 <h1>{{ title | e }} <small>{{ macros.emoji_button("subscribe", channel_id, is_subscribed) if channel_id }}</small></h1>
10 <details><summary>About</summary><p style="white-space: pre-wrap">{{ channel_desc }}</details>
11 <div style=clear:both></div>
12 <div id="subpages" style="display:flex;margin:1em">
14 <a href="{{ url_for('browse.channel', channel_id=channel_id, subpage='videos') }}">videos</a> |
15 <a href="{{ url_for('browse.channel', channel_id=channel_id, subpage='playlists') }}">playlists</a> |
16 <form method=get style="display:inline" action="{{ url_for('browse.channel', channel_id=channel_id, subpage='search')}}">
17 <input style="background:0;color:#eee;border:0" type=text name=q value="{{ request.args.get('q', '')}}" placeholder="search channel">
18 <!-- <input type="submit" value=">"> -->
21 {% if subpage != "search" %}
22 <form method=get style="flex:1;text-align:right" class="more-actions">
23 {% if subpage == "videos" %}
24 <a href="?sort=newest" {{ 'selected' if sort == 'newest' }}>newest first</a> |
25 <a href="?sort=oldest" {{ 'selected' if sort == 'oldest' }}>oldest first</a> |
26 <a href="?sort=popular" {{ 'selected' if sort == 'popular' }}>most popular</a>
27 {% elif subpage == "playlists" %}
28 <a href="?sort=newest" {{ 'selected' if sort == 'newest' }}>last created</a> |
29 <a href="?sort=modified" {{ 'selected' if sort == 'modified' }}>last modified</a>
35 {% for card in rows %}
36 {{ macros.typed_card(card) }}
38 {{ macros.dummycard() }}
41 {% if not rows|length %}no more results{% endif %}
43 <div class="pagination-container">
44 {{ macros.more({'continuation': continuation}) if continuation }}