admin
701b763bb1
public/chart_utilities.js
- showError with id
public/javascripts/global.js
- save parameter fron settings
views/index.pug
- add settings dialog
views/layout.pug
- add flatpicker
public/javascripts/map.js
- add error evaluation
public/javascripts/showcharts.js
- error avelauation added
public/stylesheets/style.sass
- add styles for settings dialog
123 lines
4.0 KiB
JavaScript
123 lines
4.0 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'
|
|
import { DateTime } from './luxon.min.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,
|
|
span: 1,
|
|
peak: 70,
|
|
datetime: '',
|
|
seldate: 'today',
|
|
refresh: 0,
|
|
}
|
|
|
|
let status = {
|
|
loaded: false
|
|
}
|
|
// END global variables
|
|
|
|
// Register events
|
|
document.querySelector('#btnSave').addEventListener('click', () => {
|
|
const selDate = document.getElementById('startday').value
|
|
let starttime
|
|
if (selDate === 'today') {
|
|
starttime = DateTime.now().toISO()
|
|
} else {
|
|
starttime = DateTime.fromFormat(selDate, 'yyyy-MM-dd').toISO()
|
|
}
|
|
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
|
|
}
|
|
status.loaded = false
|
|
|
|
})
|
|
|
|
|
|
document.querySelector('#btnSet').addEventListener('click', () => {
|
|
// document.querySelector('#dialogSettings .modal-dialog .modal-content .modal-body').setHTML('Das ist das Setting')
|
|
let myModal = new bootstrap.Modal(document.getElementById('dialogSettings'), {backdrop: 'static'})
|
|
flatpickr('#startday', {
|
|
maxDate: 'today',
|
|
minDate: new Date().fp_incr(-365),
|
|
})
|
|
document.getElementById('startday').value = params.seldate
|
|
document.getElementById('nbrofdays').value = params.span
|
|
document.getElementById('peaklim').value = params.peak
|
|
myModal.show()
|
|
})
|
|
|
|
// 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)
|
|
|
|
})() |