Merge pull request 'Formularfeld für die gewünschte Hardware einführen' (#68) from hardware-request-form-field into stage

Reviewed-on: https://codeberg.org/angestoepselt/homepage/pulls/68
Reviewed-by: matti <matti@noreply.codeberg.org>

cgi-bin/form.py

@@ -207,6 +207,7 @@ match request_uri:
 		fail("503 Service Unavailable", "Form disabled")
 		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")

sites/angestoepselt/computer-beantragen/privat.md

@@ -27,6 +27,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:
@@ -84,7 +102,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>

styles/components/_form-elements.scss

@@ -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;
+			}
 		}
 	}