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 <div class="infonotice">
  17   {% trans "The track is no longer available on the server." %}
  18 </div>
  19 {% endif %}
  20
  21 {% if object.file_exists %}
  22 <audio preload="none" src="{% url "nonstop-track-sound" pk=object.id %}" controls></audio>
  23 {% endif %}
  24
  25 {% if object.recent_diffusions %}
  26 <div class="section">
  27
  28 <ul class="soma-list">
  29     {% for somalog in object.recent_diffusions|slice:":20" %}
  30         <li><span class="timestamp">{{ somalog.play_timestamp|date:"d/m/Y H:i" }}</span>:
  31             {% if somalog.get_track %}
  32             <a href="{{ somalog.get_track.get_absolute_url }}" class="tracktitle">{{ somalog.get_track.title }}</a>
  33             <span class="trackartist">(<a href="{{ somalog.get_track.artist.get_absolute_url }}" class="trackartist">{{ somalog.get_track.artist.name }}</a>)</span>
  34             {% endif %}
  35             <span class="filepath">{{ somalog.filepath.short }}</span>
  36 </li>
  37     {% endfor %}
  38 </ul>
  39 </div>
  40 {% endif %}
  41
  42 {% endblock %}
  43
  44 {% block sidebar %}
  45 <aside id="sidebar">
  46
  47 <h3>{% trans "Metadata" %}</h3>
  48
  49 {% if object.duration %}
  50 <p>Duration: {{object.duration}}</p>
  51 {% endif %}
  52
  53 {% if perms.nonstop.add_track %}
  54 <form method="POST">
  55   {% csrf_token %}
  56   {{ metadata_form.as_p }}
  57   {% if object.added_to_nonstop_timestamp %}
  58   <p>In nonstop since {{ object.added_to_nonstop_timestamp|date:"SHORT_DATE_FORMAT" }}.</p>
  59   {% endif %}
  60
  61   <div class="buttons">
  62     <button class="submit-button">{% trans "Update" %}</button>
  63   </div>
  64 <script>
  65 $(function() {
  66  $('[name=language]').on('change', function() {
  67    $('[name=instru]').prop('checked', $(this).val() == 'na');
  68  });
  69  $('[name=instru').on('change', function() {
  70    if ($(this).is(':checked') && $('[name=language]').val() != 'na') {
  71      $('[name=language]').val('na');
  72    }
  73    if (! $(this).is(':checked') && $('[name=language]').val() == 'na') {
  74      $('[name=language]').val('');
  75    }
  76  });
  77 });
  78
  79 </script>
  80 </form>
  81 {% endif %}
  82 </aside>
  83
  84 {% endblock %}