80 lines
4.4 KiB
Plaintext
80 lines
4.4 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
|
|
// TODO: Rueckmedlung ohne Rueckmeldung ausbleden
|
|
.d-flex.fustify-content-between.font-weight-bold
|
|
.list-group.list-group-horizontal.text-center.w-100
|
|
.list-group-item.flex-fill.text-success
|
|
a#ek-counter 0
|
|
a EK
|
|
.list-group-item.flex-fill.text-info
|
|
a#ma-counter 0
|
|
a MA
|
|
.list-group-item.flex-fill.text-light
|
|
a#fk-counter 0
|
|
a FK
|
|
.list-group.text-center
|
|
.list-group-item.border.border-warning.flex-fill.text-warning
|
|
a#agt-counter 0
|
|
a AGT
|
|
//a.badge.badge-warning 2 AGT
|
|
.row
|
|
.col-4#pg-ek
|
|
//.progress.mt-1
|
|
.progress-bar.progress-bar-striped.bg-success(role='progressbar', style='width: 25%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100')
|
|
a(style='') 2min
|
|
//.progress.mt-1.border.border-warning(style='height: 20px;')
|
|
.progress-bar.progress-bar-striped.bg-success(role='progressbar', style='width: 25%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100')
|
|
h 2min
|
|
//.progress.mt-1
|
|
.progress-bar.progress-bar-striped.bg-success.ion-md-checkmark-circle(role='progressbar', style='width: 100%', aria-valuenow='100', aria-valuemin='0', aria-valuemax='100')
|
|
.col-4#pg-ma
|
|
//.progress.mt-1
|
|
.progress-bar.progress-bar-striped.bg-info(role='progressbar', style='width: 25%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100') 3min
|
|
//.progress.mt-1
|
|
.progress-bar.progress-bar-striped.bg-info(role='progressbar', style='width: 25%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100') 1min
|
|
.col-4#pg-fk
|
|
//.progress.mt-1.border.border-warning
|
|
.progress-bar.progress-bar-striped.bg-light(role='progressbar', style='width: 50%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100') 10min
|
|
.col-6.h-60.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)
|
|
// TODO: auflistung vieler Fahrzeuge verbessern. flexfill
|
|
.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')
|