transport addresses now displays in dashboard

static-data/www/private/index.html

@@ -30,6 +30,7 @@
     <script defer src="/private/js/motd.js"></script>
     <script defer src="/shared/navbar.js"></script>
     <script defer src="/private/js/windows.js"></script>
+    <script defer src="/shared/main/loadTransport.js"></script>
     <script>alert("Content security policy appears to not be working. Your browser security is weak!")</script>
 </head>
 
@@ -250,8 +251,8 @@
                                 </div>
                             </div>
 
-                            <details>
+                            <h4>Transports</h4>
-                                <summary>Transport addresses</summary>
+
                             <div class="field has-addons torTransportField">
                                 <p class="control">
                                     <a class="button is-static">
@@ -259,13 +260,12 @@
                                     </a>
                                 </p>
                                 <p class="control is-expanded">
-                                        <input id="myTor" class="input myTor" type="text" readonly>
+                                    <input class="input myTor" type="text" readonly>
                                 </p>
                                 <p class="control">
-                                        <a id="myTorCopy" class="button is-primary"><i class="fas fa-copy"></i></a>
+                                    <a class="button is-primary myTorCopy"><i class="fas fa-copy"></i></a>
                                 </p>
                             </div>
-                            </details>
 
                             <i class="fas fa-link"></i>
                             Outgoing Connections:

static-data/www/private/main.css

@@ -57,3 +57,7 @@
       position: fixed;
       
   }
+
+  .torTransportField {
+      margin-top: 2em;
+  }

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

@@ -0,0 +1,25 @@
+fetch('/gettoraddress', {
+    headers: {
+        "token": webpass
+    }})
+    .then((resp) => resp.text())
+    .then(function(resp) {
+        let torBoxes = document.getElementsByClassName('myTor')
+        Array.from(torBoxes).forEach(element => {
+            element.value = resp  
+        })
+
+    })
+
+Array.from(document.getElementsByClassName('myTorCopy')).forEach(element => {
+    element.onclick = function(){
+        var copyText = document.getElementsByClassName('myTor')[0]
+        copyText.select()
+        document.execCommand("copy")
+        if (typeof PNotify != 'undefined'){
+            PNotify.success({
+                text: "Copied to clipboard"
+            })
+        }
+    }
+})