82 lines
2.6 KiB
JavaScript
82 lines
2.6 KiB
JavaScript
// Client side javascript
|
|
"use strict"
|
|
|
|
import * as map from './map.js'
|
|
import * as dt from './datetime.js'
|
|
import {logerror, logit} from './logit.js'
|
|
import * as chart_live from './chart_live.js'
|
|
import * as chart_houravg from './chart_houravg.js'
|
|
import * as chart_dayavg from './chart_dayavg.js'
|
|
import * as chart_daynight from './chart_daynight.js'
|
|
import * as chart_lden from './chart_lden.js'
|
|
import * as utils from "./chart_utilities.js";
|
|
import { tabtable, loadAll } from './showcharts.js'
|
|
|
|
(async () => {
|
|
|
|
// 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
|
|
center: Stuttgart,
|
|
zoom: 10,
|
|
refresh: 0,
|
|
starttime: '2023-01-01T00:00:00Z', //date2ISO(defaultStartime),
|
|
endtime: '2023-03-01T00:00:00Z' //date2ISO(emptyTimes.emptyHMtime)
|
|
}
|
|
|
|
let status = {
|
|
loaded: false
|
|
}
|
|
// END global variables
|
|
|
|
|
|
// main function:
|
|
// show the map if calle w/o any parameter
|
|
// if called with a sensor-ID, show the live chart for this sensor
|
|
async function main() {
|
|
// initialise tabs
|
|
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()
|
|
if((!status.loaded) || (this.id === 'kartentab')) {
|
|
for (let x of tabtable) {
|
|
if (x.id === event.currentTarget.id) {
|
|
x.func(params, x.type, x.container)
|
|
}
|
|
}
|
|
logit(`tab changed to ${event.currentTarget.id}`)
|
|
}
|
|
})
|
|
})
|
|
|
|
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)}`)
|
|
|
|
const csid = parseInt(sysparams.csid)
|
|
if(csid !== -1) {
|
|
let triggerEl = document.querySelector('#livetab')
|
|
bootstrap.Tab.getInstance(triggerEl).show() // Select tab by name
|
|
params.sid = csid
|
|
await chart_live.showLive(params)
|
|
}
|
|
|
|
// show the map
|
|
map.showMap(params, status)
|
|
}
|
|
|
|
main().catch(console.error)
|
|
|
|
})() |