restructure templates: introduce base with header/footer, replace old extern template, add generic form layout, and update info page

This commit is contained in:
Roman 2025-08-31 23:47:27 +02:00
parent 35ae9ab0e5
commit a2ec4071b4
7 changed files with 138 additions and 73 deletions

View File

@ -0,0 +1,37 @@
{% load static %}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<!-- Admin i18n -->
<script src="{% url 'jsi18n' %}"></script>
<!-- Admin Assets -->
<script src="{% static 'admin/js/core.js' %}"></script>
<script src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
<script src="{% static 'admin/js/jquery.init.js' %}"></script>
<link rel="stylesheet" href="{% static 'admin/css/base.css' %}">
<link rel="stylesheet" href="{% static 'admin/css/widgets.css' %}">
<!-- Projektweite Styles -->
<link rel="stylesheet" type="text/css" href="{% static 'css/forms.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}">
{% block head_extra %}{% endblock %}
</head>
<body>
{% include "input/partials/_header.html" %}
<main class="wm-main">
{% block pre_content %}{% endblock %}
{% block content %}{% endblock %}
{% block post_content %}{% endblock %}
</main>
{% include "input/partials/_footer.html" %}
</body>
</html>

View File

@ -1,71 +0,0 @@
{% load static %}
<script type="text/javascript" src="/admin/jsi18n/"></script>
<script type="text/javascript" src="{% static 'admin/js/core.js' %}"></script>
<script type="text/javascript" src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
<script type="text/javascript" src="{% static 'admin/js/jquery.init.js' %}"></script>
{{ form.media }}
<link rel="stylesheet" type="text/css" href="{% static 'admin/css/base.css' %}" />
<link rel="stylesheet" type="text/css" href="{% static 'admin/css/widgets.css' %}" />
{% load i18n %}
{% block content %}
<center>
<style>
ul > li {
list-style-type: none;
}
ul {
padding-left: 10;
}
label.required::after {
content: ' *';
color: red;
}
</style>
<img src="{% static 'input/logo.png' %}" />
<p>Schritt {{ wizard.steps.step1 }} von {{ wizard.steps.count }}</p>
<form action="" method="post">
{% csrf_token %}
<table>
{% if choice %}
Du hast {{choice}} ausgewählt.
{% endif %}
{{ wizard.management_form }}
{% if wizard.form.forms %}
{{ wizard.form.management_form }}
{% for form in wizard.form.forms %}
{{ form }}
{% endfor %}
{% else %}
{{ wizard.form }}
{% endif %}
</table>
<p>
<span style="color: red">*</span> Pflichtfeld
<p>
{% if wizard.steps.prev %}
<button formnovalidate="formnovalidate" name="wizard_goto_step" type="submit" value="{{ wizard.steps.prev }}">Zurück</button>
{% endif %}
{% if wizard.steps.current == wizard.steps.last %}
<button type="submit" value="{% trans "Weiter" %}">Absenden</button>
{% else %}
<button type="submit" value="{% trans "Weiter" %}">Weiter</button>
{% endif %}
</form>
<p>
<img src="https://upload.wikimedia.org/wikipedia/commons/c/c4/Figuren_klein.jpg"><p>
Eine Übersicht aller Förderangebote von Wikimedia Deutschland findest du im <a href="https://de.wikipedia.org/wiki/Wikipedia:Förderung/Förderangebote">
Förderportal in der deutschsprachigen Wikipedia</a>.
<br>Für alle Fragen wende dich gern an das <a href="https://de.wikipedia.org/wiki/Wikipedia:Förderung/Wikimedia_Deutschland">Team Communitys und Engagement</a>.
<p>
Für interessierte Hacker gibts auch den <a href="https://srcsrv.wikimedia.de/beba/foerderbarometer">Sourcecode</a> zum Formular und was damit passiert.
<p>
<a href="https://www.wikimedia.de/impressum/">Impressum</a>
</center>{% endblock %}

View File

