source: telemeta/templates/telemeta/mediaitem_detail.html @ 7ed402e

cremcrem2crem3devdev2diademsdj1.6feature/breadcrumbsfeature/ts-0.5feature/ts-0.5.4feature/writecacheformagenericinstru_searchlamlam2mapsv3mergenlivemultiproductionrelease/1.4.4sabiodsearchsecurityserversocialstoragetelecastertest
Last change on this file since 7ed402e was 7ed402e, checked in by yomguy <yomguy@…>, 3 years ago

add Format (LAM) and various enumerations, add last revision to item detail

  • Property mode set to 100644
File size: 13.9 KB
Line 
1{% extends "telemeta/base.html" %}
2{% load telemeta_utils %}
3{% load i18n %}
4
5{% block head_title %}{% trans "Item" %} : {% if item.title %}{{ item.title }}{% else %}{{ item.public_id}}{% endif %} - {{ block.super }}{% endblock %}
6
7{% block stylesheets %}
8{{ block.super }}
9      <link rel="stylesheet" type="text/css" href="{% url telemeta-timeside "skins/lab/style.css" %}" />
10      <link rel="stylesheet" type="text/css" href="{% url telemeta-css "player.css" %}" />
11{% endblock %}
12
13{% block extra_javascript %}
14{% if item %}
15
16{% if item.file %}
17{% if public_access or perms.telemeta.can_play_all_items %}
18<script src="{% url telemeta-timeside "js/libs/soundmanager2-nodebug-jsmin.js" %}" type="text/javascript"></script>
19<script src="{% url telemeta-timeside "js/timeside.js" %}" type="text/javascript"></script>
20{% endif %}
21{% endif %}
22
23<script src="{% url telemeta-js "popupdiv-min.js" %}" type="text/javascript"></script>
24<script src="{% url telemeta-js "playlist.js" %}" type="text/javascript"></script>
25
26{% if item.file %}
27{% if public_access or perms.telemeta.can_play_all_items %}
28<script src="{% url telemeta-js "playerLoader.js" %}" type="text/javascript"></script>
29<script src="{% url telemeta-js "divmarker.js" %}" type="text/javascript"></script>
30{% endif %}
31{% endif %}
32
33<script type="text/javascript">
34    {% if item.file %}
35    {% if public_access or perms.telemeta.can_play_all_items %}
36        //initializing soundManager default properties
37        soundManager.flashVersion = 9;
38        soundManager.url = "{% url telemeta-timeside "swf/" %}";
39        soundManager.debugMode = false;
40        soundManager.allowPolling = true;
41        soundManager.useHTML5Audio = true;
42        soundManager.preferFlash = true;
43
44        //initializing the visualizers to be passed to the player
45        var visualizers = {};
46        {% for v in visualizers %}
47            visualizers["{{v.name}}"] = "{% url telemeta-item-visualize item.public_id,v.id,"WIDTH","HEIGHT" %}";
48        {% endfor %}
49        {% if user.is_superuser %}
50             loadPlayer('{% url telemeta-item-analyze-xml item.public_id %}',
51              "{% url telemeta-item-export item.public_id,"mp3" %}", undefined, '{{item.id}}', visualizers,
52              CURRENT_USER_NAME,  //undefined if !user.is_authenticated
53              true); //true because superuser
54        {% else %}
55           loadPlayer('{% url telemeta-item-analyze-xml item.public_id %}',
56             "{% url telemeta-item-export item.public_id,"mp3" %}", undefined, '{{item.id}}', visualizers,
57             CURRENT_USER_NAME,  //undefined if !user.is_authenticated
58             false); //false because not superuser
59        {% endif %}
60    {% endif %}
61    {% endif %}
62    //playlists:
63    {% if user.is_authenticated %}
64        {% for playlist in playlists %}
65            playlistUtils.addPlaylist('{{ playlist.playlist.title }}','{{playlist.playlist.public_id}}');
66        {% endfor %}
67            jQuery(window).ready(function(){
68                var anchor = jQuery('#_add_to_playlist');
69                if(anchor.length){
70                    anchor.unbind('click').click(function(){
71                        playlistUtils.showAddResourceToPlaylist(anchor,'item','{{item.id}}',gettrans('item added to the selected playlist'));
72                        return false;
73                    });
74                }
75            });
76    {% endif %}
77</script>
78
79{% if "video" in mime_type %}
80<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
81<script src="http://vjs.zencdn.net/c/video.js"></script>
82{% endif %}
83
84{% endif %}
85{% endblock %}
86
87{% if item %}
88
89{% block title %}
90<img src="{% url telemeta-images "item.png" %}" alt="item" style="vertical-align:middle" />
91Item : <a href="{% url telemeta-item-detail item.public_id %}">{{ item }}</a>
92{% endblock %}
93
94{% block title_buttons %}
95<div class="fixedWidthAsPlayer">
96    {% if user.is_authenticated and perms.telemeta.change_mediaitem %}
97    <a href="{% url telemeta-item-edit item.public_id %}" class="component_icon button icon_edit">{% trans "Edit" %}</a>
98    <a href="{% url telemeta-item-copy item.public_id %}" class="component_icon button icon_copy">{% trans "Copy" %}</a>
99    {% endif %}
100    {% if user.is_authenticated %}
101    <a id="_add_to_playlist" href='#' class="component_icon button icon_add_to_playlist">{% trans "Add to playlist" %}</a>
102    {% endif %}
103    <a href="{% url telemeta-item-detail previous %}" class="component_icon button icon_previous">{% trans "Previous" %}</a>
104    <a href="{% url telemeta-item-detail next %}" class="component_icon button icon_next">{% trans "Next" %}</a>
105    <a href="{% url telemeta-item-dublincore item.public_id %}" class="component_icon button icon_dublin_core">Dublin Core</a>
106</div>
107{% endblock %}
108
109{% block content %}
110<div class="{% if item.file %}{% if public_access or perms.telemeta.can_play_all_items %}with-rightcol{% endif %}{% endif %}">
111    {% if item.file %}
112
113
114    {% if public_access or perms.telemeta.can_play_all_items %}
115    <div id="player_maximized" class="ts-skin-lab">
116        <a href="#" class="toggle">Minimize</a>
117        <a href="#" class="embed_player_frame">&lt;/&gt;</a>
118        <div class="wazing"></div>
119    </div>
120    <div id="rightcol">
121        <div id="player_minimized" class="ts-skin-lab">
122            <a href="#" class="toggle">Maximize</a>
123            <a href="#" class="embed_player_frame">&lt;/&gt;</a>
124            <div class="wazing"></div>
125            <div id="player" class="ts-player">
126            </div>
127        </div>
128
129    {% if "video" in mime_type %}
130    <div>
131    <video id="my_video_1" class="video-js vjs-default-skin" width="362" height="240" controls preload="auto" data-setup="{}">
132        <!-- Hello Chrome and Firefox (and Opera?) -->
133        <source src="{% url telemeta-item-export item.public_id mime_type|mime_to_ext %}" type="{{ mime_type }}" />
134        </video>
135        <div id="videotime"></div>
136    </div>
137    <script>
138    (function(){
139        var v = document.getElementsByTagName('video')[0]
140        var t = document.getElementById('videotime');
141        v.addEventListener('timeupdate',function(event){
142            t.innerHTML = v.currentTime;
143            },false);
144            })();
145    </script>
146    {% endif %}
147
148        <!-- </div> -->
149        <div id="tabs_container">
150            <!-- this div will be hidden when everything is fully loaded-->
151            <span id="loading_span" href="#"><img style="vertical-align:middle" alt="wait" src="{% url telemeta-images "wait.gif" %}" />&nbsp;
152                <span id="loading_span_text">Loading...</span></span>
153            <a id="tab_analysis" style="display:none" class ="tab" href="#">{% trans "Analysis" %}</a><!--
154             do not let space here as it appears in the document!!!!!
155            --><a id="tab_markers" style="display:none" class="tab" href="#">{% trans "Markers" %}</a>
156        </div>
157
158        <div class="markers" id="markers_div_id"></div>
159
160        <div class="analyzer" id="analyzer_div_id">
161            <table width="100%">
162                <tr class="analyzer-title">
163                    <td>{% trans "Property" %}</td>
164                    <td>{% trans "Value" %}</td>
165                    <td>{% trans "Unit" %}</td>
166                </tr>
167            </table>
168        </div>
169        <!--</div>-->
170
171        {% if audio_export_enabled or perms.telemeta.can_download_all_items or user.is_superuser %}
172        <div class="exporter">
173            <p><img src="{% url telemeta-images "download.png" %}" alt="download" style="vertical-align:middle" /> {% trans "Download:" %}
174                {% for format in export_formats %}
175                <a href="{% url telemeta-item-export item.public_id,format.extension %}">
176                    <img src="images/{{ format.extension }}.png" style="vertical-align:middle" alt="{{ format.extension }}" /></a>
177                {% endfor %}</p>
178        </div>
179        {% endif %}
180
181    </div>
182    {% endif %}
183    {% endif %}
184
185    {% block infos %}
186    <div class="infos">
187        {% block general_info %}
188        <dl class="listing">
189            {% dl_field item "title" placeholder %}
190            {% dl_field item "alt_title" %}
191            {% dl_field item "collector" placeholder %}
192            <dt>{% field_label item "collection" %}</dt>
193            <dd><a href="{% url telemeta-collection-detail item.collection.public_id %}">{{ item.collection }}</a></dd>
194            <dt>{% trans "Recording date" %}</dt>
195
196            <dd>{% if item.recorded_from_date %}{{ item.recorded_from_date }}{% endif %}{% if item.recorded_from_date and item.recorded_to_date%} - {% endif %}{% if item.recorded_to_date %}{{ item.recorded_to_date}}{% endif %}</dd>
197
198            {% if last_revision %}
199            <dt>{% trans "Last modification" %}</dt>
200            <dd>{{ last_revision.time }}</dd>
201            {% endif %}
202           
203        </dl>
204        {% endblock general_info %}
205    </div>
206    <div class="extraInfos">
207        {% block geoethnic_data %}
208        <div>
209            <h4><a href="#">{% trans "Geographic and cultural informations" %}</a></h4>
210            <dl class="listing">
211                <dt>{% trans "Location" %}</dt>
212                <dd>{% if item.location %}{{ item.location.fullnames|join:"<br/>" }}{% endif %}</dd>
213                {% dl_field item "location_comment" %}
214                {% dl_field item "cultural_area" %}
215                {% dl_field item "language" %}
216                {% if item.language_iso %}
217                <dt>{% trans "Language ISO" %}</dt>
218                <dd>{{ item.language_iso.name|to_utf8 }}</dd>
219                {% endif %}
220                {% dl_field item "ethnic_group" placeholder %}
221                <dt>{% trans "Ethnographic context" %}</dt>
222                <dd>{{ item.context_comment|html_line_break|safe }}</dd>
223                {% dl_field item "keywords" join with ", " %}
224            </dl>
225        </div>
226        {% endblock geoethnic_data %}
227    </div>
228    {% if user.is_authenticated and perms.telemeta.change_mediaitem %}
229    <a href="{% url telemeta-item-keywords_edit item.public_id %}" class="component_icon button icon_edit">{% trans "Edit" %} {% trans "keywords" %}</a>
230    {% endif %}
231    <div class="extraInfos">
232        {% block musical_data %}
233        <div>
234            <h4><a href="#">{% trans "Musical informations" %}</a></h4>
235            <dl class="listing">
236                {% dl_field item "vernacular_style" %}
237                {% dl_field item "generic_style" %}
238                {% dl_field item "author" %}
239            </dl>
240            {% if item.performances %}
241            <div class="instruments">
242                <table class="instruments">
243                    <thead>
244                        <tr>
245                            <td>{% field_label "MediaItemPerformance" "instruments_num" %}</td>
246                            <td>{% field_label "MediaItemPerformance" "instrument" %}</td>
247                            <td>{% field_label "MediaItemPerformance" "alias" %}</td>
248                            <td>{% field_label "MediaItemPerformance" "musicians" %}</td>
249                        </tr>
250                    </thead>
251                    <tbody>
252                        {% for performance in item.performances.all %}
253                        <tr>
254                            <td>{{ performance.instruments_num }}</td>
255                            <td>{{ performance.instrument|default:"" }}</td>
256                            <td>{{ performance.alias|default:"" }}</td>
257                            <td>{{ performance.musicians }}</td>
258                        </tr>
259                        {% endfor %}
260                    </tbody>
261                </table>
262            </div>
263            {% endif %}
264        </div>
265        {% endblock musical_data %}
266    </div>
267    {% if user.is_authenticated and perms.telemeta.change_mediaitem %}
268    <a href="{% url telemeta-item-performances_edit item.public_id %}" class="component_icon button icon_edit">{% trans "Edit"%} {% trans "performance"%}</a>
269    {% endif %}
270    <div class="extraInfos">
271        {% block general_data %}
272        <div>
273            <h4><a href="#">{% trans "General informations" %}</a></h4>
274            <dl class="listing">
275                <dt>{% trans "Remarks" %}</dt>
276                <dd>{{ item.comment|html_line_break|safe }}</dd>
277                {% dl_field item "collector_selection" %}
278            </dl>
279        </div>
280        {% endblock general_data %}
281    </div>
282    <div class="extraInfos">
283        {% block archive_data %}
284        <div>
285            <h4><a href="#">{% trans "Archiving data" %}</a></h4>
286            <dl class="listing">
287                {% dl_field item "code" %}
288                {% dl_field item "old_code" %}
289                {% dl_field item "track" %}
290                {% dl_field item "creator_reference" %}
291                <dt>{% trans "Published references" %}</dt>
292                <dd>{{ item.external_references|html_line_break|safe }}</dd>
293                {% dl_field item "public_access_label" %}
294            </dl>
295        </div>
296        {% endblock archive_data %}
297    </div>
298    <div class="extraInfos">
299        {% block technical_data %}
300        <div>
301            <h4><a href="#">{% trans "Technical data" %}</a></h4>
302            <div>
303                <dl class="listing">
304                <dt>{% trans "Media type" %}</dt><dd>{% trans mime_type|mime_to_media_type %}</dd>
305                    {% dl_field item "approx_duration" %}
306                </dl>
307            </div>
308        </div>
309        {% endblock technical_data %}
310    </div>
311    {% endblock infos %}
312</div> <!-- with-rightcol -->
313
314<div class="extraInfos">
315    {% block related %}
316        {% include "telemeta/inc/mediaitem_related.html" %}
317    {% endblock related %}
318</div>
319
320{% endblock %}
321
322{% block delete %}
323{% if user.is_authenticated and perms.telemeta.delete_mediaitem %}
324 <a href="#" onclick="if(confirm(gettrans('delete the item permanently?'))){window.location.href='{% url telemeta-item-delete item.public_id %}';};return false;"
325        class="component_icon button icon_delete" style="float:right;margin-top:0.5em;margin-bottom:1em">{% trans "Delete" %}</a>
326{% endif %}
327{% endblock %}
328
329{% else %}
330<p>No such item</p>
331{% endif %}
Note: See TracBrowser for help on using the repository browser.