app/invidious/templates/search.html.j2

   1 {% extends "base.html.j2" %}
   2 {% import 'macros.imp.j2' as macros %}
   3
   4 {% block title %}
   5 {% if rows is not none %}{{ query | e }} &mdash; Search results
   6 {% else %}Search Youtube Videos{% endif %}
   7 {% endblock %}
   8
   9 {% block content %}
  10         <style>
  11         [name=q]::placeholder{
  12           color:#eee;
  13           opacity: .7;
  14         }
  15         [name=q] {
  16           margin:1.5em auto;
  17           display:block;
  18           width:60em;
  19           max-width:100%;
  20           min-width:30em;
  21           box-sizing:border-box;
  22           border:0;
  23           background:#666;
  24           color:#eee;
  25           padding:.2em
  26         }
  27         </style>
  28         <form method=get action=/search>
  29                 <input name=q placeholder="Search (through invidio.us)" value="{{ search_query | e }}">
  30                 <input type=hidden name=provider value="invidio.us:443">
  31                 <!--input type=submit value="?"-->
  32         </form>
  33
  34 {% if rows is not none %}
  35         {{ super() }}
  36         <div class="cards">
  37                 {% for row in rows %}
  38                         {% call macros.card(row.videoId, row.title, row.publishedText) %}
  39                                 {{ macros.infobar_subscriptions(row.videoId, row.authorId, row.author) }}
  40                         {% endcall %}
  41                 {% else %}
  42                         no more results.
  43                 {% endfor %}
  44                 {{ macros.dummycard() }}
  45         </div>
  46
  47         <div class="pagination-container">
  48         {% if page > 1 %}
  49         {{ macros.pagination("previous", {'page':(-1,1)}, -1) }}
  50         {% endif %}
  51         {{ macros.pagination("previous", {'page':(+1,1)}, +1) }}
  52         </div>
  53 {% else %}
  54         please type a search query.
  55 {% endif %}
  56 {% endblock %}
  57
  58 {% block footer %}
  59 <hr>
  60 This page is proxied through invidio.us.
  61 {% endblock %}