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

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

@@ -2,9 +2,11 @@
{#user_active}active{/} {#user_active}active{/}
{#contents} {#contents}
{#if is_admin??}
<h2>Admin-Konfiguration</h2>
<div class="mt-2"> <div class="mt-2">
<h2>Hallo {current_user.username}</h2>
{#if is_admin??} <h3>Benutzer</h3>
<table class="table table-striped table-bordered"> <table class="table table-striped table-bordered">
<thead> <thead>
<tr> <tr>
@@ -30,18 +32,93 @@
{/for} {/for}
</tbody> </tbody>
</table> </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>
<div class="mt-2" > <hr class="mz-4">
{#if is_admin??}
<a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#userModal" role="button">neuer Benutzer</a> <div class="mt-5">
{/if} <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> <a class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#passwordModal" role="button">Passwort ändern</a>
{#if is_admin??} {#include password-modal.html}{/include}
{#include user-modal.html rooms=rooms user=current_user}{/include} </div>
{/if} <div class="mt-4">
{#include password-modal.html}{/include} <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>
</div>
{/contents} {/contents}
{/include} {/include}