terrarium-web/templates/base.html.twig

60 lines
2.7 KiB
Twig

{% set assetCache = 'now'|date('dmyh') %}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{% block title %}Terrarium{% endblock %}</title>
<link rel="icon" type="image/png" href="{{ asset('favicon.png') }}" >
{% block css %}
<link rel="stylesheet" href="{{ asset('node_modules/bootstrap/dist/css/bootstrap.min.css') }}?v={{ assetCache }}">
<link rel="stylesheet" href="{{ asset('node_modules/chart.js/dist/Chart.min.css') }}?v={{ assetCache }}">
<link rel="stylesheet" href="{{ asset('assets/css/app.css') }}?v={{ assetCache }}">
{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="{{ path('charts') }}">
<img src="{{ asset('assets/img/logo.svg') }}" height="28">
</a>
<button class="navbar-toggler navbar-burger" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse navbar-menu">
<ul class="navbar-nav">
<li class="nav-item {% if app.request.attributes.get('_route') == 'charts' %}active{% endif %}">
<a class="nav-link" href="{{ path('charts') }}">
Graphiques
</a>
</li>
<li class="nav-item {% if app.request.attributes.get('_route') == 'datas' %}active{% endif %}">
<a class="nav-link" href="{{ path('datas') }}">
Données
</a>
</li>
<li class="nav-item {% if app.request.attributes.get('_route') == 'camera' %}active{% endif %}">
<a class="nav-link" href="{{ path('camera') }}">
Caméra
</a>
</li>
<li class="nav-item {% if app.request.attributes.get('_route') == 'events' %}active{% endif %}">
<a class="nav-link" href="{{ path('events') }}">
Évènements
</a>
</li>
</ul>
</div>
</nav>
{% block body %}
{% endblock %}
{% block js %}
<script src="{{ asset('node_modules/chart.js/dist/Chart.bundle.min.js') }}?v={{ assetCache }}"></script>
<script src="{{ asset('assets/js/app.js') }}?v={{ assetCache }}"></script>
{% endblock %}
</body>
</html>