WIP **** WIP

funktioniert nur teilweise: Umschaltung auf en geht seltsamerwesie nicht

public/javascripts/global.js

@@ -6,7 +6,7 @@ import * as dt from './datetime.js'
 import {logerror, logit} from './logit.js'
 import {tabtable, loadAll, showChart} from './showcharts.js'
 import { DateTime } from './luxon.min.js'
-
+import {showReset} from "./chart_utilities.js";
 
 (async () => {
 
@@ -26,30 +26,43 @@ import { DateTime } from './luxon.min.js'
         seldate: 'today',
         refresh: 0,
     }
+    let currentTab = ''
 
     // END global variables
 
+
+
+
     // Register events
     document.querySelector('#btnSave').addEventListener('click', async () => {
         const selDate = document.getElementById('startday').value
         let starttime
         if (selDate === 'today') {
             starttime = DateTime.now().toISO()
+            params.datetime = ''
         } else {
             starttime = DateTime.fromFormat(selDate, 'yyyy-MM-dd').toISO()
+            params.datetime = starttime
         }
         params.seldate = selDate
         const span = document.getElementById('nbrofdays').value
         const peak = document.getElementById('peaklim').value
         console.log(starttime, span, peak)
-        params.datetime = starttime
         if(span < 10) {
             params.span = span
         }
         if(peak < 130 ) {
             params.peak = peak
         }
-        await loadAll(params)
+        let newlng = document.querySelector('#sellan input:checked').id
+        let oldlng = localStorage.getItem('curlang')
+        localStorage.setItem('curlang', newlng)
+        if(newlng !== oldlng) {
+            location.reload()
+        }
+        if(params.sid !== undefined) {
+            await loadAll(params)
+        }
     })
 
 
@@ -66,10 +79,21 @@ import { DateTime } from './luxon.min.js'
         myModal.show()
     })
 
+
     // main function:
-    // show the map if calle w/o any parameter
+    // show the map if called w/o any parameter
     // if called with a sensor-ID, show the live chart for this sensor
     async function main() {
+        // set correct language
+        const currentLang =  localStorage.getItem('curlang')
+        if(currentLang === 'en') {
+            document.querySelector('#en').checked = true
+        } else {
+            document.querySelector('#de').checked = true
+        }
+        console.log(currentLang)
+        history.pushState({}, '', '/')
+
         // initialise tabs
         let triggerTabList = [].slice.call(document.querySelectorAll('.nav-link'))
         triggerTabList.forEach(function (triggerEl) {
@@ -78,6 +102,11 @@ import { DateTime } from './luxon.min.js'
             triggerEl.addEventListener('click', function (event) {
                 event.preventDefault()
                 tabTrigger.show()
+                currentTab = event.currentTarget.id
+                if (currentTab === 'maptab') {
+                    map.showMap(params)
+                    document.querySelector('#sellan').style.display = 'inline'
+                }
             })
         })
 
@@ -100,6 +129,7 @@ import { DateTime } from './luxon.min.js'
             }
         } else {
             // show the map
+            document.querySelector('#sellan').style.display = 'inline'
             map.showMap(params)
         }
     }