Zum Inhalt springen

Änderungen von Dokument Umfrage bei Feedback erstellen

Zuletzt geändert von Carolin Juler am 2026/07/23 15:01
Von Version 3.1
bearbeitet von Carolin Juler
am 2026/07/23 14:37
Änderungskommentar: Neuen Anhang 1784810278690-694.png hochladen
Auf Version 2.1
bearbeitet von Carolin Juler
am 2026/07/23 14:26
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,25 +1,211 @@
1 -== **Umfragen bei **[[Feedback & Umfragen der LAG ~| Feedback>>url:https://feedback.gwa-nds.de/]]** erstellen mit Claude.ai** ==
1 +{{velocity}}
2 +## =============================================================
3 +## XWiki-Beispielformular: Evaluation "Gute Nachbarschaft"
4 +## Technologie: XWiki Sheet + XClass
5 +## Beispiel: Block 1 – Allgemeine Angaben + Verzweigungslogik
6 +## =============================================================
7 +## Einfügen: Neue Wiki-Seite erstellen → "Quelltext bearbeiten"
8 +## → diesen Code einfügen → Speichern
9 +## =============================================================
2 2  
11 +#set($doc = $xcontext.doc)
3 3  
4 -**Kurzübersicht**
13 +## Formular verarbeiten wenn abgeschickt
14 +#if($request.action == 'save')
15 + #set($name_vorname = $request.name_vorname)
16 + #set($projekttitel = $request.projekttitel)
17 + #set($foerderzeitraum = $request.foerderzeitraum)
18 + #set($strukturerhalt = $request.strukturerhalt)
19 + #set($begruendung = $request.getParameterValues('begruendung'))
20 + #set($sonstiges_text = $request.sonstiges_text)
5 5  
6 -⇒ Ihr schreibt eure Umfrage als Word-Dokument – so wie ihr es gewohnt seid. Claude liest das Dokument und erstellt daraus automatisch den fertigen Code für Drupal. Keine technischen Vorkenntnisse nötig.
22 + ## Hier könntest du die Daten in ein XWiki-Objekt speichern
23 + ## oder per E-Mail versenden. Für das Beispiel: Bestätigung anzeigen.
24 + <div class="box successmessage">
25 + <strong>✓ Vielen Dank!</strong> Ihre Angaben wurden erfolgreich übermittelt.
26 + <ul>
27 + <li><strong>Name:</strong> $name_vorname</li>
28 + <li><strong>Projekttitel:</strong> $projekttitel</li>
29 + <li><strong>Förderzeitraum:</strong> $foerderzeitraum</li>
30 + <li><strong>Strukturerhalt:</strong> $strukturerhalt</li>
31 + #if($strukturerhalt == 'nein' && $begruendung)
32 + <li><strong>Begründung:</strong> $begruendung.toString()</li>
33 + #end
34 + </ul>
35 + </div>
36 +#else
7 7  
8 -⇒ Drupal ist das ist ein freies, Open-Source-Content-Management-System (CMS) und Framework zur Erstellung und Verwaltung von Websites und digitalen Plattformen.
38 +## ── CSS für das Formular ─────────────────────────────────────────────────────
39 +{{html clean="false"}}
40 +<style>
41 + .gn-form { max-width: 720px; font-family: Arial, sans-serif; }
42 + .gn-block { border: 1px solid #1F4E79; border-radius: 6px;
43 + margin-bottom: 24px; padding: 20px 24px; }
44 + .gn-block-title { color: #1F4E79; font-size: 1.1em; font-weight: bold;
45 + margin: 0 0 16px 0; padding-bottom: 8px;
46 + border-bottom: 2px solid #D6E4F0; }
47 + .gn-field { margin-bottom: 14px; }
48 + .gn-label { display: block; font-weight: bold; margin-bottom: 4px;
49 + font-size: 0.95em; }
50 + .gn-required { color: #C00000; margin-left: 2px; }
51 + .gn-input { width: 100%; padding: 7px 10px; border: 1px solid #ccc;
52 + border-radius: 4px; font-size: 0.95em; box-sizing: border-box; }
53 + .gn-hint { font-size: 0.85em; color: #595959; margin-top: 3px; }
54 + .gn-hint a { color: #1F4E79; }
55 + .gn-radio-group { display: flex; gap: 24px; margin-top: 6px; }
56 + .gn-radio-group label { font-weight: normal; cursor: pointer; }
57 + .gn-radio-group input { margin-right: 6px; }
58 + .gn-checkbox-group { margin-top: 6px; }
59 + .gn-checkbox-group label { display: block; margin-bottom: 6px;
60 + font-weight: normal; cursor: pointer; }
61 + .gn-checkbox-group input { margin-right: 8px; }
62 + .gn-hidden { display: none; }
63 + .gn-submit { background: #1F4E79; color: #fff; border: none;
64 + padding: 10px 28px; border-radius: 4px; font-size: 1em;
65 + cursor: pointer; margin-top: 8px; }
66 + .gn-submit:hover { background: #163a5c; }
67 + .gn-intro { color: #333; margin-bottom: 24px; line-height: 1.5; }
68 +</style>
9 9  
10 -⇒  Ihr schreibt eure Umfrage als Word-Dokument – so wie ihr es gewohnt seid. Claude liest das Dokument und erstellt daraus automatisch den fertigen Code für Drupal. Keine technischen Vorkenntnisse nötig.
70 +<div class="gn-form">
11 11  
12 -⇒ Umfragen sind nur über einen Link sichtbar und nicht durch eine Suchmaschine zu finden.
72 + <p class="gn-intro">
73 + Die Abfrage dient der Qualitätssicherung sowie der Nachvollziehbarkeit
74 + über den Wirkungsgrad der Landesförderung „Gute Nachbarschaft" und hat
75 + zum Ziel, entstandene Strukturen sichtbar und darstellbar zu machen.
76 + </p>
13 13  
78 + <form method="post" action="">
79 + <input type="hidden" name="action" value="save"/>
14 14  
15 -**A)  Eine neue Umfrage erstellen**
81 + <!-- ── Block 1: Allgemeine Angaben ─────────────────────────────────── -->
82 + <div class="gn-block">
83 + <div class="gn-block-title">Allgemeine Angaben zum Projekt</div>
16 16  
17 -~1. auf [[Feedback & Umfragen der LAG ~| Feedback>>url:https://feedback.gwa-nds.de/]] gehen und anmelden. Jeder registrierter Account muss als 'Administrator'  geführt werden.
85 + <div class="gn-field">
86 + <label class="gn-label">
87 + Name der ausfüllenden Person<span class="gn-required">*</span>
88 + </label>
89 + <input class="gn-input" type="text" name="name_vorname"
90 + placeholder="Nachname, Vorname" required/>
91 + </div>
18 18  
19 -2. Auf der Startseite erscheint die Übersicht "Feedback & Umfragen der LAG"
93 + <div class="gn-field">
94 + <label class="gn-label">
95 + Projekttitel<span class="gn-required">*</span>
96 + </label>
97 + <input class="gn-input" type="text" name="projekttitel" required/>
98 + <div class="gn-hint">
99 + Sollten Sie den genauen Projekttitel nicht (mehr) kennen, suchen Sie
100 + diesen bitte auf
101 + <a href="http://www.gwa-nds.de/projekte" target="_blank">
102 + www.gwa-nds.de/projekte
103 + </a> heraus.
104 + </div>
105 + </div>
20 20  
21 -⇒ Umfragen heißen dort "Forumalare"
107 + <div class="gn-field">
108 + <label class="gn-label">
109 + Förderzeitraum<span class="gn-required">*</span>
110 + </label>
111 + <input class="gn-input" type="text" name="foerderzeitraum"
112 + placeholder="z. B. 01.01.2020–31.12.2023" required/>
113 + </div>
22 22  
115 + <div class="gn-field">
116 + <label class="gn-label">
117 + Konnten durch die Förderung aufgebaute Strukturen in der
118 + Gemeinwesenarbeit und im Quartiersmanagement erhalten bleiben?
119 + <span class="gn-required">*</span>
120 + </label>
121 + <div class="gn-radio-group">
122 + <label>
123 + <input type="radio" name="strukturerhalt" value="ja"
124 + onchange="toggleBloecke(this.value)" required/> ja
125 + </label>
126 + <label>
127 + <input type="radio" name="strukturerhalt" value="teilweise"
128 + onchange="toggleBloecke(this.value)"/> teilweise
129 + </label>
130 + <label>
131 + <input type="radio" name="strukturerhalt" value="nein"
132 + onchange="toggleBloecke(this.value)"/> nein
133 + </label>
134 + </div>
135 + </div>
136 + </div>
23 23  
138 + <!-- ── Block 2: Begründung (nur bei "nein") ────────────────────────── -->
139 + <div class="gn-block gn-hidden" id="block-nein">
140 + <div class="gn-block-title">
141 + Wieso konnten durch die Förderung aufgebaute Strukturen in der
142 + Gemeinwesenarbeit und im Quartiersmanagement nicht erhalten bleiben?
143 + </div>
144 + <p style="color:#555; font-size:0.9em;">
145 + Bitte kreuzen Sie Zutreffendes an und erläutern Sie gegebenenfalls.
146 + </p>
147 + <div class="gn-checkbox-group">
148 + <label><input type="checkbox" name="begruendung" value="Fehlende Finanzierung"/>
149 + Fehlende Finanzierung</label>
150 + <label><input type="checkbox" name="begruendung" value="Fehlende personelle Ressourcen"/>
151 + Fehlende personelle Ressourcen</label>
152 + <label><input type="checkbox" name="begruendung" value="Fehlende politische Unterstützung"/>
153 + Fehlende politische Unterstützung</label>
154 + <label><input type="checkbox" name="begruendung" value="Fehlende organisatorische Verankerung"/>
155 + Fehlende organisatorische Verankerung</label>
156 + <label><input type="checkbox" name="begruendung" value="Geringe Nachfrage"/>
157 + Geringe Nachfrage</label>
158 + <label><input type="checkbox" name="begruendung" value="Trägerentscheidung / Entscheidung der Kommune"/>
159 + Trägerentscheidung / Entscheidung der Kommune</label>
160 + <label>
161 + <input type="checkbox" name="begruendung" value="Sonstiges"
162 + onchange="toggleSonstiges(this.checked)"/>
163 + Sonstiges
164 + </label>
165 + </div>
166 + <div class="gn-field gn-hidden" id="sonstiges-feld">
167 + <label class="gn-label">Sonstiges – bitte erläutern</label>
168 + <textarea class="gn-input" name="sonstiges_text"
169 + rows="3" maxlength="350"
170 + oninput="updateCounter(this)"></textarea>
171 + <div class="gn-hint">
172 + <span id="sonstiges-counter">350</span> Zeichen verbleibend
173 + </div>
174 + </div>
175 + </div>
24 24  
25 -
177 + <!-- ── Blöcke 3–5: Platzhalter (nur bei "ja" oder "teilweise") ──── -->
178 + <div class="gn-hidden" id="block-ja-teilweise">
179 + <div class="gn-block">
180 + <div class="gn-block-title">Personalausgaben</div>
181 + <p style="color:#888; font-style:italic;">
182 + [Block 3–5 hier ergänzen – siehe vollständiger YAML-Code für Drupal]
183 + </p>
184 + </div>
185 + </div>
186 +
187 + <button class="gn-submit" type="submit">Umfrage absenden</button>
188 + </form>
189 +</div>
190 +
191 +<!-- ── Verzweigungslogik (JavaScript) ──────────────────────────────────────── -->
192 +<script>
193 +function toggleBloecke(wert) {
194 + document.getElementById('block-nein').classList.toggle('gn-hidden', wert !== 'nein');
195 + document.getElementById('block-ja-teilweise').classList.toggle('gn-hidden', wert === 'nein');
196 +}
197 +function toggleSonstiges(checked) {
198 + document.getElementById('sonstiges-feld').classList.toggle('gn-hidden', !checked);
199 +}
200 +function updateCounter(el) {
201 + var remaining = 350 - el.value.length;
202 + document.getElementById('sonstiges-counter').textContent = remaining;
203 +}
204 +</script>
205 +
206 +{{/html}}
207 +
208 +#end ## Ende if/else save
209 +{{/velocity}}
210 +
211 +
1784810278690-694.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.CarolinJuler
Größe
... ... @@ -1,1 +1,0 @@
1 -14.8 KB
Inhalt