Settings added

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

views/index.pug

@@ -35,7 +35,7 @@ block content
         #dlive
       .tab-pane.fade#t_houravg(role="tabpanel" aria-labelledby="map-tab")
         #dhour
-Peaks merged to       .tab-pane.fade#t_dayavg(role="tabpanel" aria-labelledby="map-tab")
+      .tab-pane.fade#t_dayavg(role="tabpanel" aria-labelledby="map-tab")
         #dday
       .tab-pane.fade#t_daynight(role="tabpanel" aria-labelledby="map-tab")
         #ddaynight  DayNightTAB
@@ -44,7 +44,7 @@ Peaks merged to       .tab-pane.fade#t_dayavg(role="tabpanel" aria-labelledby="m
 
 
   // Error-Dialog
-  .modal.fade#dialogError(tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true")
+  .modal.fade#dialogError(tabindex="-1" role="dialog" aria-labelledby="Error" aria-hidden="true")
     .modal-dialog.modal-dialog-centered(role="document")
       .modal-content
         .modal-header
@@ -55,3 +55,33 @@ Peaks merged to       .tab-pane.fade#t_dayavg(role="tabpanel" aria-labelledby="m
         .modal-footer
           //button(type="button" class="btn btn-secondary" data-bs-dismiss="modal") Close
           // button(type="button" class="btn btn-primary") Save changes
+
+
+  // Settings-Dialog
+  .modal.fade#dialogSettings(tabindex="-1" role="dialog" aria-labelledby="Settings" aria-hidden="true")
+    .modal-dialog.modal-dialog-centered(role="document")
+      .modal-content
+        .modal-header
+          h5.modal-title.dialogErrorTitle Settings
+          button(type="button" class="close" data-bs-dismiss="modal" aria-label="Close")
+            span(aria-hidden="true") ×
+        .modal-body.settings
+          .rows
+            .column
+              label.thelabels(for='startday')
+                | Start date:
+              input.theInputs#startday(name='startday' )
+            .column
+              label.thelabels(for='nbrofdays')
+                | Number of days:<br />
+                span#klein (Only for live chart)
+              input.theInputs#nbrofdays(type = 'number' name = 'nbrofdays')
+              | &nbsp;&nbsp;(max. 10)
+            .column
+              label.thelabels(for='peaklim')
+                | Count peaks over
+              input.theInputs#peaklim(type = 'number' name = 'peaklim')
+              | &nbsp;&nbsp;dbA
+        .modal-footer
+            button.btn.btn-secondary(type="button" data-bs-dismiss="modal") Close
+            button#btnSave.btn.btn-primary(type="button" data-bs-dismiss="modal") Save changes

views/layout.pug

@@ -10,6 +10,8 @@ html
       integrity="sha256-kLaT2GOSpHechhsozzB+flnD+zUyjE2LlfWPgU04xyI="
       crossorigin="")
     link(rel='stylesheet', href='/stylesheets/MarkerCluster.css')
+    link(rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css")
+    link(rel="stylesheet" type="text/css" href="https://npmcdn.com/flatpickr/dist/themes/material_blue.css")
     link(rel='stylesheet', href='/stylesheets/style.css')
 
   script.
@@ -46,5 +48,7 @@ html
       crossorigin="")
     script(src="/javascripts/leaflet.markercluster.js")
     script(src="https://code.highcharts.com/highcharts.js")
-    script(src="https://code.highcharts.com/modules/accessibility.js")
+    script(src="https://cdn.jsdelivr.net/npm/flatpickr")
+    script(src="https://unpkg.com/flatpickr@4.2.3/dist/plugins/confirmDate/confirmDate.js")
+    //script(src="https://unpkg.com/flatpickr@4.6.9/dist/plugins/confirmDate.js")
     script(type="module" src="/javascripts/global.js")