traffic warning forms

This commit is contained in:
mbremer
2021-10-23 21:21:50 +02:00
parent 773e8470b0
commit 5e2325f717
13 changed files with 214 additions and 87 deletions

View File

@@ -43,13 +43,14 @@
<form class="row g-3 mt-2" action="/user/traffic/config" method="POST" name="trafficAdminForm" enctype="multipart/form-data">
<div class="col-md-4">
<div class="form-floating">
<input type="text" name="googleapikey" class="form-control" id="key" placeholder="google-API-Key" required>
<input type="text" name="googleapikey" class="form-control" id="key" placeholder="google-API-Key" value="{google_api_key}" required>
<label for="key">google-API-Key</label>
</div>
</div>
<div class="col-md-7">
<div class="col-md-8">
<div class="form-floating">
<input type="text" name="officeadress" class="form-control" id="office" placeholder="Büroadresse" required>
<input type="text" name="officeaddress" class="form-control" id="office" placeholder="Büroadresse" value="{office_address}"
required>
<label for="home">Büroadresse</label>
</div>
</div>
@@ -73,50 +74,57 @@
<h3>Verkehrsinfos</h3>
Die Fahrzeit wird über die googlemaps-API ermittelt und bei Überschreitung des Grenzwerts via E-Mail gewarnt.
<div class="mx-auto">
<form class="row g-3 mt-2" action="/user/traffic/config/{current_user.username}" method="POST" name="trafficAdminForm" enctype="multipart/form-data">
<form class="row g-3 mt-2" action="/user/traffic/config/{current_user.username}" method="POST" name="trafficUserForm"
enctype="multipart/form-data">
<div class="col-md-4">
<div class="form-floating">
<input type="email" name="email" class="form-control" id="email" placeholder="E-Mail-Adresse" required>
<input type="email" name="traffic_email" class="form-control" id="email" placeholder="E-Mail-Adresse"
value="{traffic_email ?: ''}" required>
<label for="email">E-Mail-Adresse</label>
</div>
</div>
<div class="col-md-8">
<div class="form-floating">
<input type="text" name="home" class="form-control" id="home" placeholder="Heimatadresse" required>
<input type="text" name="traffic_address" class="form-control" id="home" placeholder="Heimatadresse"
value="{traffic_address ?: ''}" required>
<label for="home">Heimatadresse</label>
</div>
</div>
<div class="col-md-2">
<div class="form-floating">
<input type="time" name="away" class="form-control" id="away" required>
<input type="time" name="traffic_away" class="form-control" id="away" value="{traffic_away ?: ''}" required>
<label for="away">Hinfahrt</label>
</div>
</div>
<div class="col-md-2">
<div class="form-floating">
<input type="time" name="back" class="form-control" id="back" required>
<input type="time" name="traffic_back" class="form-control" id="back" value="{traffic_back ?: ''}" required>
<label for="back">Rückfahrt</label>
</div>
</div>
<div class="col-md-3">
<div class="form-floating">
<input type="number" min="1" max="999" name="duration" class="form-control" placeholder="Grenzwert Fahrzeit" id="duration"
required>
<input type="number" min="1" max="999" name="traffic_duration" class="form-control" placeholder="Grenzwert Fahrzeit" id="duration"
value="{traffic_duration ?: ''}" required>
<label for="duration">Grenzwert Fahrzeit</label>
</div>
</div>
<div class="col-md-12">
<div class="form-check form-switch">
<input id="trafficswitch" class="form-check-input" type="checkbox" name="trafficwarning"
onchange="this.form.reportValidity() && this.form.submit()" >
<input id="trafficswitch" class="form-check-input" type="checkbox" name="traffic_active"
{#if traffic_active??}checked{/if} value="true" >
<label class="form-check-label" for="trafficswitch">Verkehrsinfos via google-API aktiv</label>
</div>
</div>
<div class="col-md-1 mt-4">
<button type="submit" class="btn btn-primary">Speichern</button>
</div>
</form>
</div>
</div>