From 84055f22461069a28bfc71eadc2f4c853efa5240 Mon Sep 17 00:00:00 2001
From: Dennis Siemensma <github@dennissiemensma.nl>
Date: Thu, 27 Feb 2020 21:44:05 +0100
Subject: [PATCH] Layout voor mobiele/kleine schermen verbeteren #901

---
 .../templates/dsmr_frontend/statistics.html    | 18 +++++++++---------
 dsmrreader/formats/en/formats.py               |  1 +
 dsmrreader/formats/nl/formats.py               |  1 +
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/dsmr_frontend/templates/dsmr_frontend/statistics.html b/dsmr_frontend/templates/dsmr_frontend/statistics.html
index dd875a5f1..b06fc7714 100644
--- a/dsmr_frontend/templates/dsmr_frontend/statistics.html
+++ b/dsmr_frontend/templates/dsmr_frontend/statistics.html
@@ -156,7 +156,7 @@
                                    <i class="fas fa-bolt"></i> {{ electricity_statistics.highest_usage_l1_value }} {% trans "Watt" %}
                                 </span>
                                 <br>
-                                <span class="unit">{{ electricity_statistics.highest_usage_l1_timestamp }}</span>
+                                <span class="unit">{{ electricity_statistics.highest_usage_l1_timestamp|date:'DSMR_STATISTICS_DATETIME_FORMAT' }}</span>
                             </td>
                         </tr>
                         {% endif %}
@@ -168,7 +168,7 @@
                                    <i class="fas fa-bolt"></i> {{ electricity_statistics.highest_usage_l2_value }} {% trans "Watt" %}
                                 </span>
                                 <br>
-                                <span class="unit">{{ electricity_statistics.highest_usage_l2_timestamp }}</span>
+                                <span class="unit">{{ electricity_statistics.highest_usage_l2_timestamp|date:'DSMR_STATISTICS_DATETIME_FORMAT' }}</span>
                             </td>
                         </tr>
                         {% endif %}
@@ -180,7 +180,7 @@
                                    <i class="fas fa-bolt"></i> {{ electricity_statistics.highest_usage_l3_value }} {% trans "Watt" %}
                                 </span>
                                 <br>
-                                <span class="unit">{{ electricity_statistics.highest_usage_l3_timestamp }}</span>
+                                <span class="unit">{{ electricity_statistics.highest_usage_l3_timestamp|date:'DSMR_STATISTICS_DATETIME_FORMAT' }}</span>
                             </td>
                         </tr>
                         {% endif %}
@@ -193,7 +193,7 @@
                                    <i class="fas fa-bolt"></i> {{ electricity_statistics.lowest_usage_l1_value }} {% trans "Watt" %}
                                 </span>
                                 <br>
-                                <span class="unit">{{ electricity_statistics.lowest_usage_l1_timestamp }}</span>
+                                <span class="unit">{{ electricity_statistics.lowest_usage_l1_timestamp|date:'DSMR_STATISTICS_DATETIME_FORMAT' }}</span>
                             </td>
                                 <br>
                         </tr>
@@ -206,7 +206,7 @@
                                    <i class="fas fa-bolt"></i> {{ electricity_statistics.lowest_usage_l2_value }} {% trans "Watt" %}
                                 </span>
                                 <br>
-                                <span class="unit">{{ electricity_statistics.lowest_usage_l2_timestamp }}</span>
+                                <span class="unit">{{ electricity_statistics.lowest_usage_l2_timestamp|date:'DSMR_STATISTICS_DATETIME_FORMAT' }}</span>
                             </td>
                         </tr>
                         {% endif %}
@@ -218,7 +218,7 @@
                                    <i class="fas fa-bolt"></i> {{ electricity_statistics.lowest_usage_l3_value }} {% trans "Watt" %}
                                 </span>
                                 <br>
-                                <span class="unit">{{ electricity_statistics.lowest_usage_l3_timestamp }}</span>
+                                <span class="unit">{{ electricity_statistics.lowest_usage_l3_timestamp|date:'DSMR_STATISTICS_DATETIME_FORMAT' }}</span>
                             </td>
                         </tr>
                         {% endif %}
@@ -231,7 +231,7 @@
                                    <i class="fas fa-bolt"></i> {{ electricity_statistics.highest_return_l1_value }} {% trans "Watt" %}
                                 </span>
                                 <br>
-                                <span class="unit">{{ electricity_statistics.highest_return_l1_timestamp }}</span>
+                                <span class="unit">{{ electricity_statistics.highest_return_l1_timestamp|date:'DSMR_STATISTICS_DATETIME_FORMAT' }}</span>
                             </td>
                         </tr>
                         {% endif %}
@@ -243,7 +243,7 @@
                                    <i class="fas fa-bolt"></i> {{ electricity_statistics.highest_return_l2_value }} {% trans "Watt" %}
                                 </span>
                                 <br>
-                                <span class="unit">{{ electricity_statistics.highest_return_l2_timestamp }}</span>
+                                <span class="unit">{{ electricity_statistics.highest_return_l2_timestamp|date:'DSMR_STATISTICS_DATETIME_FORMAT' }}</span>
                             </td>
                         </tr>
                         {% endif %}
@@ -255,7 +255,7 @@
                                    <i class="fas fa-bolt"></i> {{ electricity_statistics.highest_return_l3_value }} {% trans "Watt" %}
                                 </span>
                                 <br>
-                                <span class="unit">{{ electricity_statistics.highest_return_l3_timestamp }}</span>
+                                <span class="unit">{{ electricity_statistics.highest_return_l3_timestamp|date:'DSMR_STATISTICS_DATETIME_FORMAT' }}</span>
                             </td>
                         </tr>
                         {% endif %}
diff --git a/dsmrreader/formats/en/formats.py b/dsmrreader/formats/en/formats.py
index 85bb9514a..66e0da862 100644
--- a/dsmrreader/formats/en/formats.py
+++ b/dsmrreader/formats/en/formats.py
@@ -10,5 +10,6 @@
 DSMR_DATEPICKER_MONTH = 'F Y'
 
 DSMR_EXPORT_DATETIME_FORMAT = 'Y-m-d H:i:s'
+DSMR_STATISTICS_DATETIME_FORMAT = 'l F jS Y \\a\\t g:i a'
 
 DJANGO_DATE_FORMAT = 'Y-m-d'
diff --git a/dsmrreader/formats/nl/formats.py b/dsmrreader/formats/nl/formats.py
index 36cefec14..15be419d5 100644
--- a/dsmrreader/formats/nl/formats.py
+++ b/dsmrreader/formats/nl/formats.py
@@ -10,5 +10,6 @@
 DSMR_DATEPICKER_MONTH = 'F Y'
 
 DSMR_EXPORT_DATETIME_FORMAT = 'd-m-Y H:i:s'
+DSMR_STATISTICS_DATETIME_FORMAT = 'l j F Y \o\m G:i'
 
 DJANGO_DATE_FORMAT = 'd-m-Y'