angestoepselt/homepage
5
0
Fork 0
mirror of https://codeberg.org/angestoepselt/homepage.git synced 2025-05-24 14:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add a form field for the requested hardware type

Browse source
This commit is contained in:
Yannik Rödel 2023-01-23 12:41:14 +01:00
parent 6e649c1e14
commit c3adc6b995
3 changed files with 26 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
cgi-bin/form.py
View file

@ -204,6 +204,7 @@ match request_uri:
case "/computer-beantragen/privat": case "/computer-beantragen/privat":
form_name = "Computerantrag (privat)" form_name = "Computerantrag (privat)"
form_group = "csw-Anfragen" form_group = "csw-Anfragen"
ticket_details["Gewünschte Hardware"] = get_form_value("hardware", default="Unbekannt")
ticket_details["Adresse"] = get_form_value("addressline") ticket_details["Adresse"] = get_form_value("addressline")
ticket_details["PLZ"] = get_form_value("postalcode") ticket_details["PLZ"] = get_form_value("postalcode")
ticket_details["Stadt"] = get_form_value("city") ticket_details["Stadt"] = get_form_value("city")

19
sites/angestoepselt/computer-beantragen/privat.md
View file

@ -21,6 +21,24 @@ erhalten. Bitte teile uns zunächst deine Kontaktdaten mit.
<input type="email" name="contactemail" required placeholder="mail@beispiel.de" /> <input type="email" name="contactemail" required placeholder="mail@beispiel.de" />
</label> </label>
Welches Gerät würdest du gerne von uns erhalten?
<input type="radio" id="hardware-desktop" class="radio-input" name="hardware" required value="Desktop-Computer" />
<div class="form-input">
<label for="hardware-desktop">Desktop-Computer</label>
</div>
<input type="radio" id="hardware-bare-laptop" class="radio-input" name="hardware" required value="Laptop ohne Akku" />
<div class="form-input">
<label for="hardware-bare-laptop">Laptop ohne Akku</label>
</div>
<input type="radio" id="hardware-laptop" class="radio-input" name="hardware" required disabled value="Laptop" />
<div class="form-input">
<label for="hardware-laptop">
Laptop<br />
<em>Aktuell nicht verfügbar | Voraussichtlich sind erst wieder ab März</em>
</label>
</div>
Damit du einen Computer von uns erhalten kannst, benötigen wir von dir einen Damit du einen Computer von uns erhalten kannst, benötigen wir von dir einen
Nachweis der Bedürftigkeit. Das ist eines dieser Papiere, die von offiziellen Nachweis der Bedürftigkeit. Das ist eines dieser Papiere, die von offiziellen
Stellen ausgestellt werden: Stellen ausgestellt werden:
@ -78,7 +96,6 @@ aufmerksam durch:
installiert. Es gibt ein Programm zum Schreiben installiert. Es gibt ein Programm zum Schreiben
([LibreOffice](https://de.libreoffice.org/)) und für das Internet ([LibreOffice](https://de.libreoffice.org/)) und für das Internet
([Firefox](https://www.mozilla.org/de/firefox/new/)). ([Firefox](https://www.mozilla.org/de/firefox/new/)).
- Aufgrund der aktuellen Situation können wir _KEINE_ Laptops ausgeben. Desktop-PCs sind verfügbar.
<label class="form-checkbox"> <label class="form-checkbox">
<input type="checkbox" name="hints" required> <input type="checkbox" name="hints" required>

8
styles/components/_form-elements.scss
View file

@ -97,24 +97,30 @@
position: relative; position: relative;
color: colors.$gray-800; color: colors.$gray-800;
&:before { &::before {
content: '\2771'; content: '\2771';
display: inline-block; display: inline-block;
position: absolute; position: absolute;
left: #{layout.$large-gap * -1}; left: #{layout.$large-gap * -1};
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
opacity: 0.3;
} }
} }
&:checked { &:checked {
+ .form-input > label { + .form-input > label {
font-weight: typography.$emphasized-weight;
color: colors.$teal-800; color: colors.$teal-800;
border-color: colors.$teal-800; border-color: colors.$teal-800;
@include colors.coderdojo-theme { @include colors.coderdojo-theme {
color: colors.$orange-500; color: colors.$orange-500;
} }
&::before {
opacity: 1;
}
} }
} }