Le repo des sources pour le site web des JM2L
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
 
 
 
 
 

127 Zeilen
4.1 KiB

  1. <%inherit file="jm2l:templates/layout.mako"/>
  2. <%namespace name="helpers" file="jm2l:templates/helpers.mako"/>
  3. <%def name="jsAddOn()">
  4. <script src="/vendor/jquery.media/jquery.media.js"></script>
  5. <script type="text/javascript">
  6. $('a.media').media({width:480, height:360});
  7. </script>
  8. </%def>
  9. <div class="row-fluid">
  10. <div class="span10 offset1">
  11. <div id="SalleCarousel">
  12. ${helpers.show_salles( Salles, event.Salle.salle_id )}
  13. </div>
  14. <strong>${event.event_type}</strong>:
  15. <div class="borderboxtime">
  16. ${event.start_time.strftime('%d %b %Y').decode('utf-8')} -
  17. ${event.start_time.strftime('%H:%M')} à ${event.end_time.strftime('%H:%M')}
  18. ##%if event.Salle:
  19. ## - <strong>Salle</strong>: ${event.Salle.name}
  20. ##%endif
  21. </div>
  22. ##%if event.event_uid:
  23. ## <a href="http://jm2l.linux-azur.org/node/${event.event_uid}">Link</a> -
  24. ##%endif
  25. % if event.for_year==2015 and request.user and (request.user.Staff or request.user in event.intervenants):
  26. <a href="/MesJM2L/${event.for_year}/${event.event_type}/${event.slug}">Modifier</a>
  27. % elif request.user and request.user.Staff:
  28. <a href="/MesJM2L/${event.for_year}/${event.event_type}/${event.slug}">Editer</a>
  29. % endif
  30. <h3 style="line-height:30px;">${event.name}</h3>
  31. % if event.description :
  32. <div class="borderbox">
  33. ${event.description | n}
  34. </div>
  35. % else:
  36. <p>Cette évenement n'a pas de description.</p>
  37. % endif
  38. </div>
  39. </div>
  40. <hr/>
  41. % if event.presentation.count() and event.video.count():
  42. <div class="row-fluid">
  43. <div id="pres" class="span6">
  44. % for media in event.presentation:
  45. <div align="right">
  46. <a class="media" href="${media.get_path}">Présentation</a>
  47. </div>
  48. <div class="center">
  49. <a href="${media.get_path}"> Télécharger la présentation (${media.mime_type})</a>
  50. </div>
  51. % endfor
  52. </div>
  53. <div id="video" class="span6">
  54. % for media in event.video:
  55. <div align="left">
  56. <video width="80%" poster="" controls="controls" preload="metadata">
  57. <source type="${media.mime_type}"
  58. src="${media.get_path}" />
  59. </video> <br />
  60. </div>
  61. <div class="center">
  62. <a href="${media.get_path}"> Télécharger la vidéo (${media.mime_type})</a>
  63. </div>
  64. % endfor
  65. </div>
  66. </div>
  67. % else:
  68. <div class="row-fluid">
  69. <div id="pres" class="span10 offset1">
  70. % for media in event.presentation:
  71. <div align="center">
  72. <a href="${media.get_path}"> Télécharger la présentation (${media.mime_type})</a><br>
  73. <a class="media" href="${media.get_path}">Présentation</a>
  74. </div>
  75. % endfor
  76. </div>
  77. <div id="video" class="span10 offset1">
  78. % for media in event.video:
  79. <div align="center">
  80. <a href="${media.get_path}"> Télécharger la vidéo (${media.mime_type})</a><br>
  81. <video width="90%" poster="" controls="controls" preload="metadata">
  82. <source type="${media.mime_type}"
  83. src="${media.get_path}" />
  84. </video> <br />
  85. </div>
  86. % endfor
  87. </div>
  88. </div>
  89. % endif
  90. <div class="row-fluid">
  91. <div class="span10 offset1">
  92. % for iterv in event.intervenants:
  93. <p>
  94. <div class="titleborderbox">
  95. Intervenant <a href="/user/${iterv.slug}"><strong>${iterv.prenom} ${iterv.nom}</strong>.</a>
  96. % if iterv.pseudo:
  97. (${iterv.pseudo})
  98. %endif
  99. </div>
  100. <div class="media borderbox">
  101. ${helpers.show_pictures(iterv)}
  102. <div class="media-body">
  103. % if iterv.bio:
  104. ${iterv.bio | n}
  105. % else:
  106. <i>Ce profil n'a pas été complété.</i>
  107. % endif
  108. </div>
  109. </div>
  110. <div class="footborderbox">
  111. % if iterv.website:
  112. <div style="float:right;">
  113. <a href="${iterv.website}">${iterv.website}</a>
  114. </div>
  115. % endif
  116. </div>
  117. </p>
  118. % endfor
  119. <div class="clearfix">&nbsp;</div>
  120. <p style="float:right;">Créé le ${event.created.strftime('%d %b %Y').decode('utf-8')}</p>
  121. <br/>
  122. <hr/>
  123. </div>
  124. </div>