2020-03-21 18:39:12 +01:00
|
|
|
{% extends 'base.html.twig' %}
|
|
|
|
|
|
|
|
{% block title %}{{ parent() }} - Évènements{% endblock %}
|
|
|
|
|
|
|
|
{% block body %}
|
2020-03-22 15:31:46 +01:00
|
|
|
<div class="tabs">
|
|
|
|
<ul>
|
|
|
|
{% for key, name in days %}
|
|
|
|
<li {% if date == key %}class="is-active"{% endif %}>
|
|
|
|
<a href="{{ path('events', {date: key}) }}">{{ name }}</a>
|
|
|
|
</li>
|
|
|
|
{% endfor %}
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
|
2020-03-21 18:39:12 +01:00
|
|
|
<div class="container">
|
2020-03-22 15:31:46 +01:00
|
|
|
{% for snapshot in snapshots %}
|
|
|
|
{% if date == snapshot.date.format('Y-m-d') %}
|
|
|
|
<a href="{{ asset(snapshot.movie) }}" class="snapshot-link">
|
2020-03-22 15:32:41 +01:00
|
|
|
<img src="{{ asset(snapshot.thumbnail) }}" alt="{{ snapshot.date.format('d/m/Y H:i:s') }}" class="box">
|
2020-03-22 15:31:46 +01:00
|
|
|
</a>
|
|
|
|
{% endif %}
|
2020-03-21 18:39:12 +01:00
|
|
|
{% endfor %}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div id="snapshot-view"></div>
|
|
|
|
|
|
|
|
<template id="snapshot-template">
|
|
|
|
<div class="modal is-active">
|
|
|
|
<div class="modal-background"></div>
|
|
|
|
<div class="modal-content" controls>
|
|
|
|
<video controls class="image">
|
|
|
|
<source src="{src}" type="video/mp4" />
|
|
|
|
</video>
|
|
|
|
</div>
|
|
|
|
<button class="modal-close is-large" aria-label="close"></button>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
{% endblock %}
|