|
9 | 9 | layout="stacked" |
10 | 10 | @didDismiss="preparingOfflineScheduleToastIsOpenRef = false" |
11 | 11 | ></ion-toast> |
12 | | - <toolbar-header :title="LL.Schedule()" :modes="[...MODES]" :search-enabled="true" |
| 12 | + <toolbar-header :title="LL.Schedule()" :modes="[...scheduleModes]" :search-enabled="true" |
13 | 13 | @search-terms-updated="searchTerms => searchTermsRef = searchTerms" |
14 | | - @mode-updated="updatedModeId => currentSelectedMode = updatedModeId as typeof MODES[number]['id']"> |
| 14 | + @mode-updated="updatedModeId => currentSelectedMode = updatedModeId as ScheduleModeId"> |
15 | 15 | <ion-button class="ion-margin-end" slot="end" shape="round" size="small" fill="outline" @click="openSchedulePreferencesModal()" |
16 | 16 | v-if="false" :aria-label="LL.Filters()"> |
17 | 17 | <ion-icon src="/assets/icons/solid/settings-cog.svg"></ion-icon> |
@@ -157,12 +157,22 @@ const { LL } = typesafeI18n() |
157 | 157 | const {selectedDayId} = useSharedEventSelectedDay(spacedEventId); |
158 | 158 |
|
159 | 159 | const user = useCurrentUser() |
160 | | -const MODES = [ |
161 | | - { id: "schedule", icon: list, label: LL.value.Big_list_mode(), preSelected: true }, |
162 | | - { id: "favorites", icon: star, label: LL.value.Compact_list_mode() }, |
163 | | -] as const |
164 | 160 |
|
165 | | -const currentSelectedMode = ref<typeof MODES[number]['id']>("schedule") |
| 161 | +type ScheduleModeId = "schedule"|"favorites" |
| 162 | +const scheduleModes = computed(() => { |
| 163 | + const descriptor = toValue(confDescriptor); |
| 164 | +
|
| 165 | + const modes: Array<{id: ScheduleModeId, icon: string, label: string}> = [ |
| 166 | + { id: "schedule", icon: list, label: LL.value.Big_list_mode() }, |
| 167 | + ]; |
| 168 | + if(descriptor?.features.favoritesEnabled) { |
| 169 | + modes.push({ id: "favorites", icon: star, label: LL.value.Compact_list_mode() }); |
| 170 | + } |
| 171 | +
|
| 172 | + return modes; |
| 173 | +}) |
| 174 | +
|
| 175 | +const currentSelectedMode = ref<ScheduleModeId>("schedule") |
166 | 176 |
|
167 | 177 | const availableDaysRef = ref<VoxxrinDay[]|undefined>(undefined); |
168 | 178 | function onceDayInitializedTo(day: VoxxrinDay, availableDays: VoxxrinDay[]) { |
|
0 commit comments