55 lines
1.7 KiB
Twig
55 lines
1.7 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block title %}{{ parent() }} - Caméra{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="container">
|
|
<div class="camera-wrapper">
|
|
<img src="http://localhost:9096/" class="box camera" alt="Caméra 1">
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
{% if snapshots|length %}
|
|
<div class="title is-4">
|
|
Évènements
|
|
</div>
|
|
|
|
<table class="table is-full">
|
|
<thead>
|
|
<tr>
|
|
<th width="30%">Date</th>
|
|
<th>Fichier</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for snapshot in snapshots %}
|
|
<tr>
|
|
<td>{{ snapshot.date.format('d/m/Y H:i:s') }}</td>
|
|
<td>
|
|
<a href="{{ asset(snapshot.path) }}" class="snapshot-link">
|
|
{{ snapshot.path }}
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
{% endif %}
|
|
</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 %}
|