app/browse/templates/search.html.j2

   1 {% extends "base.html.j2" %}
   2 {% import 'macros.imp.j2' as macros %}
   3
   4 {% block favicon %}
   5 {{ super() }}
   6 <link rel="stylesheet" href="{{ url_for('browse.static', filename="style.css") }}">
   7 {% endblock %}
   8
   9 {% block title %}
  10 {% if rows is not none %}{{ query | e }} &mdash; Search results
  11 {% else %}Search Youtube Videos{% endif %}
  12 {% endblock %}
  13
  14 {% block content %}
  15         <form method=get action=/search id="search">
  16                 <div id="main">
  17                 <input id="box" name=q placeholder="Search" value="{{ query | e if query }}">
  18                 <input id="go" type=submit value="&#x1F50D;&#xFE0E;" title="search!">
  19                 </div>
  20                 <details id="filters"><summary>Filters</summary><div id="container">
  21                         <select name="sort">
  22                                 <option value="">sort by...</option>
  23                                 <option value="relevance">relevance</option>
  24                                 <option value="rating">rating</option>
  25                                 <option value="date">date</option>
  26                                 <option value="views">views</option>
  27                         </select>
  28                         <select name="date">
  29                                 <option value="">upload date...</option>
  30                                 <option value="hour">hour</option>
  31                                 <option value="day">day</option>
  32                                 <option value="week">week</option>
  33                                 <option value="month">month</option>
  34                                 <option value="year">year</option>
  35                         </select>
  36                         <select name="type">
  37                                 <option value="">type...</option>
  38                                 <option value="video">video</option>
  39                                 <option value="channel">channel</option>
  40                                 <option value="playlist">playlist</option>
  41                                 <option value="movie">movie</option>
  42                                 <option value="show">show</option>
  43                         </select>
  44                         <select name="len">
  45                                 <option value="">duration...</option>
  46                                 <option value="short">0-4 minutes</option>
  47                                 <option value="medium">4-20 minutes</option>
  48                                 <option value="long">20+ minutes</option>
  49                         </select>
  50                         <select name="feature">
  51                                 <option value="">feature...</option>
  52                                 <option value="ccommons">creative commons<!-- licensed--></option>
  53                                 <option value="is_hd">HD videos<!-- only--></option>
  54                                 <option value="subtitles">subtitled</option>
  55                                 <option value="live">livestreams</option>
  56                                 <option value="verbatim">no spellcheck</option>
  57                         </select>
  58                 </div></details>
  59         </form>
  60
  61 {% if rows is not none %}
  62         {{ super() }}
  63
  64 {# TODO: this is mostly copy-pasted (changed video infobar) from watch.j2's info/endcard section -- dedup! #}
  65 <!-- not implemented warning:--><div style="background:red">{%for x in rows|selectattr('content.error')%}{{x.content.error}}{%endfor%}</div>
  66         <div class="cards">
  67         {% for card in rows %}
  68         {{ macros.typed_card(card) }}
  69         {% endfor %}
  70         {{ macros.dummycard() }}
  71         </div>
  72
  73         <div class="pagination-container">
  74         {{ macros.more({'continuation': continuation}) if continuation }}
  75         </div>
  76 {% else %}
  77         please type a search query.
  78 {% endif %}
  79 {% endblock %}
  80
  81 {% block footer %}
  82 <hr>
  83 {% endblock %}