improve form creation

master
Thomas Lindner 2021-11-09 17:39:36 +01:00
parent f212dbe32d
commit e8d1d7e31e
6 changed files with 79 additions and 81 deletions

View File

@ -19,30 +19,35 @@ cursor.execute("""
@application.get("/")
def root_get():
return bottle.static_file("new.html", root="static")
@application.get("/static/<file:path>")
def datentrog_get(file):
return bottle.static_file(file, root="static")
@bottle.view("template/new.tpl")
def new_get():
pass
@application.post("/")
def datentrog_post():
bottle.redirect("event/" + bottle.request.forms.get("event", ""))
@bottle.view("template/new.tpl")
def new_post():
event = bottle.request.forms.get("event", "")
if event:
bottle.redirect("event/" + event)
return dict(event=event, feedback=True)
@application.get("/static/<file:path>")
def static_get(file):
return bottle.static_file(file, root="static")
@application.get("/event/<event>")
@bottle.view("datentrog.tpl")
@bottle.view("template/event.tpl")
def event_get(event):
return dict(event=event)
@application.post("/event/<event>")
@bottle.view("datentrog.tpl")
@bottle.view("template/event.tpl")
def event_post(event):
data = {"feedback": True, "success": True}
data = dict(feedback=True, success=True)
for field in ("event", "name", "address", "contact"):
data[field] = bottle.request.forms.get(field, "")
data["success"] = data["success"] and data[field]

View File

@ -1,49 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Corona-Kontaktformular - {{ get("event", "Heizhaus") }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1>Corona-Kontaktformular</h1>
% if get("success", False):
<p>Erfolgreich registriert.</p>
<form method="get">
<button type="submit" class="btn btn-primary">Weitere Person registrieren</button>
</form>
% else:
<p>Die Daten werden nach 1 Monat gelöscht und ausschließlich zur Corona-Kontaktverfolgung verwendet.</p>
<form method="post" autocomplete="on">
<div class="form-group">
<label for="event">Veranstaltung:</label>
<input id="event" class="form-control" name="event" value="{{ get("event", "Heizhaus") }}" readonly>
</div>
<div class="form-group {{ ("has-success" if get("name", False) else "has-error") + " has-feedback" if get("feedback", False) else "" }}">
<label for="name">Name, Vorname:</label>
<input id="name" class="form-control" placeholder="Söder, Markus" name="name" value="{{ get("name", "") }}">
% if get("feedback", False):
<span class="glyphicon {{ "glyphicon-ok" if get("name", False) else "glyphicon-remove" }} form-control-feedback"></span>
% end
</div>
<div class="form-group {{ ("has-success" if get("address", False) else "has-error") + " has-feedback" if get("feedback", False) else "" }}">
<label for="address">Adresse:</label>
<input id="address" class="form-control" placeholder="Jakobstraße 46, 90402 Nürnberg" name="address" value="{{ get("address", "") }}">
% if get("feedback", False):
<span class="glyphicon {{ "glyphicon-ok" if get("address", False) else "glyphicon-remove" }} form-control-feedback"></span>
% end
</div>
<div class="form-group {{ ("has-success" if get("contact", False) else "has-error") + " has-feedback" if get("feedback", False) else "" }}">
<label for="contact">Email/Telefon:</label>
<input id="contact" class="form-control" placeholder="markus.soeder@soeder.de" name="contact" value="{{ get("contact", "") }}">
% if get("feedback", False):
<span class="glyphicon {{ "glyphicon-ok" if get("contact", False) else "glyphicon-remove" }} form-control-feedback"></span>
% end
</div>
<button type="submit" class="btn btn-success">Registrieren</button>
</form>
% end
</div>
</body>
</html>

View File

@ -1,20 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>Corona-Kontaktformular - Neu erstellen</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1>Corona-Kontaktformular</h1>
<form method="post">
<div class="form-group">
<label for="event">Veranstaltung:</label>
<input id="event" class="form-control" name="event" value="Kunstrasen">
</div>
<button type="submit" class="btn btn-success">Formular erstellen</button>
</form>
</div>
</body>
</html>

37
template/event.tpl Normal file
View File

@ -0,0 +1,37 @@
% rebase('template/toplevel.tpl', title=event)
% if get("success", False):
<p>Erfolgreich registriert.</p>
<form method="get">
<button type="submit" class="btn btn-primary">Weitere Person registrieren</button>
</form>
% else:
<p>Die Daten werden nach 1 Monat gelöscht und ausschließlich zur Corona-Kontaktverfolgung verwendet.</p>
<form method="post" autocomplete="on">
<div class="form-group">
<label for="event">Veranstaltung:</label>
<input id="event" class="form-control" name="event" value="{{ get("event", "Heizhaus") }}" readonly>
</div>
<div class="form-group {{ ("has-success" if get("name", False) else "has-error") + " has-feedback" if get("feedback", False) else "" }}">
<label for="name">Name, Vorname:</label>
<input id="name" class="form-control" placeholder="Söder, Markus" name="name" value="{{ get("name", "") }}">
% if get("feedback", False):
<span class="glyphicon {{ "glyphicon-ok" if get("name", False) else "glyphicon-remove" }} form-control-feedback"></span>
% end
</div>
<div class="form-group {{ ("has-success" if get("address", False) else "has-error") + " has-feedback" if get("feedback", False) else "" }}">
<label for="address">Adresse:</label>
<input id="address" class="form-control" placeholder="Jakobstraße 46, 90402 Nürnberg" name="address" value="{{ get("address", "") }}">
% if get("feedback", False):
<span class="glyphicon {{ "glyphicon-ok" if get("address", False) else "glyphicon-remove" }} form-control-feedback"></span>
% end
</div>
<div class="form-group {{ ("has-success" if get("contact", False) else "has-error") + " has-feedback" if get("feedback", False) else "" }}">
<label for="contact">Email/Telefon:</label>
<input id="contact" class="form-control" placeholder="markus.soeder@soeder.de" name="contact" value="{{ get("contact", "") }}">
% if get("feedback", False):
<span class="glyphicon {{ "glyphicon-ok" if get("contact", False) else "glyphicon-remove" }} form-control-feedback"></span>
% end
</div>
<button type="submit" class="btn btn-success">Registrieren</button>
</form>
% end

11
template/new.tpl Normal file
View File

@ -0,0 +1,11 @@
% rebase('template/toplevel.tpl', title='Neu erstellen')
<form method="post">
<div class="form-group {{ ("has-success" if get("event", False) else "has-error") + " has-feedback" if get("feedback", False) else "" }}">
<label for="event">Veranstaltung:</label>
<input id="event" class="form-control" placeholder="Kunstrasen" name="event" value="{{ get("event", "") }}">
% if get("feedback", False):
<span class="glyphicon {{ "glyphicon-ok" if get("event", False) else "glyphicon-remove" }} form-control-feedback"></span>
% end
</div>
<button type="submit" class="btn btn-success">Formular erstellen</button>
</form>

14
template/toplevel.tpl Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<title>Corona-Kontaktformular - {{ get("title", "Heizhaus") }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1>Corona-Kontaktformular</h1>
{{!base}}
</div>
</body>
</html>