Improved PSD range values validation logic

Author: demvlad

index.html

@@ -495,9 +495,9 @@ <h4>Workspace</h4>
                     />
                     <input id="analyserLowLevelPSD" class="onlyFullScreen" type="number" name="analyserLowLevelPSD" value="-40" min="-40" max="10" step="5"
                     />
-                    <input id="analyserMaxPSD" class="onlyFullScreen" type="number" name="analyserMaxPSD" value="10" min="-20" max="100" step="5"
+                    <input id="analyserMaxPSD" class="onlyFullScreen" type="number" name="analyserMaxPSD" value="10" min="-35" max="100" step="5"
                     />
-                    <input id="analyserMinPSD" class="onlyFullScreen" type="number" name="analyserMinPSD" value="-40" min="-100" max="20" step="5"
+                    <input id="analyserMinPSD" class="onlyFullScreen" type="number" name="analyserMinPSD" value="-40" min="-100" max="5" step="5"
                     />
                     <label id="analyserMaxPSDLabel" name="analyserMaxPSDLabel" class="onlyFullScreen" >
                       Max&nbsp;dBm

src/graph_spectrum.js

@@ -238,8 +238,11 @@ export function FlightLogAnalyser(flightLog, canvas, analyserCanvas) {
         debounce(100, function () {
           const min = parseInt(analyserMinPSD.val());
           GraphSpectrumPlot.setMinPSD(min);
-          analyserLowLevelPSD.val(min).trigger("input");
           analyserLowLevelPSD.prop("min", min);
+          analyserMaxPSD.prop("min", min + 5);
+          if (analyserLowLevelPSD.val() < min) {
+            analyserLowLevelPSD.val(min).trigger("input");
+          }
           that.refresh();
         }),
       ).dblclick(function (e) {
@@ -254,7 +257,11 @@ export function FlightLogAnalyser(flightLog, canvas, analyserCanvas) {
         debounce(100, function () {
           const max = parseInt(analyserMaxPSD.val());
           GraphSpectrumPlot.setMaxPSD(max);
+          analyserMinPSD.prop("max", max - 5);
           analyserLowLevelPSD.prop("max", max);
+          if (analyserLowLevelPSD.val() > max) {
+            analyserLowLevelPSD.val(max).trigger("input");
+          }
           that.refresh();
         }),
       ).dblclick(function (e) {