From 8c8a343e61880728b320d23cbc2ef9d239287f7d Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@protonmail.com>
Date: Sat, 2 Oct 2021 09:41:41 +0200
Subject: [PATCH] scatter update

displaying thicker 0 axis  now
---
 gui/package-lock.json |  5 +++++
 gui/package.json      |  1 +
 gui/preload-main.js   | 27 ++++++++++++++++++++++++++-
 gui/src/index.html    |  4 ++++
 4 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/gui/package-lock.json b/gui/package-lock.json
index ed108be7..1c641b69 100644
--- a/gui/package-lock.json
+++ b/gui/package-lock.json
@@ -672,6 +672,11 @@
       "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.5.1.tgz",
       "integrity": "sha512-m5kzt72I1WQ9LILwQC4syla/LD/N413RYv2Dx2nnTkRS9iv/ey1xLTt0DnPc/eWV4zI+BgEgDYBIzbQhZHc/PQ=="
     },
+    "chartjs-plugin-annotation": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/chartjs-plugin-annotation/-/chartjs-plugin-annotation-1.0.2.tgz",
+      "integrity": "sha512-asqP2/B+9tv105e3rwkzqoIgzhDBQRMzFRh/0ZTKqormxDXMP68uzxI5t3Fx8bxZSMNeEph0sY+0GIXXU0PeBQ=="
+    },
     "chromium-pickle-js": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/chromium-pickle-js/-/chromium-pickle-js-0.2.0.tgz",
diff --git a/gui/package.json b/gui/package.json
index 09c107ad..115dc934 100644
--- a/gui/package.json
+++ b/gui/package.json
@@ -30,6 +30,7 @@
   "dependencies": {
     "bootstrap": "^5.1.0",
     "chart.js": "^3.5.1",
+    "chartjs-plugin-annotation": "^1.0.2",
     "qth-locator": "^2.1.0"
   },
   "devDependencies": {
diff --git a/gui/preload-main.js b/gui/preload-main.js
index 25158f27..4dfc3e3d 100644
--- a/gui/preload-main.js
+++ b/gui/preload-main.js
@@ -191,7 +191,7 @@ window.addEventListener('DOMContentLoaded', () => {
     // saveMyCall button clicked
     document.getElementById("saveMyCall").addEventListener("click", () => {
         callsign = document.getElementById("myCall").value
-        config.mycall = callsign
+        config.mycall = callsign.toUpperCase()
         fs.writeFileSync(configPath, JSON.stringify(config, null, 2));
         sock.saveMyCall(callsign)
     });
@@ -208,12 +208,14 @@ window.addEventListener('DOMContentLoaded', () => {
     // startPing button clicked
     document.getElementById("sendPing").addEventListener("click", () => {
         var dxcallsign = document.getElementById("dxCall").value
+        dxcallsign = dxcallsign.toUpperCase()
         sock.sendPing(dxcallsign)
     });
 
     // dataModalstartPing button clicked
     document.getElementById("dataModalSendPing").addEventListener("click", () => {
         var dxcallsign = document.getElementById("dataModalDxCall").value
+        dxcallsign = dxcallsign.toUpperCase()
         sock.sendPing(dxcallsign)
     });
 
@@ -344,6 +346,28 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
                     tooltip: {
                         enabled: false
                     },
+                    
+                    annotation: {
+                        annotations: {
+                            line1: {
+                              type: 'line',
+                              yMin: 0,
+                              yMax: 0,
+                              borderColor: 'rgb(255, 99, 132)',
+                              borderWidth: 2,
+                            },
+                            line2: {
+                              type: 'line',
+                              xMin: 0,
+                              xMax: 0,
+                              borderColor: 'rgb(255, 99, 132)',
+                              borderWidth: 2,
+                            }
+                         }   
+                     },   
+        
+        
+        
                 },
                 animations: false,
                 scales: {
@@ -358,6 +382,7 @@ ipcRenderer.on('action-update-tnc-state', (event, arg) => {
                         }            
                     },
                     y: {
+                    
                         display: true,
                         min: -50,
                         max: 50,
diff --git a/gui/src/index.html b/gui/src/index.html
index 9a28fd5f..f3bd92d0 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -823,8 +823,12 @@
                 </div>
             </div>
         </nav>
+        <!-- bootstrap -->
         <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+        <!-- chart.js -->
         <script src="../node_modules/chart.js/dist/chart.min.js"></script>
+        <script src="../node_modules/chartjs-plugin-annotation/dist/chartjs-plugin-annotation.min.js"></script>
+
         <!--<script src="../ui.js"></script>-->
         <!-- WATERFALL -->
         <script src="waterfall/colormap.js"></script>