1 {% extends "base.html.j2" %}
2 {% import 'macros.imp.j2' as macros %}
5 {% if rows is not none %}{{ query | e }} — Search results
6 {% else %}Search Youtube Videos{% endif %}
14 box-sizing:border-box;
17 #search #box::placeholder{
23 #search #filters select {
32 border-left: 1px solid #eee;
40 #search #filters #container {
43 #search #filters select {
47 <form method=get action=/search id="search">
49 <input id="box" name=q placeholder="Search" value="{{ query | e if query }}">
50 <input id="go" type=submit value="🔍︎" title="search!">
52 <details id="filters"><summary>Filters</summary><div id="container">
54 <option value="">sort by...</option>
55 <option value="relevance">relevance</option>
56 <option value="rating">rating</option>
57 <option value="date">date</option>
58 <option value="views">views</option>
61 <option value="">upload date...</option>
62 <option value="hour">hour</option>
63 <option value="day">day</option>
64 <option value="week">week</option>
65 <option value="month">month</option>
66 <option value="year">year</option>
69 <option value="">type...</option>
70 <option value="video">video</option>
71 <option value="channel">channel</option>
72 <option value="playlist">playlist</option>
73 <option value="movie">movie</option>
74 <option value="show">show</option>
77 <option value="">duration...</option>
78 <option value="short">short</option>
79 <option value="long">long</option>
84 {% if rows is not none %}
87 {# TODO: this is mostly copy-pasted (changed video infobar) from watch.j2's info/endcard section -- dedup! #}
88 <!-- not implemented warning:--><div style="background:red">{%for x in rows|selectattr('content.error')%}{{x.content.error}}{%endfor%}</div>
90 {% for card in rows %}
91 {% set c = card.content %}
92 {% if card.type == 'VIDEO' %}
93 {% call macros.card(c.video_id, c.title, c.length) %}
94 {{ macros.infobar_subscriptions(c.video_id, c.channel_id, c.author) }}
95 <small>{{ c.published if c.published }} </small>
97 {% elif card.type == 'CHANNEL' and c.channel_id != channel_id %}
98 {% call macros.card_generic("/channel/"~c.channel_id, c.icons[c.icons.largest] if 'icons' in c else '', c.title) %}
99 <span class=channel>Channel</span>
100 <span class=advanced>{{ c.subscribers }}</span>
102 {% elif card.type == 'PLAYLIST' %}
103 {% call macros.card_generic("/playlist?list="~c.playlist_id, "https://i.ytimg.com/vi/"~c.video_id~"/mqdefault.jpg", c.title) %}
104 <span class=channel>{{ c.author }}</span>
105 <span class=advanced>{{ c.n_videos }} videos</span>
107 {% elif card.type == 'WEBSITE' %}
108 {% call macros.card_generic(c.url, c.icons[250] if 'icons' in c else '', c.title) %}
109 <span class=channel>{{ c.domain }}</span>
113 {{ macros.dummycard() }}
116 <div class="pagination-container">
118 {{ macros.pagination("previous", {'page':(-1,1)}, -1) }}
120 {{ macros.pagination("next", {'page':(+1,1)}, +1) }}
123 please type a search query.