matt/buerokalender
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

traffic info ui

Browse Source
This commit is contained in:
mbremer
2021-10-10 17:11:00 +02:00
parent 6770b38aa0
commit 5388c0c974
1 changed files with 90 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
src/main/resources/templates/user.html
View File

@@ -2,9 +2,11 @@
{#user_active}active{/}
{#contents}
{#if is_admin??}
<h2>Admin-Konfiguration</h2>
<div class="mt-2">
<h2>Hallo {current_user.username}</h2>
{#if is_admin??}
<h3>Benutzer</h3>
<table class="table table-striped table-bordered">
<thead>
<tr>
@@ -30,18 +32,93 @@
{/for}
</tbody>
</table>
{/if}
<a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#userModal" role="button">neuer Benutzer</a>
{#include user-modal.html rooms=rooms user=current_user}{/include}
</div>
{/if}
<div class="mt-4">
<h3>Verkehrsinfos</h3>
<div class="mx-auto">
<form class="row g-3 mt-2">
<div class="col-md-4">
<div class="form-floating">
<input type="text" name="key" class="form-control" id="key" placeholder="google-API-Key" required>
<label for="key">google-API-Key</label>
</div>
</div>
<div class="col-md-7">
<div class="form-floating">
<input type="text" name="office" class="form-control" id="office" placeholder="Büroadresse" required>
<label for="home">Büroadresse</label>
</div>
</div>
<div class="col-md-1 mt-4">
<button type="submit" class="btn btn-primary">Speichern</button>
</div>
</form>
</div>
</div>
<div class="mt-2" >
{#if is_admin??}
<a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#userModal" role="button">neuer Benutzer</a>
{/if}
<a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#passwordModal" role="button">Passwort ändern</a>
{#if is_admin??}
{#include user-modal.html rooms=rooms user=current_user}{/include}
{/if}
{#include password-modal.html}{/include}
<hr class="mz-4">
<div class="mt-5">
<h2>Persönliche Konfiguration von {current_user.username}</h2>
<a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#passwordModal" role="button">Passwort ändern</a>
{#include password-modal.html}{/include}
</div>
<div class="mt-4">
<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">
<div class="col-md-4">
<div class="form-floating">
<input type="email" name="email" class="form-control" id="email" placeholder="E-Mail-Adresse" 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>
<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>
<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>
<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>
<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()" >
<label class="form-check-label" for="trafficswitch">Verkehrsinfos via google-API aktiv</label>
</div>
</div>
</form>
</div>
</div>
{/contents}
{/include}
{/include}