50 lines
1.1 KiB
Vue
50 lines
1.1 KiB
Vue
<template>
|
|
<full-height-card>
|
|
<template #title>
|
|
<template v-if="stationName">
|
|
{{ stationName }}
|
|
</template>
|
|
<template v-else>
|
|
{{ $gettext('Schedule') }}
|
|
</template>
|
|
</template>
|
|
|
|
<template #default>
|
|
<div id="station-schedule-calendar">
|
|
<schedule
|
|
ref="schedule"
|
|
:timezone="stationTimeZone"
|
|
:schedule-url="scheduleUrl"
|
|
:station-time-zone="stationTimeZone"
|
|
/>
|
|
</div>
|
|
</template>
|
|
</full-height-card>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import Schedule from '~/components/Common/ScheduleView.vue';
|
|
import FullHeightCard from "~/components/Public/FullHeightCard.vue";
|
|
|
|
const props = defineProps({
|
|
scheduleUrl: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
stationName: {
|
|
type: String,
|
|
required: true
|
|
},
|
|
stationTimeZone: {
|
|
type: String,
|
|
required: true
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
#station-schedule-calendar {
|
|
overflow-y: auto;
|
|
}
|
|
</style>
|