| 1 | {% load i18n %} |
|---|
| 2 | {% load telemeta_utils %} |
|---|
| 3 | |
|---|
| 4 | <div> |
|---|
| 5 | <h4><a href="#">{% trans "Related media" %}</a></h4> |
|---|
| 6 | {% if related_media %} |
|---|
| 7 | <div> |
|---|
| 8 | <table class="instruments" width="100%"> |
|---|
| 9 | <thead> |
|---|
| 10 | <tr> |
|---|
| 11 | <td>{% trans "Media" %}</td> |
|---|
| 12 | <td>{% trans "Preview" %}</td> |
|---|
| 13 | </tr> |
|---|
| 14 | </thead> |
|---|
| 15 | <tbody> |
|---|
| 16 | {% for media in related_media %} |
|---|
| 17 | <tr> |
|---|
| 18 | <td style="font-size: 1em;"> |
|---|
| 19 | <dl class="listing"> |
|---|
| 20 | <dt>{% trans "Title" %}</dt> |
|---|
| 21 | <dd> |
|---|
| 22 | {% if media.url %} |
|---|
| 23 | <a href="{{ media.url }}" target="_blank"> |
|---|
| 24 | {% if media.title %} |
|---|
| 25 | {{ media.title }}</a> |
|---|
| 26 | {% else %} |
|---|
| 27 | {{ media.url|get_filename }}</a> |
|---|
| 28 | {% endif %} |
|---|
| 29 | {% else %} |
|---|
| 30 | <a href="{% url telemeta-collection-related collection.public_id media.id %}" target="_blank"> |
|---|
| 31 | {% if media.title %} |
|---|
| 32 | {{ media.title }}</a> |
|---|
| 33 | {% else %} |
|---|
| 34 | {{ media.file|get_filename }}</a> |
|---|
| 35 | {% endif %} |
|---|
| 36 | {% endif %} |
|---|
| 37 | </dd> |
|---|
| 38 | <dt>{% trans "Description" %}</dt> |
|---|
| 39 | <dd>{{ media.description|html_line_break|safe }}</dd> |
|---|
| 40 | <dt>{% trans "Credits" %}</dt> |
|---|
| 41 | <dd>{{ media.credits }}</dd> |
|---|
| 42 | {% dl_field media "mime_type" %} |
|---|
| 43 | <dt>{% trans "URL" %}</dt> |
|---|
| 44 | <dd> |
|---|
| 45 | {% if media.url %} |
|---|
| 46 | <a href="{{ media.url }}" target="_blank">{{ media.url }}</a> |
|---|
| 47 | {% else %} |
|---|
| 48 | {% if media.file %} |
|---|
| 49 | <a href="{% url telemeta-collection-related collection.public_id media.id %}" target="_blank"> |
|---|
| 50 | {% url telemeta-collection-related collection.public_id media.id %} |
|---|
| 51 | </a> |
|---|
| 52 | {% endif %} |
|---|
| 53 | {% endif %} |
|---|
| 54 | </dd> |
|---|
| 55 | </dl> |
|---|
| 56 | </td> |
|---|
| 57 | |
|---|
| 58 | <td style="padding-bottom: 1em;"> |
|---|
| 59 | {% if media.is_image %} |
|---|
| 60 | {% if media.url %} |
|---|
| 61 | <a href="{{ media.url }}"> |
|---|
| 62 | <img src="{{ media.url }}" style="max-width: 420px; max-height: 200px;" /></a> |
|---|
| 63 | {% else %} |
|---|
| 64 | <a href="{% url telemeta-collection-related collection.public_id media.id %}"> |
|---|
| 65 | <img src="{% url telemeta-collection-related collection.public_id media.id %}" style="max-width: 420px; max-height: 200px;" /></a> |
|---|
| 66 | {% endif %} |
|---|
| 67 | {% else %} |
|---|
| 68 | {% if media.url %} |
|---|
| 69 | {% if "youtu" in media.url %} |
|---|
| 70 | <iframe width="251" height="200" src="{{ media.url|get_youtube }}" frameborder="0" allowfullscreen></iframe> |
|---|
| 71 | {% endif %} |
|---|
| 72 | {% endif %} |
|---|
| 73 | {% endif %} |
|---|
| 74 | </td> |
|---|
| 75 | </tr> |
|---|
| 76 | {% endfor %} |
|---|
| 77 | </tbody> |
|---|
| 78 | </table> |
|---|
| 79 | </div> |
|---|
| 80 | {% endif %} |
|---|
| 81 | </div> |
|---|
