WIP WIP WIP *** Now with tabs

public/javascripts/global.js

@@ -4,7 +4,7 @@
 import * as map from './map.js'
 import * as dt from './datetime.js'
 
-$(async() => {
+(async function () {
     // global constants
     const Stuttgart = [48.779, 9.16]
     const MAXROWS_IN_TABLE = 1000
@@ -28,13 +28,24 @@ $(async() => {
 
 
     async function main() {
+        // initialise tabs
+        let triggerTabList = [].slice.call(document.querySelectorAll('#myTab a'))
+        triggerTabList.forEach(function (triggerEl) {
+            let tabTrigger = new bootstrap.Tab(triggerEl)
+
+            triggerEl.addEventListener('click', function (event) {
+                event.preventDefault()
+                tabTrigger.show()
+            })
+        })
+
         // show dat/time at start
         dt.showDate(true)
         // and show date/time every minute
         setInterval(() => dt.showDate(false), 1000)
 
         // show version and version-date
-        $('#versn').text(`Version: ${sysparams.version} vom ${sysparams.date.slice(0,10)}`)
+        document.querySelector('#versn').setHTML(`Version: ${sysparams.version} vom ${sysparams.date.slice(0,10)}`)
 
         // show the map
         map.showMap(params)
@@ -42,4 +53,4 @@ $(async() => {
     }
     main().catch(console.error)
 
-})
+})()