From 71a54c943f357e05fdb0a38aa6a56ef0431808df Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Wed, 1 Apr 2020 21:01:25 +0200
Subject: [PATCH] add reload option on graph

---
 public/assets/js/app.js    | 7 ++++++-
 templates/charts.html.twig | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/public/assets/js/app.js b/public/assets/js/app.js
index d6cabf3..2fc1fe9 100644
--- a/public/assets/js/app.js
+++ b/public/assets/js/app.js
@@ -40,9 +40,14 @@ var ChartLoader = function() {
                             instance.resize();
                         });
                     }
+
+                    if (chart.hasAttribute('data-reload')) {
+                        window.setTimeout(function() {
+                            chart.dispatchEvent(new Event('refresh'));
+                        }, chart.getAttribute('data-reload'))
+                    }
                 });
         });
-
         chart.dispatchEvent(new Event('refresh'));
     });
 }
diff --git a/templates/charts.html.twig b/templates/charts.html.twig
index 8d96eb9..f8698f9 100644
--- a/templates/charts.html.twig
+++ b/templates/charts.html.twig
@@ -7,7 +7,7 @@
         <div class="title is-4">Température</div>
 
         <div class="box">
-            <div class="chart-container" data-api="{{ path('api_monitoring_temperature') }}" data-type="line">
+            <div class="chart-container" data-reload="300000" data-api="{{ path('api_monitoring_temperature') }}" data-type="line">
                 <canvas class="chart-canvas" id="chart-temperature"></canvas>
             </div>
         </div>
@@ -15,7 +15,7 @@
         <div class="title is-4">Hygrométrie</div>
 
         <div class="box">
-            <div class="chart-container" data-api="{{ path('api_monitoring_hygrometry') }}" data-type="line">
+            <div class="chart-container" data-reload="300000" data-api="{{ path('api_monitoring_hygrometry') }}" data-type="line">
                 <canvas class="chart-canvas" id="chart-hygrometry"></canvas>
             </div>
         </div>