Geht jetzt ohne Bootstrap/jquery

public/javascripts/chart_utilities.js

@@ -180,17 +180,41 @@ export async function addSensorID2chart(chart, sensor, width) {
 }
 
 export const showError = (err) => {
-    let e = document.querySelector('#dialogError .modal-dialog .modal-content .modal-body')
-    e.innerHTML = err
-    let myModal = new bootstrap.Modal(document.getElementById('dialogError'))
-    myModal.show()
+    const dialog = document.getElementById('dialogError')
+    const body = dialog.querySelector('.dialog-body')
+    body.innerHTML = err
+    dialog.showModal()
 }
 
 export const showReset = () => {
-    let myModal = new bootstrap.Modal(document.getElementById('dialogReset'))
-    myModal.show()
+    const dialog = document.getElementById('dialogReset')
+    dialog.showModal()
 }
 
+// Setup dialog close buttons
+document.addEventListener('DOMContentLoaded', () => {
+    const errorClose = document.querySelector('#dialogError .dialog-close')
+    if (errorClose) {
+        errorClose.addEventListener('click', () => {
+            document.getElementById('dialogError').close()
+        })
+    }
+    
+    const resetClose = document.querySelector('#dialogReset .dialog-close')
+    if (resetClose) {
+        resetClose.addEventListener('click', () => {
+            document.getElementById('dialogReset').close()
+        })
+    }
+    
+    const resetOk = document.querySelector('#btnResetOk')
+    if (resetOk) {
+        resetOk.addEventListener('click', () => {
+            document.getElementById('dialogReset').close()
+        })
+    }
+})
+
 // remove the taps (if shownig the map)
 export const removeTabs = () => {
     document.querySelector('#navi').style.display = 'none'