init mit ersten templates undso

templates/base.html

@@ -0,0 +1,48 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
+	
+    <title>{% block title %} {% endblock %}</title>
+  </head>
+  <body>
+    <nav class="navbar navbar-expand-md navbar-light bg-light">
+        <a class="navbar-brand" href="{{ url_for('index')}}">Energie Monitor - Zählererfassung</a>
+    </nav>
+    <div class="container">
+{% with errors = get_flashed_messages(category_filter=["error"]) %}
+{% if errors %}
+<div class="alert-message block-message error">
+    <ul>
+    {%- for msg in errors %}
+    <div class="alert alert-danger">{{ msg }}</dev>
+    {% endfor -%}
+  </ul>
+</div>
+{% endif %}
+{% endwith %}
+{% with successmsgs = get_flashed_messages(category_filter=["success"]) %}
+{% if successmsgs %}
+<div class="alert-message block-message success">
+    <ul>
+    {%- for msg in successmsgs %}
+    <div class="alert alert-success">{{ msg }}</dev>
+    {% endfor -%}
+  </ul>
+</div>
+{% endif %}
+{% endwith %}
+
+        {% block content %} {% endblock %}
+    </div>
+
+    <!-- Optional JavaScript -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+   </body>
+</html>

templates/index.html

@@ -0,0 +1,99 @@
+{% extends 'base.html' %}
+
+{% block content %}
+    <h1>{% block title %} Besucher Check In - Chamäleon Demo{% endblock %}</h1>
+    <h2> Registrierung </h2>
+
+<div class="row">
+    <div class="col-sm-6">
+        <small> Für alle, die genug haben von der Zettelwirtschaft und den Datenschutzproblemen. <br/>
+        Digitaler Briefkasten für Registrierungen. Fertig! <br/>
+        Kein Herumliegen und Einsicht in fremde Regisrierungen...
+        </small>
+    </div>
+    <img src="{{ url_for('static', filename='CCLOGO-vect.svg') }}" alt="Chamäleon Logo" class="img-thumbnail col-sm-6" width=50%>
+</div>
+
+<form method="post" name="Registrierung" >
+    <div class="form-group ">
+        <label for="vorname">Vorname</label>
+        <input type="text" name="vorname" required
+               placeholder="Vornamen eingeben" class="form-control"
+               value="{{ request.form['vorname'] }}"></input>
+
+        <label for="nachname">Nachname</label>
+        <input type="text" name="nachname" required
+               placeholder="Nachnamen eingeben" class="form-control"
+               value="{{ request.form['nachname'] }}"></input>
+ 
+ <br />
+
+ <strong> Eine </strong> der folgenden Eingaben zur Erreichbarkeit ist erforderlich: <br/>
+        <label for="telefonnummer">Telefonnummer</label>
+        <input type="text" name="telefonnummer" 
+               placeholder="+49 123 456" class="form-control"
+               value="{{ request.form['telefonnummer'] }}"></input>
+
+        <label for="emailadresse">E-Mail Adresse</label>
+        <input type="text" name="emailadresse" 
+               placeholder="gast@chamaeleoncloud.de" class="form-control"
+               value="{{ request.form['emailadresse'] }}"></input>
+
+        <label for="anschrift">Anschrift (Str., Nr., PLZ, Ort)</label>
+        <input type="text" name="anschrift" 
+               placeholder="Str. 123, 65432 Ort" class="form-control"
+               value="{{ request.form['anschrift'] }}"></input>
+    </div>
+</br>
+
+    <div class="form-group">
+        <button type="submit"  class="btn btn-primary">Einwerfen</button>
+    </div>
+</form>
+    <h2> Infos / Datenschutz </h2>
+    <p>
+    Diese Registrierung läuft lokal bei uns im Haus. </br>
+    Die hier aufgenommenen Daten werden <em>vertraulich</em> und lediglich für die ggf. nötige, 
+    hilfreiche Nachverfolgung von Infektionsketten im Zusammenhang mit der Corona-Pandemie aufgenommen, 
+    maximal vier Wochen gesichert im Hause aufbewahrt und nur auf Anfrage an das zuständige Gesundheitsamt weitergegeben.
+    <br/>
+    Verpflichtende Angaben sind: 
+    <ul>
+     <li> Datum, Zeit (Wird automatisch erfasst) </li>
+     <li> Vorname, Name </li>
+     <li> <strong>Eine</strong> Angabe von </li>
+        <ul>
+             <li> Telefonnummer <em>oder</em></li>
+             <li> E-Mail Adresse <em>oder</em></li>
+             <li> Anschrift (Straße Hausnummer, PLZ Ort </li>
+        </ul>
+    </ul>
+    Bei Fragen zur Datenhaltung und zum Datenschutz wenden Sie sich gern <br/>
+    an:  <a href="mailto:kontakt@chamaeleoncloud.de"> kontakt @ ChamäleonCloud </a>
+    </p>
+<!--
+{#
+    <h2> Gäste bisher:</h2>
+   <p>
+    {% for gast in guests %}
+        <a href="#">
+            <h2>{{ gast['nachname'] }}</h2>
+        </a>
+        <div> {{ gast['nachname'] }}, {{ gast['vorname'] }}, {{ gast['anschrift'] }}, {{ gast['telefonnummer']}}, {{ gast['emailadresse'] }}, {{ gast['id'] }} </div>
+        <span class="badge badge-primary">{{ gast['zeitpunkt'] }}</span>
+        <hr>
+    {% endfor %}
+    </p>
+#}   
+<!-- -->
+
+<table class="table">
+  <tbody>
+    <tr>
+      <td> <a href="https://www.xn--chamleoncloud-efb.de/">ChamäleonCloud Website</a> </td>
+      <td> <a href="https://www.xn--chamleoncloud-efb.de/impressum">Impressum</a> </td>
+      <td> <a href="https://www.xn--chamleoncloud-efb.de/datenschutz">Datenschutz</a> </td>
+    </tr>
+</div>
+
+{% endblock %}