// Client side javascript
"use strict"

import * as map from './map.js'
import * as dt from './datetime.js'

(async function () {
    // global constants
    const Stuttgart = [48.779, 9.16]
    const MAXROWS_IN_TABLE = 1000
    const defaultStartime = '2023-01-01 00:00'
    // END global constants

    // global variables
    let params = {                                  // set defaults
        drawlines: false,
        nbrentries: 0,
        device: '',
        coordinates: false,
        center: Stuttgart,
        zoom: 10,
        refresh: 0,
        starttime: '2023-01-01T00:00:00Z',  //date2ISO(defaultStartime),
        endtime: '2023-03-01T00:00:00Z'    //date2ISO(emptyTimes.emptyHMtime)
    }
    // END global variables



    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
        document.querySelector('#versn').setHTML(`Version: ${sysparams.version} vom ${sysparams.date.slice(0,10)}`)

        // show the map
        map.showMap(params)
        await map.buildMarkers()
    }
    main().catch(console.error)

})()