Wachalarm-IP-Web/views/includes/wachalarm.pug
2020-02-06 15:31:01 +01:00

47 lines
2.5 KiB
Plaintext

#waiptableau.fullheight.row.no-gutters
.col-6.h-5.d-flex.align-items-center.py-1.text-dark
button#replay.btn.btn-outline-dark.h-100.py-1.tf_singleline
.ion-md-play-circle
button#volume.btn.btn-outline-dark.h-100.mx-1.tf_singleline
.ion-md-volume-high
#date-time
.tf_singleline -Datum- - -Uhrzeit-
.col-6.h-5.d-flex.flex-row.align-items-center.justify-content-end.py-1.text-dark.tf_singleline
#wachenname.ion-md-business=data_wache || ' -Wachenname-'
.col-10.h-15.h-20_ls.pr-3
#einsatz_art.h-100.w-100.d-flex.align-items-center.font-weight-bold.p-3.rounded.bg-light.tf_singleline
#einsatz_stichwort.ion-md-apps -Stichwort-
.col-2.h-15.h-20_ls.d-flex.align-items-center.justify-content-center.p-3.rounded.bg-light.text-info.tf_singleline
#sondersignal.ion-md-apps
.col-12.col-5_ls.h-35.h-70_ls.pt-3_pt.ptr-3_ls
#map.h-100.rounded
.col-12.col-7_ls.h-40.h-70_ls
.row.no-gutters.h-100.pt-3
.col-12.h-10.h-100.w-100
#rueckmeldung.list-group.list-group-horizontal.text-center.h-100.w-100
a.list-group-item.flex-fill.list-group-item-action.text-secondary.tf_singleline
.ion-md-paper-plane
.col-6.h-65.d-flex.align-items-end.justify-content-start.tf_multiline
#ortsdaten.flex-fill -Objekt-
br
| -Ort-
br
| -Ortsteil-
br
| -Straße Hsnr-
.col-6.h-65.d-flex.align-items-end.justify-content-end.tf_multiline
ul#em_alarmiert.list-group
li.list-group-item.d-flex.justify-content-between.align-items-center -Einsatzmittel 1-
li.list-group-item.d-flex.justify-content-between.align-items-center -Einsatzmittel 2-
li.list-group-item.d-flex.justify-content-between.align-items-center -Einsatzmittel n-
// TODO: Status mit anzeigen (als .badge.badge-pill)
.col-12.h-5.d-flex.align-items-end.justify-content-center.text-dark.tf_singleline
#em_weitere -weiteres Einsatzmittel 1-, -weiteres Einsatzmittel 2-, -weiteres Einsatzmittel n-
.col-12.h-20.d-flex.align-items-center.rounded.bg-light.font-weight-bold.text-info.tf_singleline
#besonderheiten -Besonderheiten-
.col-12.h-5.d-flex.align-items-end.justify-content-center.pt-3
.progress(style='height: 100%;').flex-fill
#hilfsfrist.progress-bar.progress-bar-striped.progress-bar-animated(role='progressbar', aria-valuenow='0', aria-valuemin='0', aria-valuemax='100', style='width: 0%')
audio#audio(controls='')
source(src='', type='audio/mpeg')