Sammlung
This commit is contained in:
darthsandmann
80
Sammlung/web_p4/content/edit_form.txt
Normal file
80
Sammlung/web_p4/content/edit_form.txt
Normal file
@ -0,0 +1,80 @@
|
||||
## -*- coding: utf-8 -*-
|
||||
<%!
|
||||
import os
|
||||
import json
|
||||
import cherrypy
|
||||
%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Anmeldung bearbeiten</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Bearbeitungsformular der eigenen Anmeldung</h1>
|
||||
</header>
|
||||
<section>
|
||||
<div id="subSection2">
|
||||
<h3 class="alert">
|
||||
Information: Name, Vorname und Kennwort sind unveränderbar.
|
||||
Die mit '*' markierten Felder müssen ausgefüllt werden!
|
||||
</h3>
|
||||
<form name="EditForm" action="save" method="post">
|
||||
<table class="form">
|
||||
<%
|
||||
json_data = open( "./data/%s.json" % ID )
|
||||
data = json.load( json_data )
|
||||
%>
|
||||
<tr>
|
||||
<td>Vorname<span class="alert">*</span>:</td>
|
||||
<td><input type="text" name="vorname" value="${data['vorname']}" placeholder="Vorname" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Nachname<span class="alert">*</span>:</td>
|
||||
<td><input type="text" name="nachname" value="${data['nachname']}" placeholder="Nachname" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Anzahl Begleitpersonen:</td>
|
||||
<td><select name="begleitpersonen" >
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
</select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Studiengang:</td>
|
||||
<td><input type="text" name="studiengang" placeholder="z.B Informatik B.Sc" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Betreuer:</td>
|
||||
<td><input type="text" name="betreuer" placeholder="Name des Betreuers" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Kennwort<span class="alert">*</span>:</td>
|
||||
<td><input type="password" name="passwort" placeholder="Kennwort" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="checkbox" name="loeschen" value="yes">Meine Anmeldung loeschen!</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><input type="hidden" name="ID" value="${ID}"></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td><input type="submit" value="Speichern!"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
<p>
|
||||
<form action="./index" method="get">
|
||||
<button>Abbrechen</button>
|
||||
</form>
|
||||
</div>
|
||||
</html>
|
||||
15
Sammlung/web_p4/content/error_page.txt
Normal file
15
Sammlung/web_p4/content/error_page.txt
Normal file
@ -0,0 +1,15 @@
|
||||
## -*- coding: utf-8 -*-
|
||||
<%!
|
||||
import os
|
||||
import json
|
||||
import cherrypy
|
||||
%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
</head>
|
||||
<h1>${MSG}</h1>
|
||||
<a href="./index">Zur Hauptseite zurückkehren!</a>
|
||||
</html>
|
||||
82
Sammlung/web_p4/content/index.txt
Normal file
82
Sammlung/web_p4/content/index.txt
Normal file
@ -0,0 +1,82 @@
|
||||
## -*- coding: utf-8 -*-
|
||||
<%!
|
||||
import os
|
||||
import json
|
||||
import cherrypy
|
||||
%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>
|
||||
Absolventenfeier
|
||||
</title>
|
||||
<link rel="stylesheet" type="text/css" href="./style.css"></link>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
<script src="./js/select.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1 id="mainHeadline">Absolventenfeier Informatik</h1>
|
||||
</header>
|
||||
<nav id="mainNav">
|
||||
<a href="./registration_form" id="navButton1">Registrieren</a>
|
||||
</nav>
|
||||
<div id="verticalLineLeft">
|
||||
<section>
|
||||
<div id="subSection1">
|
||||
<p>
|
||||
Auf dieser Website wird die diesjährige Absolventenfeier des Studiengangs Informatik organisiert.
|
||||
|
||||
<table id="table1">
|
||||
<tr>
|
||||
<td>Wann?</td>
|
||||
<td>15.07.2014</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Beginnt um:</td>
|
||||
<td>15:00 Uhr</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Wo? </td>
|
||||
<td>Audimax</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p>
|
||||
In der untenstehenden Liste sind die bisher angemeldeten Teilnehmer einzusehen. Möchten Sie sich zu dieser Absolventenfeier verbindlich anmelden, nutzen Sie bitte
|
||||
den obigen Schalter <i>Registrieren</i>.
|
||||
<p>
|
||||
Möchten Sie eine bestehende Anmeldung bearbeiten oder löschen, können Sie ihren Namen in der Teilnehmerliste unten selektieren und dann auf den Schalter
|
||||
<i>Bearbeiten</i> drücken.
|
||||
<p>
|
||||
</div>
|
||||
<div id="divideSection"></div>
|
||||
<div id="subSection2">
|
||||
<h2>Teilnehmerliste:</h2>
|
||||
|
||||
<table id="table2">
|
||||
% for filename in os.listdir('./data'):
|
||||
<%
|
||||
json_data = open( "./data/%s" % filename )
|
||||
data = json.load( json_data )
|
||||
%>
|
||||
<tr class="attendendee">
|
||||
<td onclick='SelectRow( ${data['ID']} )' id="${data['ID']}">${data['vorname']} ${data['nachname']}</td>
|
||||
</tr>
|
||||
<%
|
||||
json_data.close()
|
||||
%>
|
||||
% endfor
|
||||
</table>
|
||||
<p>
|
||||
<button type="button" onclick="GetEditForm()">Bearbeiten</button>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
<footer>
|
||||
Verantwortlich für diese Seite: Philipp<p>
|
||||
Contact information: <a href="mailto:someone@example.com">someone@example.com</a>.
|
||||
<div id="footerBottomLine"><div>
|
||||
</footer>
|
||||
</html>
|
||||
29
Sammlung/web_p4/content/js/select.js
Normal file
29
Sammlung/web_p4/content/js/select.js
Normal file
@ -0,0 +1,29 @@
|
||||
var cell = -1;
|
||||
function SelectRow( row ) {
|
||||
if( cell != -1 ) {
|
||||
cell.removeAttribute( "class" );
|
||||
}
|
||||
cell = document.getElementById( row );
|
||||
cell.setAttribute( "class", "selected" );
|
||||
}
|
||||
function GetIdFromRow() {
|
||||
return cell.id;
|
||||
}
|
||||
function GetEditForm() {
|
||||
if( cell == -1 ) {
|
||||
alert( "Zum Bearbeiten ihrer Anmeldung müssen Sie ihren Namen in der Liste selektieren!" );
|
||||
return;
|
||||
}
|
||||
var link = "./edit_form?ident=";
|
||||
link += GetIdFromRow();
|
||||
window.location.href=link;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
$(document).ready(function() {
|
||||
$("tr").click(function(){
|
||||
$(this).addClass("selected").siblings().removeClass("selected");
|
||||
});
|
||||
});
|
||||
*/
|
||||
27
Sammlung/web_p4/content/password_form.txt
Normal file
27
Sammlung/web_p4/content/password_form.txt
Normal file
@ -0,0 +1,27 @@
|
||||
## -*- coding: utf-8 -*-
|
||||
<%!
|
||||
import os
|
||||
import json
|
||||
import cherrypy
|
||||
%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Passwort erforderlich</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Bitte authentifizieren Sie sich:</h1>
|
||||
</header>
|
||||
<section>
|
||||
<form action="edit_form" method="POST">
|
||||
Passwort:<input type="password" name="password">
|
||||
<input type="hidden" name="ID" value="${ID}">
|
||||
<input type="submit" value="Bestätigen">
|
||||
</form>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
57
Sammlung/web_p4/content/registration_form.txt
Normal file
57
Sammlung/web_p4/content/registration_form.txt
Normal file
@ -0,0 +1,57 @@
|
||||
## -*- coding: utf-8 -*-
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Registrierung</title>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Registrierung</h1>
|
||||
</header>
|
||||
<section>
|
||||
<form name="RegisterForm" action="save" method="post">
|
||||
<table class="form">
|
||||
<tr>
|
||||
<td>Vorname:</td>
|
||||
<td><input type="text" name="vorname" placeholder="Vorname" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Nachname:</td>
|
||||
<td><input type="text" name="nachname" placeholder="Nachname" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Anzahl Begleitpersonen:</td>
|
||||
<td><select name="begleitpersonen" >
|
||||
<option value="0">0</option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
</select></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Studiengang:</td>
|
||||
<td><input type="text" name="studiengang" placeholder="z.B Informatik B.Sc" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Betreuer:</td>
|
||||
<td><input type="text" name="betreuer" placeholder="Name des Betreuers" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Kennwort:</td>
|
||||
<td><input type="password" name="passwort" placeholder="Kennwort" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td><input type="submit" value="Anmelden!"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</form>
|
||||
<form action="./index" method="get">
|
||||
<button>Abbrechen</button>
|
||||
</form>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
118
Sammlung/web_p4/content/style.css
Normal file
118
Sammlung/web_p4/content/style.css
Normal file
@ -0,0 +1,118 @@
|
||||
/* background-grey: #EFEFEF */
|
||||
|
||||
|
||||
header {
|
||||
display: block;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
section {
|
||||
background-color: #EFEFEF; /*#F8F8F8;*/
|
||||
border-top-right-radius: 40px;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: #EFEFEF;
|
||||
border-bottom-left-radius: 30px;
|
||||
border-bottom-right-radius: 30px;
|
||||
padding-top: 1%;
|
||||
padding-left: 1%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color:#FFFFFF;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: black;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: grey;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
/*background-color: black;*/
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #ADFF2F;
|
||||
}
|
||||
|
||||
.form {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.alert {
|
||||
color: #FF6E6E;
|
||||
}
|
||||
|
||||
#mainNav li {
|
||||
display: inline;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
li+li {
|
||||
border-left: 2px solid grey;
|
||||
}
|
||||
|
||||
#mainNav {
|
||||
background-color: #424242;
|
||||
color: white;
|
||||
width: 60%;
|
||||
border-top-left-radius: 10px;
|
||||
}
|
||||
|
||||
#navButton1 {
|
||||
color: #FCFCFC;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
font-size: 110%;
|
||||
padding-left: 2%;
|
||||
padding-right: 2%;
|
||||
}
|
||||
|
||||
#divideSection {
|
||||
width: 30%;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
|
||||
#subSection2 {
|
||||
padding-left: 1%;
|
||||
}
|
||||
|
||||
#subSection1 {
|
||||
padding-left: 1%;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
#table1 {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
#verticalLineLeft {
|
||||
border-left: 1px solid #000000;
|
||||
}
|
||||
|
||||
/*
|
||||
#footerBottomLine {
|
||||
margin-left: auto;
|
||||
width: 40%;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
tr.attendendee:hover, .selected {
|
||||
background-color: #ADFF2F;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user