added tor circuit stats to main page

static-data/www/private/index.html

@@ -14,9 +14,11 @@
     <link rel="stylesheet" href="/gettheme">
     <script defer src="/shared/node_modules/pnotify/dist/iife/PNotify.js"></script>
     <script defer src="/shared/node_modules/pnotify/dist/iife/PNotifyButtons.js"></script>
+    <script defer src="/shared/eventsource.js"></script>
     <script defer src="/shared/loadabout.js"></script>
     <script defer src="/shared/misc.js"></script>
     <script defer src="/shared/main/stats.js"></script>
+    <script defer src="/shared/main/torstats.js"></script>
     <script defer src="/shared/panel.js"></script>
     <script defer src="/shared/configeditor.js"></script>
     <script defer src="/shared/sites.js"></script>
@@ -177,7 +179,7 @@
                         </p>
                     </header>
                     <div class="card-content">
-                        <div class="content transportInfo">
+                        <div class="content torInfo">
                         </div>
                     </div>
                 </div>

static-data/www/private/main.css

@@ -28,4 +28,8 @@
 
 .modal img{
     border-radius: 5px;
+}
+
+.torStats{
+    color: red;
 }

static-data/www/shared/main/style.css

@@ -175,7 +175,7 @@ body{
 }
 
 .primaryBtn{
-    background-color:#396BAC;    
+    background-color:#396BAC;
 }
 
 .btn:hover{

static-data/www/shared/main/torstats.js

@@ -0,0 +1,23 @@
+var torSource = new EventSourcePolyfill("/torcircuits")
+var displays = document.getElementsByClassName('torInfo')
+
+for (x = 0; x < displays.length; x++){
+    displays[x].style.whiteSpace = 'pre'
+}
+
+torSource.onmessage = function(e){
+    let data = JSON.parse(e.data)
+    let i = 0
+    let displaying = true
+    for (x = 0; x < displays.length; x++){
+       let circuitCount = Object.keys(data).length
+       let node = Object.keys(data)[0]
+       if (circuitCount > 0){
+           displays[x].innerText = "Using " + circuitCount + " Tor circuits with " + data[node]['nodes'][0]['finger'] + " as guard.\nGuard nick: " + data[node]['nodes'][0]['nick']
+       }
+       else{
+           displays[x].innerText = "Using 0 Tor circuits."
+       }
+
+    }
+}