Geht jetzt ohne Bootstrap/jquery
This commit is contained in:
+76
-91
@@ -5,125 +5,110 @@ block content
|
||||
#hline1
|
||||
#h1name #{t("NoiseMeasurement")}
|
||||
#buttonsRight
|
||||
button.btn.btn-primary#btnSet(value='set') #{t("Settings")}
|
||||
// button.btn.btn-primary#btnHelp(value='help') #{t("Info")}
|
||||
button#btnSet(value='set') #{t("Settings")}
|
||||
// button#btnHelp(value='help') #{t("Info")}
|
||||
#h1datum
|
||||
|
||||
#fenster
|
||||
#spinner
|
||||
#navi
|
||||
ul.nav.nav-tabs#tablist
|
||||
li.nav-item(role='presentation')
|
||||
button.nav-link.active#maptab(data-bs-toggle="tab" data-bs-target="#t_map" type="button" role="tab" aria-controls="map" aria-selected="true") #{t("Map")}
|
||||
li.nav-item(role='presentation')
|
||||
button.nav-link#livetab(data-bs-toggle="tab" data-bs-target="#t_live" type="button" role="tab" aria-controls="live" aria-selected="true") #{t("Live")}
|
||||
li.nav-item(role='presentation')
|
||||
button.nav-link#houravgtab(data-bs-toggle="tab" data-bs-target="#t_houravg" type="button" role="tab" aria-controls="houravg" aria-selected="true") #{t("Hour_AVG")}
|
||||
li.nav-item(role='presentation')
|
||||
button.nav-link#dayavgtab(data-bs-toggle="tab" data-bs-target="#t_dayavg" type="button" role="tab" aria-controls="dayavg" aria-selected="true") #{t("Day_AVG")}
|
||||
li.nav-item(role='presentation')
|
||||
button.nav-link#daynighttab(data-bs-toggle="tab" data-bs-target="#t_daynight" type="button" role="tab" aria-controls="daynight" aria-selected="true") #{t("Day_Night")}
|
||||
li.nav-item(role='presentation')
|
||||
button.nav-link#ldentab(data-bs-toggle="tab" data-bs-target="#t_lden" type="button" role="tab" aria-controls="lden" aria-selected="true") L<sub>DEN</sub>-Index
|
||||
.tabs#tablist
|
||||
button.tab-button.active#maptab(data-target="t_map" type="button" role="tab" aria-controls="map" aria-selected="true") #{t("Map")}
|
||||
button.tab-button#livetab(data-target="t_live" type="button" role="tab" aria-controls="live") #{t("Live")}
|
||||
button.tab-button#houravgtab(data-target="t_houravg" type="button" role="tab" aria-controls="houravg") #{t("Hour_AVG")}
|
||||
button.tab-button#dayavgtab(data-target="t_dayavg" type="button" role="tab" aria-controls="dayavg") #{t("Day_AVG")}
|
||||
button.tab-button#daynighttab(data-target="t_daynight" type="button" role="tab" aria-controls="daynight") #{t("Day_Night")}
|
||||
button.tab-button#ldentab(data-target="t_lden" type="button" role="tab" aria-controls="lden") L<sub>DEN</sub>-Index
|
||||
.tab-content#thetabs
|
||||
.tab-pane.fade.show.active#t_map(role="tabpanel" aria-labelledby="map-tab")
|
||||
.tab-pane.active#t_map(role="tabpanel")
|
||||
#map
|
||||
button.btn.btn-light#btnMyLocation(type="button" title=t("MyLocation"))
|
||||
button#btnMyLocation(type="button" title=t("MyLocation"))
|
||||
span 📍
|
||||
#maptaberr.errdiv
|
||||
#mapdateactsens
|
||||
#actsensors
|
||||
#mapdate
|
||||
.tab-pane.fade#t_live(role="tabpanel" aria-labelledby="live-tab")
|
||||
.tab-pane#t_live(role="tabpanel")
|
||||
#dlive
|
||||
#livetaberr.errdiv
|
||||
.tab-pane.fade#t_houravg(role="tabpanel" aria-labelledby="map-tab")
|
||||
.tab-pane#t_houravg(role="tabpanel")
|
||||
#dhour
|
||||
#houravgtaberr.errdiv
|
||||
.tab-pane.fade#t_dayavg(role="tabpanel" aria-labelledby="map-tab")
|
||||
.tab-pane#t_dayavg(role="tabpanel")
|
||||
#dday
|
||||
#dayavgtaberr.errdiv
|
||||
.tab-pane.fade#t_daynight(role="tabpanel" aria-labelledby="map-tab")
|
||||
.tab-pane#t_daynight(role="tabpanel")
|
||||
#ddaynight
|
||||
#daynighttaberr.errdiv
|
||||
.tab-pane.fade#t_lden(role="tabpanel" aria-labelledby="map-tab")
|
||||
.tab-pane#t_lden(role="tabpanel")
|
||||
#dlden
|
||||
#ldentaberr.errdiv
|
||||
|
||||
|
||||
// Error-Dialog
|
||||
.modal.fade#dialogError(tabindex="-1" role="dialog" aria-labelledby="Error" aria-hidden="true")
|
||||
.modal-dialog.modal-dialog-centered(role="document")
|
||||
.modal-content
|
||||
.modal-header
|
||||
h5.modal-title.dialogErrorTitle #{t("Error")}
|
||||
button(type="button" class="close" data-bs-dismiss="modal" aria-label="Close")
|
||||
span(aria-hidden="true") ×
|
||||
.modal-body
|
||||
.modal-footer
|
||||
//button(type="button" class="btn btn-secondary" data-bs-dismiss="modal") Close
|
||||
// button(type="button" class="btn btn-primary") Save changes
|
||||
dialog#dialogError
|
||||
.dialog-content
|
||||
.dialog-header
|
||||
h3.dialog-title #{t("Error")}
|
||||
button.dialog-close(type="button" aria-label="Close") ×
|
||||
.dialog-body
|
||||
.dialog-footer
|
||||
|
||||
|
||||
// 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 #{t("Settings")}
|
||||
button(type="button" class="close" data-bs-dismiss="modal" aria-label="Close")
|
||||
span(aria-hidden="true") ×
|
||||
.modal-body.settings
|
||||
.rows
|
||||
.comlumn#ccity
|
||||
label.thelabels(for='city') #{t("CenterMap")}:
|
||||
input.theInputs#centercity(name="centercity")
|
||||
.column#stday
|
||||
label.thelabels(for='startday') #{t("StartDate")}:
|
||||
input.theInputs#startday(name='startday' )
|
||||
.column
|
||||
.column#nbday
|
||||
label.thelabels(for='nbrofdays')
|
||||
| #{t("NumberOfDays")}:<br />
|
||||
// span.klein (#{t("Only_for_live_chart")})
|
||||
input.theInputs#nbrofdays(type = 'number' name = 'nbrofdays', min="1", max="10")
|
||||
span.klein (max. 10)
|
||||
.column#pklim
|
||||
label.thelabels(for='peaklim')
|
||||
| #{t("Count_peaks_over")}
|
||||
input.theInputs#peaklim(type = 'number' name = 'peaklim', min="10", max="130")
|
||||
| dbA
|
||||
span.klein (max. 130)
|
||||
.column#odth
|
||||
label.thelabels(for='olderthan')
|
||||
| #{t("RemoveFromMap")}
|
||||
input.theInputs#olderthan(type = 'number' name = 'olderthan', min="0", max="52")
|
||||
| #{t("weeks")}
|
||||
span.klein (max. 52)
|
||||
.column
|
||||
.column#sellan
|
||||
label.thelabels
|
||||
| #{t("Language")}:
|
||||
.form-check.form-check-inline
|
||||
input#de.form-check-input(type="radio" name="lanbut")
|
||||
label.form-check-label(for='de') Deutsch
|
||||
.form-check.form-check-inline
|
||||
input#en.form-check-input(type="radio" name="lanbut", checked)
|
||||
label.form-check-label(for="en") English
|
||||
.modal-footer
|
||||
button.btn.btn-secondary(type="button" data-bs-dismiss="modal") #{t("Close")}
|
||||
button#btnSave.btn.btn-primary(type="button" data-bs-dismiss="modal") #{t("Save_changes")}
|
||||
dialog#dialogSettings
|
||||
.dialog-content
|
||||
.dialog-header
|
||||
h3.dialog-title #{t("Settings")}
|
||||
button.dialog-close(type="button" aria-label="Close") ×
|
||||
.dialog-body.settings
|
||||
.rows
|
||||
.column#ccity
|
||||
label.thelabels(for='city') #{t("CenterMap")}:
|
||||
input.theInputs#centercity(name="centercity")
|
||||
.column#stday
|
||||
label.thelabels(for='startday') #{t("StartDate")}:
|
||||
input.theInputs#startday(type='date' name='startday')
|
||||
.column
|
||||
.column#nbday
|
||||
label.thelabels(for='nbrofdays')
|
||||
| #{t("NumberOfDays")}:<br />
|
||||
input.theInputs#nbrofdays(type='number' name='nbrofdays' min="1" max="10")
|
||||
span.klein (max. 10)
|
||||
.column#pklim
|
||||
label.thelabels(for='peaklim')
|
||||
| #{t("Count_peaks_over")}
|
||||
input.theInputs#peaklim(type='number' name='peaklim' min="10" max="130")
|
||||
| dbA
|
||||
span.klein (max. 130)
|
||||
.column#odth
|
||||
label.thelabels(for='olderthan')
|
||||
| #{t("RemoveFromMap")}
|
||||
input.theInputs#olderthan(type='number' name='olderthan' min="0" max="52")
|
||||
| #{t("weeks")}
|
||||
span.klein (max. 52)
|
||||
.column
|
||||
.column#sellan
|
||||
label.thelabels
|
||||
| #{t("Language")}:
|
||||
.radio-group
|
||||
label.radio-label
|
||||
input#de(type="radio" name="lanbut")
|
||||
span Deutsch
|
||||
label.radio-label
|
||||
input#en(type="radio" name="lanbut" checked)
|
||||
span English
|
||||
.dialog-footer
|
||||
button.dialog-button.secondary#btnClose(type="button") #{t("Close")}
|
||||
button.dialog-button.primary#btnSave(type="button") #{t("Save_changes")}
|
||||
|
||||
|
||||
// Reset-Dialog
|
||||
.modal.fade#dialogReset(tabindex="-1" role="dialog" aria-labelledby="Error" aria-hidden="true")
|
||||
.modal-dialog.modal-dialog-centered(role="document")
|
||||
.modal-content
|
||||
.modal-header
|
||||
h5.modal-title.dialogErrorTitle Info
|
||||
button(type="button" class="close" data-bs-dismiss="modal" aria-label="Close")
|
||||
span(aria-hidden="true") ×
|
||||
.modal-body
|
||||
.modal-footer
|
||||
//button(type="button" class="btn btn-secondary" data-bs-dismiss="modal") Close
|
||||
button(type="button" class="btn btn-primary" data-bs-dismiss="modal") OK
|
||||
dialog#dialogReset
|
||||
.dialog-content
|
||||
.dialog-header
|
||||
h3.dialog-title Info
|
||||
button.dialog-close(type="button" aria-label="Close") ×
|
||||
.dialog-body
|
||||
.dialog-footer
|
||||
button.dialog-button.primary#btnResetOk(type="button") OK
|
||||
|
||||
Reference in New Issue
Block a user