Landing Page Komponente

Komponente für die Startseite und die Kapitelauswahl.

Verwendung

<app-home> </app-home>

Kapitelauswahl

Zum Anzeigen der Kapitelbuttons wurde eine separate Komponente erstellt, die unter chapter-button.component zu finden ist. Für die Kapitel gibt es eine Klasse Chapter.ts, die den Titel, die Nummer, den Pfad zum Thumbnail und das Link-Ende fürs Routing beinhaltet. In chapters.service.ts werden die angezeigten Kapitel als Objekte erstellt. Dort kann man, falls notwendig, die Details zu den Kapiteln ändern.

Verwendung

<app-chapter-button class="chapter-button" [chapternumber]="chapter.chapternumber" [imgurl]="chapter.imgurl" [title]="chapter.title" (click)="routeToChapter(chapter.url)"></app-chapter-button>