fixes

src/app/components/termine/kalenderabo/kalenderabo.component.html

@@ -1,25 +1,65 @@
 <div class="grid">
-    <div class="md:col-6 col-12">
-        <div class="card">
-            <h5>Kalender abonnieren</h5>
-            <p>
-                Mit diesem Link kannst du alle Termine mit deinem Mobil-Kalender
-                synchronisieren. Diese Funktion ist noch in der Testphase,
-                sollte aber zumindest auf iPhones bereits tadellos
-                funktionieren. Wenn du Hilfe beim Einrichten brauchst, frag
-                einfach Geri (Android) oder Roli (iPhone).
-            </p>
-        </div>
-    </div>
-    <div class="md:col-6 col-12">
-        <div class="card flex flex-column justify-content-center">
+    <div class="card col-12">
+        <div class="flex flex-column justify-content-center">
             {{ calendarSubUrl }}
             <button
                 pButton
+                pRipple
                 label="In Zwischenablage kopieren"
-                class="p-button-outlined mt-5"
+                class="p-button-outlined p-button-secondary p-button-rounded p-button-raised"
                 (click)="copyToClipboard()"
             ></button>
+            <p>
+                Mit diesem Link kannst du alle Termine mit deinem Mobil-Kalender
+                synchronisieren. Diese Funktion ist noch in der Testphase,
+                sollte aber zumindest auf iPhones bereits tadellos
+                funktionieren.
+            </p>
         </div>
     </div>
+    <div class="card md:col-6 col-12">
+        <h5>iPhone</h5>
+        <ul>
+            <li>Kopiere den Link</li>
+            <li>Öffne die iPhone Kalender-APP</li>
+            <li>Tippe unten auf "Kalender"</li>
+            <li>Tippe links unten auf "Hinzufügen"</li>
+            <li>Wähle "Kalenderabonnement hinzufügen"</li>
+            <li>Kopiere den Link in das Eingabefeld "ABO-URL"</li>
+            <li>Tippe "Abonnieren"</li>
+        </ul>
+    </div>
+    <div class="card md:col-6 col-12">
+        <h5>Android</h5>
+        <ul>
+            <li>
+                Dein Google-Konto muss auf deinem Smartphone aktiviert sein!
+            </li>
+            <li>
+                In den Google-Konto Synchronisations-Einstellungen muss der Punk
+                "Kalender" aktiviert sein!
+            </li>
+            <li>
+                Wechsle auf einen Desktop-PC und öffne 'calendar.google.com'
+            </li>
+            <li>
+                Beachte: Du musst mit dem entsprechenden Google-Konto angemeldet
+                sein!
+            </li>
+            <li>Klicke links bei "Weitere Kalender" auf das "+"-Symbol</li>
+            <li>Wähle "Per URL"</li>
+            <li>
+                Kopiere den obigen Link in das Eingabefeld "URL des Kalenders".
+            </li>
+            <li>
+                Der Kalender sollte nicht öffentlich gemacht werden - also nicht
+            </li>
+            <li>Tippe "Kalender hinzufügen"</li>
+            <li>
+                Alle Termine werden nun mit deinem Google-Kalender und
+                dementsprechend auch mit deinem Google-Smartphone-Kalender
+                synchronisiert
+            </li>
+        </ul>
+    </div>
 </div>

src/app/pipes/full-name.pipe.ts

@@ -7,7 +7,9 @@ import { Anschrift } from "../models/Anschrift";
 })
 @Injectable()
 export class FullNamePipe implements PipeTransform {
-    public transform(value: Mitglied | Anschrift): string {
+    constructor() {}
+
+    transform(value: Mitglied | Anschrift): string {
         if (!value) return "";
 
         const name = value.vorname + " " + value.zuname;