@ -0,0 +1,38 @@
{% extends "input/base.html" %}
{% load i18n %}
{% block content %}
<div class="page-centered">
<table class="wm-table">
<tr>
<th class="col-request">Was möchtest du beantragen?</th>
<td>
<strong>Projektförderung</strong>
<ul>
<li>
<a href="#">Projektförderung</a>
mit einer Gesamtsumme unter 1.000,— EUR
</li>
<li>
<a href="{% url 'info-foerderprojekt-ab-1000' %}">Projektförderung</a>
mit einer Gesamtsumme ab 1.000,— EUR
</li>
</ul>
<strong>Serviceleistungen</strong>
<ul>
<li><a href="{% url 'bibliotheksstipendium' %}">Bibliotheksstipendium</a></li>
<li><a href="{% url 'eliteraturstipendium' %}">eLiteraturstipendium</a></li>
<li><a href="{% url 'email' %}">E-Mail-Adresse</a></li>
<li><a href="{% url 'ifg' %}">Kostenübernahme IFG-Anfrage</a></li>
<li><a href="{% url 'literatur' %}">Literaturstipendium</a></li>
<li><a href="{% url 'mailingliste' %}">Mailingliste</a></li>
<li><a href="{% url 'reisekosten' %}">Reisekosten</a></li>
<li><a href="{% url 'softwarestipendium' %}">Softwarestipendium</a></li>
<li><a href="{% url 'visitenkarten' %}">Visitenkarten</a></li>
</ul>
</td>
</tr>
</table>
</div>
{% endblock %}

View File

@ -0,0 +1,30 @@
{% extends "input/base.html" %}
{% load static %}
{% block content %}
{{ form.media }}
<div class="page-centered">
<p>Du hast {{ typestring }} ausgewählt.</p>
</div>
<form method="post" class="wm-form" {% if form.is_multipart %}enctype="multipart/form-data"{% endif %}>
{% csrf_token %}
{% block pre_table %}{% endblock %}
<table class="wm-table">
{{ form.non_field_errors }}
{{ form.as_table }}
</table>
{% block post_table %}{% endblock %}
<p class="page-centered"><span class="star">*</span> Pflichtfeld</p>
<div class="page-centered">
<button type="button" onclick="history.back()">Zurück</button>
<button type="submit">Absenden</button>
</div>
</form>
{% endblock %}

View File

@ -6,7 +6,13 @@
</head>
<body>
<h1>Projektförderung mit einer Gesamtsumme ab 1.000,— EUR</h1>
<p>Für Projektförderungen ab 1.000,— EUR ist ein öffentlicher Projektplan erforderlich.</p>
<p><em>Dummy-Content wird bei Freigabe ersetzt.</em></p>
<p>Vielen Dank für dein Interesse an einer Projektförderung!<br>
Für Projektförderungen mit einer Gesamtsumme ab 1.000,— EUR ist ein öffentlicher Projektplan
erforderlich. Weitere Informationen zu diesem Prozess findest du unter
<a href="https://de.wikipedia.org/wiki/Wikipedia:F%C3%B6rderung/Projektplanung" target="_blank" rel="noopener">
Wikipedia:Förderung/Projektplanung</a>.<br>
Für Fragen steht dir das Team Community-Konferenzen &amp; Förderung gern unter
<a href="mailto:community@wikimedia.de">community@wikimedia.de</a> zur Verfügung.
</p>
</body>
</html>

View File

@ -0,0 +1,21 @@
<div class="wm-footer page-centered">
<p>
<img src="https://upload.wikimedia.org/wikipedia/commons/c/c4/Figuren_klein.jpg" alt=""/>
</p>
<p>
Eine Übersicht aller Förderangebote von Wikimedia Deutschland findest du im
<a href="https://de.wikipedia.org/wiki/Wikipedia:Förderung/Förderangebote">Förderportal in der deutschsprachigen
Wikipedia</a>.
<br>
Für alle Fragen wende dich gern an das
<a href="https://de.wikipedia.org/wiki/Wikipedia:Förderung/Wikimedia_Deutschland">Team Communitys und
Engagement</a>.
</p>
<p>
Für interessierte Hacker gibts auch den
<a href="https://srcsrv.wikimedia.de/beba/foerderbarometer">Sourcecode</a> zum Formular und was damit passiert.
</p>
<p>
<a href="https://www.wikimedia.de/impressum/">Impressum</a>
</p>
</div>

View File

@ -0,0 +1,4 @@
{% load static %}
<div class="wm-header page-centered">
<img src="{% static 'input/logo.png' %}" alt="Wikimedia Deutschland"/>
</div>