refactor: use API to exclude irrelevant schedules

src/components/shows/ScheduleList.vue

@@ -20,13 +20,9 @@
         </thead>
 
         <tbody>
-          <ScheduleRow
-            v-for="schedule in relevantSchedules"
-            :key="schedule.id"
-            :schedule="schedule"
-          />
+          <ScheduleRow v-for="schedule in result.items" :key="schedule.id" :schedule="schedule" />
 
-          <tr v-if="relevantSchedules.length === 0">
+          <tr v-if="result.count === 0">
             <td colspan="4">
               <p class="tw-text-center tw-py-3 tw-m-0">
                 {{ t('showSchedules.noSchedulesAvailable') }}
@@ -40,14 +36,14 @@
 </template>
 
 <script lang="ts" setup>
-import { parseISO } from 'date-fns'
-import { computed } from 'vue'
 import { usePaginatedList } from '@rokoli/bnb/drf'
 
 import { useI18n } from '@/i18n'
-import { Schedule, Show } from '@/types'
-import ASection from '@/components/generic/ASection.vue'
 import { useScheduleStore } from '@/stores/schedules'
+import { Show } from '@/types'
+import { useQuery } from '@/util'
+
+import ASection from '@/components/generic/ASection.vue'
 import ScheduleRow from './ScheduleRow.vue'
 
 defineOptions({ compatConfig: { MODE: 3 } })
@@ -58,22 +54,10 @@ const props = defineProps<{
 
 const { t } = useI18n()
 const scheduleStore = useScheduleStore()
-const { result: schedule } = usePaginatedList(scheduleStore.listIsolated, 1, 100, {
-  query: () => new URLSearchParams({ showIds: props.show.id.toString() }),
+const { result } = usePaginatedList(scheduleStore.listIsolated, 1, 100, {
+  query: useQuery(() => ({
+    showIds: props.show.id,
+    excludeInactive: '1',
+  })),
 })
-const relevantSchedules = computed(() =>
-  schedule.value.items.filter((s) => !isPossiblyPastSchedule(s)),
-)
-
-function isPossiblyPastSchedule(schedule: Schedule) {
-  // Recurrence rules get complex very fast, so we only give
-  // a definitive answer if a lastDate is set for this schedule.
-  if (!schedule.lastDate) {
-    return false
-  }
-  const lastDate = parseISO(schedule.lastDate)
-  const [hours, minutes, seconds] = (schedule.endTime ?? '00:00:00').split(':')
-  lastDate.setHours(parseInt(hours ?? '0'), parseInt(minutes ?? '0'), parseInt(seconds ?? '0'))
-  return new Date() > lastDate
-}
 </script>