Change View Event to get Presentation next to the video

This commit is contained in:
2015-04-05 17:11:45 +02:00
parent 4de7407e03
commit dbab558562
+60 -13
View File
@@ -1,6 +1,11 @@
<%inherit file="jm2l:templates/layout.mako"/> <%inherit file="jm2l:templates/layout.mako"/>
<%namespace name="helpers" file="jm2l:templates/helpers.mako"/> <%namespace name="helpers" file="jm2l:templates/helpers.mako"/>
<%def name="jsAddOn()">
<script src="/vendor/jquery.media/jquery.media.js"></script>
<script type="text/javascript">
$('a.media').media({width:480, height:360});
</script>
</%def>
<div class="row-fluid"> <div class="row-fluid">
<div class="span10 offset1"> <div class="span10 offset1">
@@ -29,19 +34,61 @@ ${event.start_time.strftime('%H:%M')} à ${event.end_time.strftime('%H:%M')}
% else: % else:
<p>Cette évenement n'a pas de description.</p> <p>Cette évenement n'a pas de description.</p>
% endif % endif
% for media in event.presentation: </div>
<strong>Présentation</strong>:${media.filename} (${media.mime_type}) </div>
% endfor <hr/>
<hr/>
% for media in event.video: % if event.presentation.count() and event.video.count():
<div style="width:480px;margin:auto;"> <div class="row-fluid">
<video width="480" poster="" controls="controls" preload="metadata"> <div id="pres" class="span6">
<source type="${media.mime_type}" % for media in event.presentation:
src="/resources/${media.for_year}/Video/${media.filename}" /> <div align="right">
</video> <br /> <a class="media" href="${media.get_path}">Présentation</a>
<strong>Vidéo</strong>:${media.filename} (${media.mime_type}) </div>
<center>
<a href="${media.get_path}"> Télécharger la présentation (${media.mime_type})</a>
</center>
% endfor
</div>
<div id="video" class="span6">
% for media in event.video:
<div align="left">
<video width="80%" poster="" controls="controls" preload="metadata">
<source type="${media.mime_type}"
src="${media.get_path}" />
</video> <br />
</div>
<center>
<a href="${media.get_path}"> Télécharger la vidéo (${media.mime_type})</a>
</center>
% endfor
</div>
</div> </div>
% endfor % else:
<div class="row-fluid">
<div id="pres" class="span10 offset1">
% for media in event.presentation:
<div align="center">
<a href="${media.get_path}"> Télécharger la présentation (${media.mime_type})</a><br>
<a class="media" href="${media.get_path}">Présentation</a>
</div>
% endfor
</div>
<div id="video" class="span10 offset1">
% for media in event.video:
<div align="center">
<a href="${media.get_path}"> Télécharger la vidéo (${media.mime_type})</a><br>
<video width="90%" poster="" controls="controls" preload="metadata">
<source type="${media.mime_type}"
src="${media.get_path}" />
</video> <br />
</div>
% endfor
</div>
</div>
% endif
<div class="row-fluid">
<div class="span10 offset1">
% for iterv in event.intervenants: % for iterv in event.intervenants:
<p> <p>