fix tabs

iforte/sensors.html

@@ -33,10 +33,10 @@
         <div class="col-12">
           <ul class="nav nav-tabs" id="tab">
             <li class="nav-item">
-              <a class="nav-link active" href="#sl">Sensors</a>
+              <a class="nav-link active" id="nav-sl" href="#" onclick="switchTab(0)">Sensors</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="#pl">Pressure measurements</a>
+              <a class="nav-link" id="nav-pl" href="#" onclick="switchTab(1)">Pressure measurements</a>
             </li>
           </ul>
           <div class="tab-content">
@@ -328,5 +328,24 @@
         </div>
       </div>
     </div>
+
+    <script>
+      function switchTab(id) {
+        console.log(id);
+        if (id == 0) {
+          // go to SL
+          $('#nav-pl').removeClass("active")
+          $('#nav-sl').addClass("active")
+          $('#pl').removeClass("show active")
+          $('#sl').addClass("show active")
+        } else {
+          // go to PL
+          $('#nav-sl').removeClass("active")
+          $('#nav-pl').addClass("active")
+          $('#sl').removeClass("show active")
+          $('#pl').addClass("show active")
+        }
+      }
+    </script>
   </body>
 </html>