show release info in tooltip

components/wifi-manager/code.js

@@ -264,9 +264,11 @@ $(document).ready(function(){
                     }
                 });
                 var [ver, idf, cfg, branch] = release.name.split('#');
+                var body = release.body.replace(/\\n/ig, "<br />").replace(/\'/ig, "\"");
+                console.log(body);
                 $("#releaseTable").append(
                     "<tr>"+
-                      "<td>"+ver+"</td>"+
+                      "<td data-toggle='tooltip' title='"+body+"'>"+ver+"</td>"+
                       "<td>"+idf+"</td>"+
                       "<td>"+cfg+"</td>"+
                       "<td>"+branch+"</td>"+
@@ -287,6 +289,10 @@ $(document).ready(function(){
     //start timers
 	startCheckStatusInterval();
 	startRefreshAPInterval();
+    $('[data-toggle="tooltip"]').tooltip({
+        html: true,
+        placement : 'right',
+    });
 });
 
 function setURL(button) {

components/wifi-manager/index.html

@@ -9,13 +9,13 @@
         <link rel="stylesheet" href="/bootstrap.css">
         <link rel="stylesheet" href="/style.css">
         <script src="/jquery.js"></script>
-        <script src="/bootstrap.js"></script>
         <script src="/popper.js"></script>
+        <script src="/bootstrap.js"></script>
 
         <!-- TODO delete -->
         <script src="/test/jquery.min.js"></script>
-        <script src="/test/bootstrap.min.js"></script>
         <script src="/test/popper.min.js"></script>
+        <script src="/test/bootstrap.min.js"></script>
 
         <script src="/code.js"></script>
 

components/wifi-manager/style.css

@@ -290,6 +290,11 @@ input, textarea {
 	display: none;
 }
 
+.tooltip-inner {
+    font-family: monospace, monospace;
+    font-size: 70%;
+}
+
 /* 
 .toggle-buttons input[type="radio"] {
 	visibility: hidden;