vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

chore: use ts

This commit is contained in:
kolaente 2021-12-29 16:00:06 +01:00
parent 3d1c1e41c7
commit b274a796d4
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/date/datepickerWithRange.vue
View File

@ -23,7 +23,7 @@
</div> </div>
</template> </template>
<script setup> <script lang="ts" setup>
import flatPickr from 'vue-flatpickr-component' import flatPickr from 'vue-flatpickr-component'
import 'flatpickr/dist/flatpickr.css' import 'flatpickr/dist/flatpickr.css'
import {computed, ref, watch} from 'vue' import {computed, ref, watch} from 'vue'
@ -35,7 +35,7 @@ const {t} = useI18n()
const emit = defineEmits(['dateChanged']) const emit = defineEmits(['dateChanged'])
const weekStart = computed(() => store.state.auth.settings.weekStart) const weekStart = computed<number>(() => store.state.auth.settings.weekStart)
const flatPickerConfig = computed(() => ({ const flatPickerConfig = computed(() => ({
altFormat: t('date.altFormatLong'), altFormat: t('date.altFormatLong'),
altInput: true, altInput: true,
@ -50,11 +50,11 @@ const flatPickerConfig = computed(() => ({
}, },
})) }))
const dateRange = ref('') const dateRange = ref<string>('')
watch( watch(
() => dateRange.value, () => dateRange.value,
newVal => { (newVal: string | null) => {
if (newVal === null) { if (newVal === null) {
return return
} }
@ -72,33 +72,33 @@ watch(
} }
) )
function formatDate(date) { function formatDate(date: Date): string {
return format(date, 'yyyy-MM-dd HH:mm') return format(date, 'yyyy-MM-dd HH:mm')
} }
const datesToday = computed(() => { const datesToday = computed<string>(() => {
const startDate = new Date() const startDate = new Date()
const endDate = new Date((new Date()).setDate((new Date()).getDate() + 1)) const endDate = new Date((new Date()).setDate((new Date()).getDate() + 1))
return `${formatDate(startDate)} to ${formatDate(endDate)}` return `${formatDate(startDate)} to ${formatDate(endDate)}`
}) })
const datesNextWeek = computed(() => { const datesNextWeek = computed<string>(() => {
const startDate = new Date() const startDate = new Date()
const endDate = new Date((new Date()).getTime() + 7 * 24 * 60 * 60 * 1000) const endDate = new Date((new Date()).getTime() + 7 * 24 * 60 * 60 * 1000)
return `${formatDate(startDate)} to ${formatDate(endDate)}` return `${formatDate(startDate)} to ${formatDate(endDate)}`
}) })
const datesNextMonth = computed(() => { const datesNextMonth = computed<string>(() => {
const startDate = new Date() const startDate = new Date()
const endDate = new Date((new Date()).setMonth((new Date()).getMonth() + 1)) const endDate = new Date((new Date()).setMonth((new Date()).getMonth() + 1))
return `${formatDate(startDate)} to ${formatDate(endDate)}` return `${formatDate(startDate)} to ${formatDate(endDate)}`
}) })
function setDateRange(range) { function setDateRange(range: string) {
dateRange.value = range dateRange.value = range
} }
const customRangeActive = computed(() => { const customRangeActive = computed<Boolean>(() => {
return dateRange.value !== datesToday.value && return dateRange.value !== datesToday.value &&
dateRange.value !== datesNextWeek.value && dateRange.value !== datesNextWeek.value &&
dateRange.value !== datesNextMonth.value dateRange.value !== datesNextMonth.value