@if (mode() === AnnotationMode.Create) { {{t('create-title')}} } @else { {{t(isEditMode() ? 'edit-title' : 'view-title')}} }
@if (breakpointService.isDesktopOrAbove()) { @if (isEditOrCreateMode() && this.annotation()) {
} }
@if (isEditOrCreateMode() && formGroup) {
} @else if (annotation()?.containsSpoiler) {
{{t('contains-spoilers-label')}}
} @switch (mode()) { @case (AnnotationMode.Create) { } @case (AnnotationMode.View) { @let an = annotation(); @if (an) {
{{ an.ownerUsername }}
{{ an.createdUtc | utcToLocalDate | date: 'shortDate' }}
@if (an.ownerUsername === accountService.currentUser()?.username) { } } } }
@if (breakpointService.isTabletOrBelow()) { @if (isEditOrCreateMode() && this.annotation()) {
} }
@if (annotation() && formGroup) {

{{quoteExpanded() ? t('read-less') : t('read-more')}} {{annotation()! | pageChapterLabel}}
@if (isEditOrCreateMode()) { } @else { }
}