mirror of
https://codeberg.org/angestoepselt/homepage.git
synced 2025-05-24 14:46:16 +00:00
Add a form field for the requested hardware type
This commit is contained in:
parent
6e649c1e14
commit
c3adc6b995
3 changed files with 26 additions and 2 deletions
|
|
@ -204,6 +204,7 @@ match request_uri:
|
|||
case "/computer-beantragen/privat":
|
||||
form_name = "Computerantrag (privat)"
|
||||
form_group = "csw-Anfragen"
|
||||
ticket_details["Gewünschte Hardware"] = get_form_value("hardware", default="Unbekannt")
|
||||
ticket_details["Adresse"] = get_form_value("addressline")
|
||||
ticket_details["PLZ"] = get_form_value("postalcode")
|
||||
ticket_details["Stadt"] = get_form_value("city")
|
||||
|
|
|
|||
|
|
@ -21,6 +21,24 @@ erhalten. Bitte teile uns zunächst deine Kontaktdaten mit.
|
|||
<input type="email" name="contactemail" required placeholder="mail@beispiel.de" />
|
||||
</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
|
||||
Nachweis der Bedürftigkeit. Das ist eines dieser Papiere, die von offiziellen
|
||||
Stellen ausgestellt werden:
|
||||
|
|
@ -78,7 +96,6 @@ aufmerksam durch:
|
|||
installiert. Es gibt ein Programm zum Schreiben
|
||||
([LibreOffice](https://de.libreoffice.org/)) und für das Internet
|
||||
([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">
|
||||
<input type="checkbox" name="hints" required>
|
||||
|
|
|
|||
|
|
@ -97,24 +97,30 @@
|
|||
position: relative;
|
||||
color: colors.$gray-800;
|
||||
|
||||
&:before {
|
||||
&::before {
|
||||
content: '\2771';
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: #{layout.$large-gap * -1};
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
&:checked {
|
||||
+ .form-input > label {
|
||||
font-weight: typography.$emphasized-weight;
|
||||
color: colors.$teal-800;
|
||||
border-color: colors.$teal-800;
|
||||
|
||||
@include colors.coderdojo-theme {
|
||||
color: colors.$orange-500;
|
||||
}
|
||||
|
||||
&::before {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue