Live weergave en live teller wijken af #1034

Author: dennissiemensma

docs/changelog.rst

@@ -14,6 +14,7 @@ v3.12.0 - 2020-07-10
 
 - [`#1036 <https://github.com/dennissiemensma/dsmr-reader/issues/1036>`_] Deprecate API support for Status
 - [`#1037 <https://github.com/dennissiemensma/dsmr-reader/issues/1037>`_] Laatste v3.x release
+- [`#1034 <https://github.com/dennissiemensma/dsmr-reader/issues/1034>`_] Live weergave en live teller wijken af
 
 
 ----

dsmr_frontend/templates/dsmr_frontend/dashboard.html

@@ -46,6 +46,13 @@
                         <tr class="live-header">
                             <th class="col-sm-6">
                                 <span id="latest_timestamp"><i class="fas fa-circle-notch fa-spin fa-fw"></i></span> <span class="unit" id="tariff_name"></span>
+
+                                <span>
+                                    <a class="help-trigger" href="#"><small><i class="fas fa-question-circle"></i></small></a>
+                                    <small class="xhr-hidden">
+                                        {% blocktrans %}Based on the latest telegram received, no matter if it's still unprocessed.{% endblocktrans %}
+                                    </small>
+                                </span>
                             </th>
                             <th class="col-sm-2">
                                 {% if capabilities.electricity %}
@@ -187,6 +194,12 @@
 
     <script type="text/javascript" src="{% static 'dsmr_frontend/js/dsmr-reader/consumption-header.js' %}?r=v{{ dsmr_version }}"></script>
     <script type="text/javascript">
+        $(".help-trigger").click(function () {
+            $(this).next().show();
+            $(this).remove();
+            return false;
+        });
+
         var xhr_consumption_header_url = "{% url 'frontend:xhr-consumption-header' %}";
 
         $(document).ready(function(){

dsmr_frontend/templates/dsmr_frontend/live-graphs.html

@@ -28,6 +28,13 @@
                         <tr class="live-header">
                             <th class="col-sm-6">
                                 <span id="latest_timestamp"><i class="fas fa-circle-notch fa-spin fa-fw"></i></span> <span class="unit" id="tariff_name"></span>
+
+                                <span>
+                                    <a class="help-trigger" href="#"><small><i class="fas fa-question-circle"></i></small></a>
+                                    <small class="xhr-hidden">
+                                        {% blocktrans %}Based on the latest electricity consumption processed.{% endblocktrans %}
+                                    </small>
+                                </span>
                             </th>
                             <th class="col-sm-2">
                                 {% if capabilities.electricity %}
@@ -236,6 +243,12 @@
             /* Reload entire page after 15 minutes. */
             setInterval(function(){ location.reload(); }, 15 * 60 * 1000)
         });
+
+        $(".help-trigger").click(function () {
+            $(this).next().show();
+            $(this).remove();
+            return false;
+        });
     </script>
 
 {% endblock %}