Live Chart woks

public/javascripts/global.js

@@ -3,8 +3,11 @@
 
 import * as map from './map.js'
 import * as dt from './datetime.js'
+import {logit} from './logit.js'
+import * as chart_live from './chart_live.js'
+
+(async () => {
 
-(async function () {
     // global constants
     const Stuttgart = [48.779, 9.16]
     const MAXROWS_IN_TABLE = 1000
@@ -25,21 +28,49 @@ import * as dt from './datetime.js'
     }
     // END global variables
 
-
+const tabtable = [
+    {id: 'kartentab', func: map.showMap},
+    {id: 'livetab', func: chart_live.showLive},
+    // {id: 'houravgtab', func: chart_houravg.showHouravg},
+    // {id: 'dayavgtab', func: chart_dayavg.showDayavg},
+    // {id: 'daynighttab', func: chart_daynight.showDaynight},
+    // {id: 'ldentab', func: chart_lden.showLden},
+]
 
     async function main() {
         // initialise tabs
-        let triggerTabList = [].slice.call(document.querySelectorAll('#myTab a'))
+        let triggerTabList = [].slice.call(document.querySelectorAll('.nav-link'))
         triggerTabList.forEach(function (triggerEl) {
             let tabTrigger = new bootstrap.Tab(triggerEl)
 
             triggerEl.addEventListener('click', function (event) {
                 event.preventDefault()
                 tabTrigger.show()
+                for(let x of tabtable) {
+                    if (x.id === event.currentTarget.id) {
+                        x.func(params)
+                    }
+                }
+                logit(`tab chaned to ${event.currentTarget.id}`)
             })
         })
 
-        // show dat/time at start
+        // var triggerEl = document.querySelector('#tablist a[href="#profile"]')
+        // bootstrap.Tab.getInstance(triggerEl).show() // Select tab by name
+        //
+        // var triggerFirstTabEl = document.querySelector('#tablist li:first-child a')
+        // bootstrap.Tab.getInstance(triggerFirstTabEl).show() // Select first tab
+
+
+        // let nl = document.querySelectorAll('.nav-link')
+        // for (let x of nl) {
+        //     x.addEventListener('click', (event) => {
+        //         event.preventDefault()
+        //         console.log(event)
+        //     })
+        // }
+
+
         dt.showDate(true)
         // and show date/time every minute
         setInterval(() => dt.showDate(false), 1000)
@@ -49,7 +80,6 @@ import * as dt from './datetime.js'
 
         // show the map
         map.showMap(params)
-        await map.buildMarkers()
     }
     main().catch(console.error)