frontend/src/components/lists/ShowTasksInRange.vue

41 lines
866 B
Vue

<template>
<div class="content has-text-centered">
<TaskOverview
:start-date="startDate"
:end-date="endDate"
/>
</div>
</template>
<script>
export default {
name: "ShowTasksInRange",
data() {
return {
startDate: new Date(this.$route.params.startDateUnix),
endDate: new Date(this.$route.params.endDateUnix),
}
},
watch: {
// call again the method if the route changes
'$route': 'setDates'
},
created() {
this.setDates();
},
methods: {
setDates() {
switch (this.$route.params.type) {
case 'week':
this.startDate = new Date();
this.endDate = new Date((new Date()).getTime() + 7 * 24 * 60 * 60 * 1000);
break;
case 'month':
this.startDate = new Date();
this.endDate = new Date((new Date()).setMonth((new Date()).getMonth() + 1));
break;
}
}
}
}
</script>