Feat: Add database storage for TLS info

src/mixins/socket.js

@@ -59,7 +59,17 @@ export default {
             this.$router.push("/setup")
         });
 
-        socket.on('monitorList', (data) => {
+        socket.on("monitorList", (data) => {
+            // Add Helper function
+            Object.entries(data).forEach(([monitorID, monitor]) => {
+                monitor.getUrl = () => {
+                    try {
+                        return new URL(monitor.url);
+                    } catch (_) {
+                        return null;
+                    }
+                };
+            });
             this.monitorList = data;
         });
 
@@ -116,7 +126,7 @@ export default {
         });
 
         socket.on('certInfo', (monitorID, data) => {
-            this.certInfoList[monitorID] = data
+            this.certInfoList[monitorID] = JSON.parse(data)
         });
 
         socket.on('importantHeartbeatList', (monitorID, data) => {

src/pages/Details.vue

@@ -54,7 +54,7 @@
         </div>
     </div>
 
-    <div class="shadow-box big-padding text-center stats" v-if="monitor.type === 'http' && monitor.url.startsWith('https') && certInfo != null">
+    <div class="shadow-box big-padding text-center stats" v-if="monitor.type === 'http' && monitor.getUrl().protocol === 'https:' && certInfo != null">
         <div class="row">
             <div class="col">
                 <h4>Certificate Info</h4>