@if (openingHours$ | async; as openingHours) {
@if (colorize) {
{{ openingHours.statusName | translate }}
} @else {
{{ openingHours.statusName | translate }}
}
@if (openingHours.statusText) {
{{ openingHours.statusText }}
} @else {
@if (showNextChange && openingHours.nextChangeSoon) {
{{
'common.openingHours.' + openingHours.nextChangeAction + '_soon'
| translate
: {
duration:
(openingHours.nextChangeSoon | async | dfnsFormatDistanceToNowStrict: ({unit: 'minute'}))
}
}}
}
@if (showNextChange && !openingHours.nextChangeSoon) {
{{
'common.openingHours.' + openingHours.nextChangeAction
| translate: {date: openingHours.nextChange | dfnsFormatRelativeToNow}
}}
}
}
@if (showNextChange && openingHours.nextChangeSoon) {
{{
'common.openingHours.' + openingHours.nextChangeAction + '_soon'
| translate
: {
duration:
(openingHours.nextChangeSoon | async | dfnsFormatDistanceToNowStrict: ({unit: 'minute'}))
}
}}
}
@if (showNextChange && !openingHours.nextChangeSoon) {
{{
'common.openingHours.' + openingHours.nextChangeAction
| translate: {date: openingHours.nextChange | dfnsFormatRelativeToNow}
}}
}
}