v0.0.1 (download not working)

BetterIServ.Mobile/src/app/pages/home/home.page.html

@@ -13,4 +13,64 @@
       <ion-title size="large">Übersicht</ion-title>
     </ion-toolbar>
   </ion-header>
+
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>Willkommen {{iserv.userdata?.username}}</ion-card-title>
+      <ion-card-subtitle *ngIf="classData != undefined">
+        Du hast {{unreadMails?.length || 0}} ungelesene E-Mails<br>
+        <span>{{classData?.class.startsWith('Q') ? 'Jahrgang' : 'Klasse'}} {{classData?.class}}</span><br>
+        {{dayName}} der {{today?.toLocaleDateString()}}
+      </ion-card-subtitle>
+    </ion-card-header>
+  </ion-card>
+
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>Stundenplan</ion-card-title>
+    </ion-card-header>
+    <ion-card-content class="lesson-content">
+      <ion-card *ngIf="lessons == undefined && classData != undefined">
+        <ion-card-header>
+          <ion-card-subtitle>Kein Unterricht</ion-card-subtitle>
+        </ion-card-header>
+      </ion-card>
+
+      <div class="lesson-container">
+        <lesson *ngFor="let lesson of lessons" [lesson]="lesson" [courses]="classData.courses" />
+      </div>
+    </ion-card-content>
+  </ion-card>
+
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>Vertretungsplan</ion-card-title>
+    </ion-card-header>
+    <ion-card-content>
+      <ion-card *ngIf="subs?.length == 0 && subs != undefined">
+        <ion-card-header>
+          <ion-card-subtitle>Keine Vertretungen</ion-card-subtitle>
+        </ion-card-header>
+      </ion-card>
+
+      <substitution *ngFor="let sub of subs" [subs]="sub" />
+    </ion-card-content>
+  </ion-card>
+
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>Ungelesene E-Mails</ion-card-title>
+    </ion-card-header>
+    <ion-card-content>
+      <ion-list>
+        <ion-card *ngIf="unreadMails?.length == 0 && unreadMails != undefined">
+          <ion-card-header>
+            <ion-card-subtitle>Keine ungelesenen E-Mails</ion-card-subtitle>
+          </ion-card-header>
+        </ion-card>
+
+        <mail *ngFor="let mail of unreadMails" [mail]="mail" (click)="router.navigate(['mails/' + mail.id])" />
+      </ion-list>
+    </ion-card-content>
+  </ion-card>
 </ion-content>