sns: the rest of magnitude settings

As mentioned in the #2491
Hides parent element when these groups are empty

code/html/custom.css

@@ -73,6 +73,10 @@ h2 {
     display: none;
 }
 
+.maybe-hidden {
+    display: none;
+}
+
 input[name=upgrade] {
     display: none;
 }

code/html/custom.js

@@ -1792,7 +1792,7 @@ function createMagnitudeUnitSelector(id, magnitude) {
         setOriginalsFromValuesForNode(line, [select]);
 
         const container = document.getElementById("magnitude-units");
-        container.style.display = "block";
+        container.parentElement.classList.remove("maybe-hidden");
         mergeTemplate(container, line);
     }
 }
@@ -1827,7 +1827,9 @@ function initMagnitudeTextSetting(containerId, id, keySuffix, value) {
     label.textContent = info.name;
     label.htmlFor = input.id;
 
-    mergeTemplate(document.getElementById(containerId), template);
+    const container = document.getElementById(containerId);
+    container.parentElement.classList.remove("maybe-hidden");
+    mergeTemplate(container, template);
 }
 
 function initMagnitudesRatio(id, value) {
@@ -1917,6 +1919,23 @@ function initMagnitudesSettings(data) {
         if (settings.Correction !== null) {
             initMagnitudesCorrection(id, settings.Correction);
         }
+
+        let threshold = settings.ZeroThreshold;
+        if (threshold === null) {
+            threshold = NaN;
+        }
+
+        initMagnitudeTextSetting(
+            "magnitude-zero-thresholds", id,
+            "ZeroThreshold", threshold);
+
+        initMagnitudeTextSetting(
+            "magnitude-min-deltas", id,
+            "MinDelta", settings.MinDelta);
+
+        initMagnitudeTextSetting(
+            "magnitude-max-deltas", id,
+            "MaxDelta", settings.MaxDelta);
     });
 }
 

code/html/index.html

@@ -1900,12 +1900,6 @@
                                 </div>
                             </fieldset>
 
-                            <fieldset>
-                                <legend>Corrections</legend>
-                                <div id="magnitude-corrections" class="pure-form-aligned settings-group">
-                                </div>
-                            </fieldset>
-
                             <fieldset class="module module-emon">
                                 <legend>Ratios</legend>
                                 <div id="emon-ratios" class="pure-form-aligned settings-group">
@@ -1916,12 +1910,6 @@
                                 </div>
                             </fieldset>
 
-                            <fieldset>
-                                <legend>Units</legend>
-                                <div id="magnitude-units" class="pure-form-aligned settings-group">
-                                </div>
-                            </fieldset>
-
                             <fieldset class="module module-emon">
                                 <legend>Energy monitor</legend>
 
@@ -1935,6 +1923,39 @@
 
                             </fieldset>
 
+                            <fieldset class="maybe-hidden">
+                                <legend>Units</legend>
+                                <div id="magnitude-units" class="pure-form-aligned settings-group">
+                                </div>
+                            </fieldset>
+
+                            <fieldset class="maybe-hidden">
+                                <legend>Corrections</legend>
+                                <div id="magnitude-corrections" class="pure-form-aligned settings-group">
+                                </div>
+                            </fieldset>
+
+                            <fieldset>
+                                <legend>Zero threshold</legend>
+                                <span class="pure-form-message">Report only when the value is above this threshold. Set to <code>NaN</code> (default) to disable.</span>
+                                <div id="magnitude-zero-thresholds" class="pure-form-aligned settings-group">
+                                </div>
+                            </fieldset>
+
+                            <fieldset>
+                                <legend>Report - minimum delta</legend>
+                                <span class="pure-form-message">Report only when the value changed at least this much (absolute difference)</span>
+                                <div id="magnitude-min-deltas" class="pure-form-aligned settings-group">
+                                </div>
+                            </fieldset>
+
+                            <fieldset>
+                                <legend>Report - reading maximum delta</legend>
+                                <span class="pure-form-message">Try to report on every reading, when the value changes at least this much (absolute difference)</span>
+                                <div id="magnitude-max-deltas" class="pure-form-aligned settings-group">
+                                </div>
+                            </fieldset>
+
                         </div>
 
                     </div>