Alte Version abgeändert auf neue Datebank /-Struktur).
This commit is contained in:
46
views/index.pug
Normal file
46
views/index.pug
Normal file
@@ -0,0 +1,46 @@
|
||||
extends layout
|
||||
|
||||
block content
|
||||
script.
|
||||
var selName='#{name}';
|
||||
var parm='#{param}';
|
||||
var startday='#{stday}';
|
||||
var typeOfSensor='#{stype}';
|
||||
var stype='#{csensor}';
|
||||
var splash = '#{splash}';
|
||||
|
||||
|
||||
#overlay
|
||||
#buttons
|
||||
#buttonsLeft
|
||||
button.btn.btn-primary#btnmo(value="month") 30 d
|
||||
button.btn.btn-primary#btnwe(value="week") 7 d
|
||||
button.btn.btn-primary#btnda(autofocus="true",value="day") 24 h
|
||||
//#buttonsRight
|
||||
button.btn.btn-primary#btnSet(value='set') Einstellung
|
||||
button.btn.btn-primary#btnMap(value='map') Karte
|
||||
// button.btn.btn-primary#btnStat(value='map') Statistik
|
||||
button.btn.btn-primary#btnHelp(value='help') Info
|
||||
|
||||
#placeholderFS_1
|
||||
#placeholderTHP_1
|
||||
#placeholderFS_2
|
||||
#placeholderTHP_2
|
||||
#placeholderFS_3
|
||||
#placeholderTHP_3
|
||||
#dialogWinSet.dialog
|
||||
#dialogStatistik
|
||||
#dialogWinHelp
|
||||
#dialogNewSensor.dialog
|
||||
#dialogNewDay.dialog
|
||||
#dialogError
|
||||
#dialogymax
|
||||
#page-mask
|
||||
|
||||
#alarm
|
||||
<iframe src="https://www.stuttgart.de/feinstaubalarm/widget/xtrasmall?noAlarm=noOutput" height="90" scrolling="no" style="border:none; width:98%"></iframe>
|
||||
|
||||
img#mySpinner(style='display:none' src="spinner.svg" alt="Lade Daten ...")
|
||||
|
||||
|
||||
|
||||
44
views/layout.pug
Normal file
44
views/layout.pug
Normal file
@@ -0,0 +1,44 @@
|
||||
doctype html
|
||||
html
|
||||
head
|
||||
title= title
|
||||
meta(charset="utf-8")
|
||||
meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no")
|
||||
link(rel='stylesheet', href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
|
||||
crossorigin="anonymous")
|
||||
link(rel='stylesheet', href='/css/jquery-ui-1.12.1/jquery-ui.min.css')
|
||||
link(rel='stylesheet', href='/css/jquery-ui-timepicker-addon.css')
|
||||
link(href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet")
|
||||
link(rel='stylesheet', href='/fontawesome/css/all.css')
|
||||
link(rel='stylesheet', href='/css/leaflet-velocity.min.css')
|
||||
link(rel='stylesheet', href='/css/style.css')
|
||||
link(rel='icon', href='images/favicon.ico' type='image/x-icon')
|
||||
body
|
||||
#wrapper
|
||||
block content
|
||||
|
||||
script(src="/jquery.min.js")
|
||||
script(src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous")
|
||||
|
||||
|
||||
|
||||
|
||||
script(src="/js/jquery-ui.min.js")
|
||||
script(src="/js/datepicker-de.js")
|
||||
script(src="/js/jquery-ui-timepicker-addon.js")
|
||||
link(href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet")
|
||||
script(src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js")
|
||||
script(src="https://cdn.jsdelivr.net/npm/highcharts@9.3.3/highcharts.js")
|
||||
script(src="https://cdn.jsdelivr.net/npm/highcharts@9.3.3/highcharts-more.js")
|
||||
script(src="/js/customEvents.min.js")
|
||||
link(rel="stylesheet", href='/leaflet.css')
|
||||
script(src='/leaflet.js')
|
||||
script(src='/js/leaflet-velocity.min.js')
|
||||
link(rel="stylesheet", href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css")
|
||||
script(src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js")
|
||||
script(src="/d3.js")
|
||||
script(src="/moment.min.js")
|
||||
script(src='/js/global.js')
|
||||
13
views/maintenance.pug
Normal file
13
views/maintenance.pug
Normal file
@@ -0,0 +1,13 @@
|
||||
extends layout
|
||||
|
||||
block content
|
||||
#meldung
|
||||
h2 Wartung
|
||||
p
|
||||
| Die Seite wird zur Zeit erneuert,<br />
|
||||
| Bitte probieren Sie es später nochmal.<br /><br />
|
||||
|
||||
#author
|
||||
#mailadr
|
||||
a(href="mailto:rexfue@gmail.com") mailto:rexfue@gmail.com
|
||||
#versn Version: #{version} vom #{date}
|
||||
131
views/mapit.pug
Executable file
131
views/mapit.pug
Executable file
@@ -0,0 +1,131 @@
|
||||
extends layout
|
||||
|
||||
block content
|
||||
script.
|
||||
var selName='#{name}';
|
||||
var startday='#{stday}';
|
||||
var csid = '#{csensor}';
|
||||
var fzoom = '#{zoom}';
|
||||
const curversion = '#{version}'
|
||||
const splash = '#{splash}';
|
||||
const city = '#{city}';
|
||||
|
||||
|
||||
header
|
||||
nav.navbar.navbar-expand-sm.navbar-light.navbg
|
||||
button.navbar-toggler(type="button" data-toggle="collapse" data-target="#navbarSupportContent")
|
||||
span.navbar-toggler-icon
|
||||
#navbarSupportContent.collapse.navbar-collapse
|
||||
ul.navbar-nav.mr-auto
|
||||
.btn-group#zrohr
|
||||
button.btn.btn-success.mybuttons Zählrohre
|
||||
button.btn.btn-success.mybuttons.dropdown-toggle.dropdown-toggle-split(type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false")
|
||||
span.sr-only Zählrohre
|
||||
.dropdown-menu(aria-labelledby="dropdownMenu2")
|
||||
.dropdown-header Zählrohre
|
||||
.custom-control.custom-radio.ml-3
|
||||
input.custom-control-input.btnrohr#btnall(type="radio" value="all" name="rohre" checked)
|
||||
label.custom-control-label(for="btnall") Alle Zählrohre anzeigen
|
||||
.custom-control.custom-radio.ml-3
|
||||
input.custom-control-input.btnrohr#btnsig(type="radio" value="sig" name="rohre")
|
||||
label.custom-control-label(for="btnsig") nur Si22G anzeigen
|
||||
|
||||
.btn-group#kraftw
|
||||
button.btn.btn-success.mybuttons AKWs/Anlagen
|
||||
button.btn.btn-success.mybuttons.dropdown-toggle.dropdown-toggle-split(type="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false")
|
||||
span.sr-only AKWs/Anlagen
|
||||
.dropdown-menu(aria-labelledby="dropdownMenu3")
|
||||
.dropdown-header Kraftwerke anzeigen
|
||||
.custom-control.custom-checkbox.ml-3
|
||||
input.custom-control-input.btnakw#btnakwact(type="checkbox" checked)
|
||||
label.custom-control-label(for="btnakwact") aktive
|
||||
.custom-control.custom-checkbox.ml-3
|
||||
input.custom-control-input.btnakw#btnakwstill(type="checkbox" checked)
|
||||
label.custom-control-label(for="btnakwstill") stillgelegte
|
||||
.custom-control.custom-checkbox.ml-3
|
||||
input.custom-control-input.btnakw#btnakwrest(type="checkbox" checked)
|
||||
label.custom-control-label(for="btnakwrest") sonstige Anlagen
|
||||
|
||||
.btn-group#togwind
|
||||
button.btn.btn-success.mybuttons Wind
|
||||
button.btn.btn-success.mybuttons.dropdown-toggle.dropdown-toggle-split(type="button" id="dropdownMenu4" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false")
|
||||
span.sr-only Wind
|
||||
.dropdown-menu(aria-labelledby="dropdownMenu4")
|
||||
.dropdown-header Wind-Layer
|
||||
.custom-control.custom-checkbox.ml-3
|
||||
input.custom-control-input.btnakw#btnwind(type="checkbox")
|
||||
label.custom-control-label(for="btnwind") Wind anzeigen
|
||||
|
||||
ul.navbar-nav
|
||||
button.btn.btn-success.mybuttons#btnlegende Legende
|
||||
.input-wrapper.mr-3
|
||||
input.form-control#newmapcenter(type="search" placeholder="Sensor suchen" aria_label="Suche")
|
||||
label.fas.fa-search.input-icon(for="newmapcenter")
|
||||
button.btn.btn-success.mybuttons#btninfo Info
|
||||
#map
|
||||
#legendcontainer
|
||||
.legend#legendcpm
|
||||
#legend-inner-cpm
|
||||
.gradient
|
||||
.labels
|
||||
.label(style="bottom: 100%;") >= 5 µSv/h
|
||||
.label(style="bottom: 86%;") 2
|
||||
.label(style="bottom: 72%;") 1
|
||||
.label(style="bottom: 58%;") 0.5
|
||||
.label(style="bottom: 44%;") 0.2
|
||||
.label(style="bottom: 30%;") 0.1
|
||||
.label(style="bottom: 17%;") 0.05
|
||||
.label1(style="bottom: 10%;") offline
|
||||
.label1(style="bottom: 2%;") indoor
|
||||
|
||||
#overlay
|
||||
nav.navbar.navbar-expand.navbar-light.navbg
|
||||
button.navbar-toggler(type="button" data-toggle="collapse" data-target="#navbarOverlayContent")
|
||||
span.navbar-toggler-icon
|
||||
#navbarOverlayContent.collapse.navbar-collapse
|
||||
ul.navbar-nav.mr-auto
|
||||
button.btn.btn-success#btnmo(value="month") 30 d
|
||||
button.btn.btn-success#btnwe(value="week") 7 d
|
||||
button.btn.btn-success#btnda(autofocus="true",value="day") 24 h
|
||||
ul.navbar-nav
|
||||
button.btn.btn-success#btnset(value='set') Einstellung
|
||||
button.btn.btn-success#btnend(value='map') Ende
|
||||
#loading Lade die Daten ...
|
||||
#placeholderFS_1
|
||||
#placeholderBME
|
||||
#dialogWinSet
|
||||
#author
|
||||
#mailadr
|
||||
a(href="mailto:rexfue@gmail.com") mailto:rexfue@gmail.com
|
||||
#versn Version: #{version} vom #{date}
|
||||
|
||||
|
||||
#dialogCenter.dialog
|
||||
#dialogWinHelp
|
||||
#page-mask
|
||||
|
||||
<!-- Modal Dialog -->
|
||||
#myModal.modal.fade(role="dialog")
|
||||
.modal-dialog.modal-lg(role="document")
|
||||
<!-- Modal content-->
|
||||
.modal-content
|
||||
.modal-header
|
||||
h4#modalTitle.modal-title
|
||||
button.close(type="button" data-dismiss="modal") ×
|
||||
.modal-body
|
||||
.modal-footer
|
||||
button.btn.btn-default(type="button" data-dismiss="modal") Schließen
|
||||
|
||||
<!-- Modal Dialog -->
|
||||
#splashModal.modal.fade(role="dialog")
|
||||
.modal-dialog.modal-lg(role="document")
|
||||
<!-- Modal content-->
|
||||
.modal-content
|
||||
.modal-header
|
||||
h4#spmodalTitle.modal-title
|
||||
button.close(type="button" data-dismiss="modal") ×
|
||||
.modal-body
|
||||
.modal-footer
|
||||
input#splashCheck(type="checkbox")
|
||||
label#splashChecklabel(for='splashCheck') Nicht mehr anzeigen
|
||||
button.btn.btn-default(type="button" data-dismiss="modal") Schließen
|
||||
31
views/select.pug
Normal file
31
views/select.pug
Normal file
@@ -0,0 +1,31 @@
|
||||
extends layout
|
||||
|
||||
block content
|
||||
script.
|
||||
var selName='#{name}';
|
||||
var nameMap='#{JSON.stringify(map)}';
|
||||
|
||||
header
|
||||
h2#fstb Feinstaub - Auswertungen
|
||||
h3 Folgende Sensoren können angewählt werden:
|
||||
|
||||
table#sensors
|
||||
thead
|
||||
tr#trUebS
|
||||
th Sensor-Nummer
|
||||
th Namenskürzel
|
||||
th Standort
|
||||
tbody
|
||||
each m, i in map
|
||||
tr
|
||||
td
|
||||
a(href='/'+ m.sensor) #{m.sensor}
|
||||
td= m.urlName
|
||||
td= m.location
|
||||
|
||||
how2.
|
||||
Auswahl entweder durch Anklicken der
|
||||
Sensor-Nummer in der Tabelle oder direkt Aufrufen durch
|
||||
Anhängen der Sensornummer an die URL (z.B.
|
||||
<strong> feinstaub.rexfue.de/140</strong>).
|
||||
|
||||
Reference in New Issue
Block a user