The spectrum charts improvements.

index.html

@@ -457,8 +457,11 @@ <h4>Workspace</h4>
                             <select id="spectrumTypeSelect">
                                 <option value="0">Frequency</option>
                                 <option value="1">Freq. vs Throttle</option>
-                                <option value="3">Freq. vs RPM</option>
-                                <option value="2">Error vs Setpoint</option>
+                                <option value="2">Freq. vs RPM</option>
+                                <option value="3">Power Spectral Density</option>
+                                <option value="4">PSD vs Throttle</option>
+                                <option value="5">PSD vs RPM</option>
+                                <option value="6">Error vs Setpoint</option>
                             </select>
                         </div>
 
@@ -490,6 +493,22 @@ <h4>Workspace</h4>
                     />
                     <input id="analyserZoomY" class="onlyFullScreen" type="range" name="analyserZoomY" value="100" min="10" max="1000" step="10" list="analyserZoomYTicks"
                     />
+                    <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="-35" max="100" 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
+                    </label>
+                    <label id="analyserMinPSDLabel" name="analyserMinPSDLabel" class="onlyFullScreen" >
+                      Min&nbsp;dBm
+                    </label>
+                    <label id="analyserLowLevelPSDLabel" name="analyserLowLevelPSDLabel" class="onlyFullScreen" >
+                      Limit&nbsp;dBm
+                    </label>
+
                     <datalist id="analyserZoomXTicks">
                         <option>100</option>
                         <option>200</option>

src/css/main.css

@@ -543,6 +543,12 @@ html.has-analyser-fullscreen.has-analyser
   display: block;
 }
 
+html.has-analyser-fullscreen.has-analyser
+  .analyser
+  label:not(.onlyFullScreenException) {
+  display: block;
+}
+
 #analyser,
 #log-seek-bar {
   z-index: 10;
@@ -616,7 +622,7 @@ html.has-analyser-fullscreen.has-analyser
   height: 0;
   overflow: hidden;
   opacity: 0;
-  left: 120px;
+  left: 130px;
   float: left;
   z-index: 9;
   position: absolute;
@@ -670,6 +676,7 @@ html.has-analyser-fullscreen.has-analyser
   top: 10px;
   float: right;
 }
+
 .analyser input#analyserZoomY {
   width: 10px;
   height: 100px;
@@ -678,6 +685,65 @@ html.has-analyser-fullscreen.has-analyser
   top: 30px;
 }
 
+.analyser input#analyserMinPSD::-webkit-inner-spin-button,
+.analyser input#analyserMinPSD::-webkit-outer-spin-button,
+.analyser input#analyserMaxPSD::-webkit-inner-spin-button,
+.analyser input#analyserMaxPSD::-webkit-outer-spin-button,
+.analyser input#analyserLowLevelPSD::-webkit-inner-spin-button,
+.analyser input#analyserLowLevelPSD::-webkit-outer-spin-button {
+  -webkit-appearance: auto !important;
+  -moz-appearance: auto !important;
+  appearance: auto !important;
+  opacity: 1 !important;
+  height: auto !important;
+  width: auto !important;
+}
+
+.analyser input#analyserMaxPSD {
+  width: 50px;
+  height: 20px;
+  left: 0px;
+  top: 30px;
+}
+
+.analyser input#analyserMinPSD {
+  width: 50px;
+  height: 20px;
+  left: 0px;
+  top: 55px;
+}
+
+.analyser input#analyserLowLevelPSD {
+  width: 50px;
+  height: 20px;
+  left: 0px;
+  top: 80px;
+}
+
+.analyser label#analyserMaxPSDLabel {
+  position:absolute;
+  color:gray;
+  left: 0px;
+  top: 30px;
+  font-size: 12px;
+}
+
+.analyser label#analyserMinPSDLabel {
+  position:absolute;
+  color:gray;
+  left: 0px;
+  top: 55px;
+  font-size: 12px;
+}
+
+.analyser label#analyserLowLevelPSDLabel {
+  position:absolute;
+  color:gray;
+  left: 0px;
+  top: 80px;
+  font-size: 12px;
+}
+
 .analyser input.onlyFullScreen {
   display: none;
   padding: 3px;
@@ -686,6 +752,14 @@ html.has-analyser-fullscreen.has-analyser
   position: absolute;
 }
 
+.analyser label.onlyFullScreen {
+  display: none;
+  padding: 3px;
+  margin-right: 3px;
+  z-index: 9;
+  position: absolute;
+}
+
 .analyser,
 .map-container,
 .log-seek-bar {