@if (syncing() && !loading()) {
{{ 'chat.messageList.syncing' | translate }}
} @if (refreshLoading()) {
{{ 'chat.messageList.loading' | translate }}
} @if (initialLoading()) {
} @else if (messages().length === 0) {

{{ 'chat.messageList.emptyTitle' | translate }}

{{ 'chat.messageList.emptySubtitle' | translate }}

} @else {
@if (hasMoreMessages()) {
@if (loadingMore()) {
} @else { }
} @for (message of messages(); track message.id; let index = $index) { @if (dateSeparatorLabels().get(index); as separatorLabel) {
{{ separatorLabel }}
} }
} @if (showNewMessagesBar()) {
{{ 'chat.messageList.newMessages' | translate }}
}