nonstop/templates/nonstop/search.html

   1 {% extends "base.html" %}
   2 {% load i18n %}
   3
   4 {% block appbar %}
   5 <h2>Nonstop</h2>
   6 {% endblock %}
   7
   8 {% block more-user-links %}
   9 {{ block.super }}
  10 <a href="{% url 'nonstop-quick-links' %}">Gestion nonstop</a>
  11 {% endblock %}
  12
  13 {% block content %}
  14 <form id="track-search">
  15   {{ form.as_p }}
  16   <button>{% trans "Search" %}</button>
  17 </form>
  18 <hr>
  19
  20 {% if tracks %}
  21 <table>
  22   {% for track in tracks %}
  23   <tr><td class="track"><a href="{% url 'track-view' pk=track.id %}">{{track.title}}</a></td>
  24       <td class="artist">{{track.artist.name}}</td>
  25       <td class="zone">{% for zone in track.nonstop_zones.all %}{{ zone.title }}{% if not forloop.last %}, {% endif %}{% endfor %}</td>
  26       <td class="since">{% if track.added_to_nonstop_timestamp %}(since {{track.added_to_nonstop_timestamp|date:"SHORT_DATE_FORMAT" }}){% endif %}</td>
  27   </tr>
  28   {% endfor %}
  29 </table>
  30
  31 <div class="pagination">
  32     <span class="step-links">
  33         {% if tracks.has_previous %}
  34             <a href="?{{ qs }}&page={{ tracks.previous_page_number }}">←</a>
  35         {% endif %}
  36
  37         <span class="current">
  38             {{ tracks.number }} / {{ tracks.paginator.num_pages }}
  39         </span>
  40
  41         {% if tracks.has_next %}
  42             <a href="?{{ qs }}&page={{ tracks.next_page_number }}">→</a>
  43         {% endif %}
  44     </span>
  45     <span class="download">
  46       <a href="csv?{{ qs }}" download="nonstop.csv">CSV</a>
  47     </span>
  48 </div>
  49 {% endif %}
  50
  51 <style>
  52 table {
  53         max-width: 100%;
  54         min-width: 50em;
  55 }
  56 td {
  57         padding: 0.4ex 1ex;
  58 }
  59 td.track {
  60         min-width: 30em;
  61 }
  62 td.artist {
  63         min-width: 20em;
  64 }
  65 td.zone {
  66         min-width: 10em;
  67 }
  68 td.since {
  69         min-width: 10em;
  70 }
  71 tr:nth-child(even) {
  72   background: #f2f2f2;
  73 }
  74
  75 .step-links a {
  76         padding: 1ex;
  77 }
  78
  79 div.pagination {
  80         margin-top: 1em;
  81 }
  82 </style>
  83
  84 {% endblock %}