Chapter Indicator

Chapter Indicator Component

Für eine Übersicht der Kapitel wird die Chapter Indicator Komponente in den Kapiteln der Story eingeblendet. Der Indikator gibt an, in welchem Kapitel sich User befinden und welche Kapitel Folgen bzw. vorhergehen.

Verwendung

Um den Indikator anzuzeigen, kann das HTML-Tag der Chart an entsprechender Stelle eingebettet werden:

<app-chapter-indicator [numberOfChapters]="5" [currentChapter]="1"></app-chapter-indicator>

Das Attribut [numberOfChapters] als ganzzahliger Wert gibt an, wie viele Kapitel es insgesamt gibt. Das Attribut [currentChapter] als ganzzahliger Wert gibt dabei an, in welchem Kapitel sich User aktuell befinden.

Hinweise

• Der Indikator wird immer in der linken oberen Ecke des Bildschirmes als Overlay dargestellt.
• Die Größe des Indikators passt sich der Fensterbreite an.
• Das Attribut numberOfChapters sollte ein ganzzahliger Wert größer 0 sein.
• Das Attribut currentChapter sollte ein ganzzahliger Wert zwischen 1 und der maximalen Anzahl der Kapitel sein. (0 < currentChapter <= numberOfChapters)