erster Entwurf fuer simples Umfrage-Web-Interface
This commit is contained in:
parent
b4c3a84104
commit
59ccb5a87c
11 changed files with 465 additions and 0 deletions
39
umfrage_kirchenplatz2012/templates/layout.html
Normal file
39
umfrage_kirchenplatz2012/templates/layout.html
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:py="http://genshi.edgewall.org/" py:strip="">
|
||||
|
||||
<py:match path="head" once="true">
|
||||
<head py:attrs="select('@*')">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<title py:with="title = list(select('title/text()'))">
|
||||
Umfrage<py:if test="title">: ${title}</py:if>
|
||||
</title>
|
||||
<link rel="stylesheet" href="${base_url}media/style.css" type="text/css" />
|
||||
${select('*[local-name()!="title"]')}
|
||||
</head>
|
||||
</py:match>
|
||||
|
||||
<tr py:match="trRenderOptionTitle" class="option_title">
|
||||
<th py:for="column, option in enumerate(options)" class="column${column % 2}">${option.title}</th>
|
||||
</tr>
|
||||
|
||||
<tr py:match="trRenderOptionImage" class="option_image">
|
||||
<td py:for="column, option in enumerate(options)" class="column${column % 2}"><img src="${option.image}" width="${1024/len(options)}" /></td>
|
||||
</tr>
|
||||
|
||||
<tr py:match="trRenderOptionText" class="option_text">
|
||||
<td py:for="column, option in enumerate(options)" class="column${column % 2}"><ul><li py:for="line in option.text.splitlines()">${line}</li></ul></td>
|
||||
</tr>
|
||||
|
||||
<py:match path="body" once="true">
|
||||
<body py:attrs="select('@*')">
|
||||
|
||||
<div id="content">
|
||||
${select('*|text()')}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</py:match>
|
||||
|
||||
</html>
|
||||
|
||||
46
umfrage_kirchenplatz2012/templates/question.html
Normal file
46
umfrage_kirchenplatz2012/templates/question.html
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xi="http://www.w3.org/2001/XInclude"
|
||||
xmlns:py="http://genshi.edgewall.org/"
|
||||
lang="de">
|
||||
<xi:include href="layout.html" />
|
||||
|
||||
<head/>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>${question.text}</h1>
|
||||
|
||||
<form action="${base_url}" method="POST">
|
||||
<input type="hidden" name="session_id" value="${session.name}" />
|
||||
<input type="hidden" name="question_id" value="${question.id}" />
|
||||
<table class="options">
|
||||
<colgroup><col py:for="option in options" width="${100/len(options)}%" /></colgroup>
|
||||
<trRenderOptionTitle />
|
||||
<tr>
|
||||
<td py:for="column, option in enumerate(options)" class="answer column${column % 2}">
|
||||
<label for="option_${option.id}_text">Bewertung:</label><br/>
|
||||
<textarea rows="5" style="width:90%" id="option_${option.id}_text" name="option_${option.id}_text"></textarea>
|
||||
<br/>
|
||||
<ul class="radio">
|
||||
<li py:for="(key, text) in question.quality_levels">
|
||||
<input type="radio" name="option_${option.id}_quality" value="${key}">${unicode(text)}</input><br/>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="${len(options) / 2}" style="text-align:left">
|
||||
<input py:if="previous_question" type="submit" class="submit" name="go_backward" value="zurück" /></td>
|
||||
<td colspan="${len(options) - len(options) / 2}" style="text-align:right">
|
||||
<input py:if="next_question" type="submit" class="submit" name="go_forward" value="weiter" /></td>
|
||||
</tr>
|
||||
<tr><td colspan="${len(options)}"><hr/></td></tr>
|
||||
<trRenderOptionImage />
|
||||
<trRenderOptionText />
|
||||
</table>
|
||||
</form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
38
umfrage_kirchenplatz2012/templates/start.html
Normal file
38
umfrage_kirchenplatz2012/templates/start.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xi="http://www.w3.org/2001/XInclude"
|
||||
xmlns:py="http://genshi.edgewall.org/"
|
||||
lang="de">
|
||||
<xi:include href="layout.html" />
|
||||
|
||||
<head/>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>Bürgerbeteiligung: Neugestaltung des Kirchplatzes in Warnemünde</h1>
|
||||
<p style="border-width:1px; background-color:lightgreen; border-style:groove; padding:10px">Die Stadt Rostock möchte die
|
||||
<a href="http://rathaus.rostock.de/sixcms/detail.php?id=37572"
|
||||
title="Offizieller Aufruf zur Bürgerbeteilung">Meinung Ihrer Bürgerinnen und Bürger erfragen</a>.
|
||||
Dazu bietet sie leider nur ein etwas <a href="http://rathaus.rostock.de/sixcms/media.php/1068/onlinefragebogen-wkp.pdf"
|
||||
title="Offizielles Umfrage-Formular als PDF">unhandliches PDF-Formular an</a>.<br/>
|
||||
Das folgende web-basierte Formular soll die gewünschte Meinungsbekundung dagegen
|
||||
erleichtern und somit die Breite der Umfrage vergrößern.
|
||||
<br/><br/>
|
||||
<form method="POST">
|
||||
<input type="hidden" name="session_id" value="${session.name}" />
|
||||
<input type="submit" class="submit" value="Umfrage starten ..." />
|
||||
</form>
|
||||
</p>
|
||||
|
||||
<!--
|
||||
<table class="options">
|
||||
<colgroup><col py:for="option in options" width="${100/len(options)}%" /></colgroup>
|
||||
<trRenderOptionTitle />
|
||||
<trRenderOptionImage />
|
||||
<trRenderOptionText />
|
||||
</table>
|
||||
-->
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
30
umfrage_kirchenplatz2012/templates/summary.html
Normal file
30
umfrage_kirchenplatz2012/templates/summary.html
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"
|
||||
xmlns:xi="http://www.w3.org/2001/XInclude"
|
||||
xmlns:py="http://genshi.edgewall.org/"
|
||||
lang="de">
|
||||
<xi:include href="layout.html" />
|
||||
|
||||
<head/>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>Zusammenfassung</h1>
|
||||
Der folgende Text fasst Ihre Eingaben zusammen. Sie können ihn nun nach
|
||||
Belieben anpassen. Anschließend haben Sie zwei Möglichkeiten:
|
||||
|
||||
<ul>
|
||||
<li>Übertragen Sie den Text in Ihr gewohntes Mailprogramm und senden Sie die Mail an stadtplanung@rostock.de.</li>
|
||||
ODER
|
||||
<li>Geben Sie unterhalb des Textes Ihre Mailadresse an und klicken Sie auf <i>Senden</i>. Dadurch wird die Mail sofort ihn Ihrem Namen an die obige Mailadresse der Stadtverwaltung verschickt.</li>
|
||||
</ul>
|
||||
|
||||
Falls Sie Anregungen oder Kritik bezüglich des Planungsverfahrens
|
||||
äußern wollen, dann fügen Sie diese bitte am Ende des Textes an.
|
||||
(Im Formular der Stadt war dafür kein Eingabefeld vorgesehen.)
|
||||
|
||||
Die Stadt wird für Ihre Eingabe sicherlich dankbar sein!
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue