add camera and refactoring

templates/camera.html.twig

@@ -0,0 +1,11 @@
+{% 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>
+    </div>
+{% endblock %}

templates/charts.html.twig

@@ -0,0 +1,23 @@
+{% extends 'base.html.twig' %}
+
+{% block title %}{{ parent() }} - Moniteur{% endblock %}
+
+{% block body %}
+    <section class="section">
+        <div class="title is-4">Température</div>
+
+        <div class="box">
+            <div class="chart-container" data-api="{{ path('api_temperature') }}" data-type="line">
+                <canvas class="chart-canvas" id="chart-temperature"></canvas>
+            </div>
+        </div>
+
+        <div class="title is-4">Hygrométrie</div>
+
+        <div class="box">
+            <div class="chart-container" data-api="{{ path('api_hygrometry') }}" data-type="line">
+                <canvas class="chart-canvas" id="chart-hygrometry"></canvas>
+            </div>
+        </div>
+    </section>
+{% endblock %}