{{ list()?.name || (isCreateMode() ? 'Neue Liste' : 'Liste') }}

@if (isCreateMode()) {

Liste anlegen

} @else if (list()) {

{{ checkedCount(list()!) }} / {{ list()!.items.length }} erledigt

}
@if (loading()) {

Liste wird geladen

 } @else if (errorMessage()) {

Liste konnte nicht geladen werden

{{ errorMessage() }}

 } @else { Details @if (!isCreateMode()) { } @if (showEditor()) {
Titel @if (listForm.controls.name.hasError('required')) { Titel ist erforderlich. } Beschreibung
} @else {

{{ list()?.description || 'Keine Beschreibung hinterlegt.' }}

} Items @if (canEditItems()) { {{ list()?.items?.length || 0 }} Einträge } @else { Nach dem Speichern verfügbar } @if (showEditor()) {
Neues Item @if (itemForm.controls.title.hasError('required')) { Item-Titel ist erforderlich. } Pflicht
} @if (!canEditItems()) {
Speichere die Liste, bevor du Items hinzufügst.
} @else if (list()?.items?.length) {
    @for (item of list()!.items; track item.id) {
  • {{ item.title }} @if (updatingItemId() === item.id) { } @if (item.checked && item.checkedAt && item.checkedByName) {
    Abgehakt von {{ item.checkedByName }} am {{ item.checkedAt | date: 'dd.MM.yyyy, HH:mm' }}
    }
    • }
} @else {
Noch keine Items.
} Zur Listenübersicht }