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