nonstop/templates/nonstop/track_detail.html

   1 {% extends "base.html" %}
   2 {% load i18n %}
   3
   4 {% block appbar %}
   5 <h2>Nonstop - Track: {{ object.artist.name }} / {{ object.title }}</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
  15 {% if not object.file_exists %}
  16 <p class="missing-file">{% trans "The track is no longer available on the server." %}</p>
  17 {% endif %}
  18
  19 <ul class="soma-list">
  20     {% for somalog in object.recent_diffusions|slice:":20" %}
  21         <li><span class="timestamp">{{ somalog.play_timestamp|date:"d/m/Y H:i" }}</span>:
  22             {% if somalog.filepath.track %}
  23             <a href="{{ somalog.filepath.track.get_absolute_url }}" class="tracktitle">{{ somalog.filepath.track.title }}</a>
  24             <span class="trackartist">(<a href="{{ somalog.filepath.track.artist.get_absolute_url }}" class="trackartist">{{ somalog.filepath.track.artist.name }}</a>)</span>
  25             {% endif %}
  26             <span class="filepath">{{ somalog.filepath.short }}</span>
  27 </li>
  28     {% endfor %}
  29 </ul>
  30
  31 {% if object.file_exists %}
  32 <div class="side">
  33 {% if internal_ip %}
  34 <audio src="{{object.file_path}}" controls></audio>
  35 {% endif %}
  36
  37 <p>In nonstop since {{ object.added_to_nonstop_timestamp|date:"SHORT_DATE_FORMAT" }}.</p>
  38
  39 {% if object.duration %}
  40 <p>Duration: {{object.duration}}</p>
  41 {% endif %}
  42
  43 {% if perms.nonstop.add_track %}
  44 <form method="POST">
  45   {% csrf_token %}
  46   {{ metadata_form.as_p }}
  47   <div class="buttons">
  48     <button class="submit-button">{% trans "Update" %}</button>
  49   </div>
  50 </form>
  51 </div>
  52 {% endif %}
  53
  54 {% endif %}
  55
  56 <style>
  57 ul.soma-list {
  58   float: left;
  59 }
  60
  61 div.side {
  62 float: right;
  63 background: #f0f0f0;
  64 padding: 1ex;
  65 }
  66 </style>
  67
  68 {% endblock %}