From abdf3900af5acdca5a3d0d47b64221dabdea7658 Mon Sep 17 00:00:00 2001
From: Simon C <simonc@linux.com>
Date: Sat, 29 Jan 2022 14:07:44 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20Ajout=20du=20monitoring=20d'=C3=A9nergi?=
 =?UTF-8?q?e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/main.sass               | 36 ++++++++++++++++++++++++++++++
 content/_index.md                  |  5 +++--
 layouts/partials/monitoring.html   | 17 ++++++++++++++
 layouts/shortcodes/monitoring.html |  1 +
 4 files changed, 57 insertions(+), 2 deletions(-)
 create mode 100644 layouts/partials/monitoring.html
 create mode 100644 layouts/shortcodes/monitoring.html

diff --git a/assets/css/main.sass b/assets/css/main.sass
index e0bcb5e..1973506 100644
--- a/assets/css/main.sass
+++ b/assets/css/main.sass
@@ -85,6 +85,42 @@ a
     &:hover
       background: $color-secondary
 
+.monitoring
+  text-align: center
+  border-collapse: collapse
+  margin: 0 auto
+  background: $color-primary
+  color: white
+  width: 100%
+  border-top: 1px solid white
+
+  .date
+    background: white
+    color: $color-primary
+    font-size: .8rem
+    padding: .4rem
+    text-align: right
+    font-style: italic
+
+
+  td
+    border: 1px solid white
+    padding: 1rem
+
+  th
+    border-right: 1px solid white
+
+  strong
+    display: block
+
+  @media screen and (max-width: 839px)
+    margin-left: calc(-1rem + 1px)
+    font-size: .8rem
+    min-width: calc(100% + 2rem - 1px)
+    max-width: calc(100% + 2rem - 1px)
+
+    td
+      padding: .5rem
 // NAV
 
 // #content
diff --git a/content/_index.md b/content/_index.md
index 8def257..e7c60e6 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -3,14 +3,15 @@ title: Les Toits du Val, pour une transition énergétique !
 seo_title: "Accueil"
 ---
 
+{{< monitoring >}}
+
 « Les Toits du Val » a été créé par un groupe de citoyens du territoire sensible **aux enjeux écologiques**. La transition énergétique tarde à se concrétiser et nous voulons soutenir un modèle de **société durable**, qui ne compromette pas la qualité de vie des générations futures :
 
 > **La transition énergétique, c'est maintenant !**
 
-
 ## Comment ? Par l'installation de panneaux photovoltaïques
 
-Nous souhaitons faire installer des **panneaux photovoltaïques** sur des toitures publiques ou privées. Nous nous occupons de trouver les toitures, d'acheter des panneaux, d'identifier des professionnels sérieux afin d'assurer les travaux et la maintenance des installations.
+Nous souhaitons faire installer des **panneaux photovoltaïques** sur des toitures publiques ou privées. Nous nous occupons de trouver les toitures, d'acheter des panneaux, d'identifier des professionnels sérieux afin d'assurer les travaux et la maintenance des installations comme nous l'avons fait sur la salle Greyzolon Duluth.
 
 Nous mettons en place un ensemble d'actions afin de [financer l'investissement (achat de parts sociales, demandes de subventions, prêts bancaires)](/financements/). Nous agissons en qualité de **citoyens bénévoles**, seulement motivés par la transition énergétique de notre territoire.
 
diff --git a/layouts/partials/monitoring.html b/layouts/partials/monitoring.html
new file mode 100644
index 0000000..5fa7e50
--- /dev/null
+++ b/layouts/partials/monitoring.html
@@ -0,0 +1,17 @@
+{{ $json := getJSON "https://monitoringapi.solaredge.com/site/2516130/overview?api_key=GVF1BZAAM74IRDZ2WRWT32A5V0CY9G4Z&format=json" }}
+{{ $lastDayData := $json.overview.lastDayData.energy }}
+{{ $lastMonthData := $json.overview.lastMonthData.energy }}
+{{ $lifeTimeData := $json.overview.lifeTimeData.energy }}
+<table class="monitoring">
+  <tr>
+    <th colspan="3">Production Greyzolon Duluth</th>
+  </tr>
+  <tr>
+    <td>Energie du jour<strong>{{ lang.NumFmt 2 (div $lastDayData 1000) "- . ," }} kWh</strong></td>
+    <td>Energie du mois<strong>{{ lang.NumFmt 2 (div $lastMonthData 1000000) "- . ," }} MWh</strong></td>
+    <td>Production totale<strong>{{ lang.NumFmt 2 (div $lifeTimeData 1000000) "- . ," }} MWh</strong></td>
+  </tr>
+  <tr>
+    <td class="date" colspan="3">{{ $json.overview.lastUpdateTime | time.Format ":date_medium" }}</td>
+  </tr>
+</table>
diff --git a/layouts/shortcodes/monitoring.html b/layouts/shortcodes/monitoring.html
new file mode 100644
index 0000000..78c3493
--- /dev/null
+++ b/layouts/shortcodes/monitoring.html
@@ -0,0 +1 @@
+{{ partial "monitoring.html" . }}