Sammlung
This commit is contained in:
60
Sammlung/P2/template/anzeigen.html
Normal file
60
Sammlung/P2/template/anzeigen.html
Normal file
@ -0,0 +1,60 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>
|
||||
Absolventenfeier Main
|
||||
</title>
|
||||
<meta charset="UTF-8" />
|
||||
<style type="text/css">
|
||||
@import url("/template/template.css");
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1 id="idSiteHeader" class="clSiteHeader">
|
||||
Absolventenfeier
|
||||
</h1>
|
||||
<div id="idContent" class="clContent">
|
||||
<h2 id="idContentHeader" class="clContentHeader">
|
||||
Übersicht
|
||||
</h2>
|
||||
<div id="idContentArea" class="clContentArea">
|
||||
|
||||
<table id="idList">
|
||||
<tr>
|
||||
<th>Vorname</th>
|
||||
<th>Nachname</th>
|
||||
<th>Anzahl der Begleitpersonen</th>
|
||||
<th>Studiengang</th>
|
||||
<th>Betreuer</th>
|
||||
<th>Matrikelnr</th>
|
||||
<th> </th></tr>
|
||||
|
||||
% for var in inhalt_alle:
|
||||
<tr>
|
||||
|
||||
<td>${inhalt_alle[var]['Vorname']}</td>
|
||||
<td>${inhalt_alle[var]['Nachname']}</td>
|
||||
<td>${inhalt_alle[var]['Gaeste']}</td>
|
||||
<td>${inhalt_alle[var]['Studiengang']}</td>
|
||||
<td>${inhalt_alle[var]['Betreuer']}</td>
|
||||
<td>${inhalt_alle[var]['Matrikelnummer']}</td>
|
||||
<td>
|
||||
<a href="/passwort_app/${var}">Bearbeiten</a>
|
||||
<a href="/passwort_loeschen_app/${var}">Löschen </a>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
% endfor
|
||||
</table>
|
||||
</div>
|
||||
<div id="idButtonArea" class="clButtonArea">
|
||||
|
||||
<a href="/hinzufuegen_app" class="clButton">Neuer Teilnehmer</a>
|
||||
<a href="./Dokumentation.html" class="clButton">Dokumentation</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
59
Sammlung/P2/template/bearbeiten.html
Normal file
59
Sammlung/P2/template/bearbeiten.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>
|
||||
Registrierung
|
||||
</title>
|
||||
<meta charset="UTF-8" />
|
||||
<style type="text/css">
|
||||
@import url("/template/template.css");
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1 id="idSiteHeader" class="clSiteHeader">
|
||||
Ihre Daten
|
||||
</h1>
|
||||
<form id="idForm" class="clContent" action="/speichern_app" method="POST">
|
||||
<h2 id="idContentHeader" class="clContentHeader">
|
||||
Das Formular ausfüllen/korrigieren und auf "speichern" klicken:
|
||||
</h2>
|
||||
<div id="idContentArea" class="clContentArea">
|
||||
|
||||
<input type="hidden" value="${inhalt_alle['id']}" id="id_s" name="id_s" />
|
||||
|
||||
<div class="clFormRow">
|
||||
<label for="vorname_s">Vorname</label>
|
||||
<input type="text" value="${inhalt_alle['Vorname']}" id="Vorname_s" name="Vorname_s" />
|
||||
</div>
|
||||
<div class="clFormRow">
|
||||
<label for="nachname_s">Nachname</label>
|
||||
<input type="text" value="${inhalt_alle['Nachname']}" id="Nachname_s" name="Nachname_s" />
|
||||
</div>
|
||||
<div class="clFormRow">
|
||||
<label for="gast_s">Anzahl der Begleitpersonen</label>
|
||||
<input type="text" value="${inhalt_alle['Gaeste']}" id="Gaeste_s" name="Gaeste_s" />
|
||||
</div>
|
||||
<div class="clFormRow">
|
||||
<label for="studiengang_s">Studiengang</label>
|
||||
<input type="text" value="${inhalt_alle['Studiengang']}" id="Studiengang_s" name="Studiengang_s" />
|
||||
</div>
|
||||
<div class="clFormRow">
|
||||
<label for="betreuer_s">Betreuer</label>
|
||||
<input type="text" value="${inhalt_alle['Betreuer']}" id="Betreuer_s" name="Betreuer_s" />
|
||||
</div>
|
||||
<div class="clFormRow">
|
||||
<label for="kennwort_s">Kennwort</label>
|
||||
<input type="text" value="${inhalt_alle['Passwort']}" id="Passwort_s" name="Passwort_s" />
|
||||
</div>
|
||||
<div class="clFormRow">
|
||||
<label for="matnr_s">Matrikelnummer</label>
|
||||
<input type="text" value="${inhalt_alle['Matrikelnummer']}" id="Matrikelnummer_s" name="Matrikelnummer_s" />
|
||||
</div>
|
||||
</div>
|
||||
<div id="idButtonArea" class="clButtonArea">
|
||||
<a href="/index" title="Zurück zur Startseite">Zurück</a>
|
||||
<input type="submit" value="Speichern" />
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
36
Sammlung/P2/template/passwort.html
Normal file
36
Sammlung/P2/template/passwort.html
Normal file
@ -0,0 +1,36 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>
|
||||
Registrierung
|
||||
</title>
|
||||
<meta charset="UTF-8" />
|
||||
<style type="text/css">
|
||||
@import url("/template/template.css");
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1 id="idSiteHeader" class="clSiteHeader">
|
||||
Passwort
|
||||
</h1>
|
||||
<form id="idForm" class="clContent" action="/bearbeiten_app" method="POST">
|
||||
<h2 id="idContentHeader" class="clContentHeader">
|
||||
Sie müssen zuerst ihr Passwort eingeben:
|
||||
</h2>
|
||||
<div id="idContentArea" class="clContentArea">
|
||||
|
||||
<input type="hidden" value="${inhalt_alle['id']}" id="id_s" name="id_s" />
|
||||
|
||||
<div class="clFormRow">
|
||||
<label for="pw">Passwort</label>
|
||||
<input type="text" value="" id="pw" name="pw" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="idButtonArea" class="clButtonArea">
|
||||
<a href="/index" title="Zurück zur Startseite">Zurück</a>
|
||||
<input type="submit" value="Bestätigen" />
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
38
Sammlung/P2/template/passwort_loeschen.html
Normal file
38
Sammlung/P2/template/passwort_loeschen.html
Normal file
@ -0,0 +1,38 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>
|
||||
Registrierung
|
||||
</title>
|
||||
<meta charset="UTF-8" />
|
||||
<style type="text/css">
|
||||
@import url("/template/template.css");
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1 id="idSiteHeader" class="clSiteHeader">
|
||||
Passwortabfrage
|
||||
</h1>
|
||||
<form id="idForm" class="clContent" action="/loeschen_app" method="POST">
|
||||
<h2 id="idContentHeader" class="clContentHeader">
|
||||
Sie löschen mit diesem Schritt Ihre Daten aus der Datenbank!
|
||||
|
||||
</h2>
|
||||
|
||||
<div id="idContentArea" class="clContentArea">
|
||||
|
||||
<input type="hidden" value="${inhalt_alle['id']}" id="id_s" name="id_s" />
|
||||
|
||||
<div class="clFormRow">
|
||||
<label for="pw">Passwort</label>
|
||||
<input type="text" value="" id="pw" name="pw" />
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="idButtonArea" class="clButtonArea">
|
||||
<a href="/index" title="Zurück zur Startseite">Zurück</a>
|
||||
<input type="submit" value="Löschen" />
|
||||
</div>
|
||||
</form>
|
||||
</body>
|
||||
</html>
|
148
Sammlung/P2/template/template.css
Normal file
148
Sammlung/P2/template/template.css
Normal file
@ -0,0 +1,148 @@
|
||||
/* template.css */
|
||||
|
||||
/* allgemeine Vorgaben */
|
||||
body {
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-size: 12pt;
|
||||
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Basislayout */
|
||||
|
||||
.clSiteHeader {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 100px;
|
||||
line-height: 100px;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
font-size: 40pt;
|
||||
text-align: center;
|
||||
text-shadow:black 3px 2px;
|
||||
font-family: cursive, fantasy;
|
||||
color: #920B19;
|
||||
background-color: #B6B6B7;
|
||||
}
|
||||
|
||||
.clContent {
|
||||
position: absolute;
|
||||
top: 110px; /* height, padding, border, margin von idSiteHeader beachten */
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
/* Elemente im Content-Bereich */
|
||||
|
||||
.clContentHeader {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
font-size: 18pt;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.clContentArea {
|
||||
position: absolute;
|
||||
top: 80px; /* height, padding, border, margin von idContentHeader beachten */
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 40px; /* height, padding, border, margin von idButtonArea beachten */
|
||||
margin: 10px 0;
|
||||
margin-left: 10px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.clButtonArea {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
/*float: left; width: 10px:*/
|
||||
bottom: 0;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
margin: 0;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
background-color: #B6B6B7;
|
||||
}
|
||||
|
||||
/* Links und Submit-Schalter im Buttonbereich gestalten */
|
||||
|
||||
.clButtonArea a, input[type="submit"] {
|
||||
margin: 0 5px;
|
||||
padding: 3px 6px;
|
||||
font-size: 14pt;
|
||||
text-decoration: none;
|
||||
border: 2px solid;
|
||||
color: black;
|
||||
background-color: buttonface;
|
||||
}
|
||||
|
||||
/* unterschiedliche Kennzeichnungen je nach Bedienung vermeiden */
|
||||
|
||||
.clButtonArea a:hover, a:visited, a:active {
|
||||
color: black;
|
||||
}
|
||||
|
||||
/* Gestaltung von Tabellen */
|
||||
|
||||
#idList {
|
||||
table-layout: fixed;
|
||||
width: auto;
|
||||
border: 2px solid;
|
||||
border-collapse: collapse;
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
#idList th {
|
||||
text-align: center;
|
||||
padding-left: 5px;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
#idList th, #idList td {
|
||||
padding: 3px;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
/* Gestaltung von Formularen */
|
||||
|
||||
/* das Formular nochmals zusätzlich gestalten */
|
||||
#idForm .clContentArea {
|
||||
width: 500px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.clFormRow {
|
||||
position: relative; /* damit das Element in jedem Fall "positioniert" ist und damit als Bezugspunkt geeignet ist */
|
||||
height: 30px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.clFormRow label {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 240px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.clFormRow input {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 250px;
|
||||
width: 250px;
|
||||
}
|
||||
/* EOF */
|
Reference in New Issue
Block a user