local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

feat: improve Sort component

Browse source
This commit is contained in:
Dominik Pschenitschni 2022-01-30 16:48:36 +01:00
parent 6894024ad4
commit 8937b42321
No known key found for this signature in database
GPG key ID: B257AC0149F43A77
1 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/components/tasks/partials/sort.vue
View file

@ -1,20 +1,21 @@
<template> <template>
<a @click="$emit('click')"> <BaseButton>
<icon icon="sort-up" v-if="order === 'asc'"/> <icon icon="sort-up" v-if="order === 'asc'"/>
<icon icon="sort-up" rotation="180" v-else-if="order === 'desc'"/> <icon icon="sort-up" v-else-if="order === 'desc'" rotation="180"/>
<icon icon="sort" v-else/> <icon icon="sort" v-else/>
</a> </BaseButton>
</template> </template>
<script> <script setup lang="ts">
export default { import {PropType} from 'vue'
name: 'sort', import BaseButton from '@/components/base/BaseButton.vue'
props: {
order: { type Order = 'asc' | 'desc' | 'none'
type: String,
default: 'none', defineProps({
}, order: {
type: String as PropType<Order>,
default: 'none',
}, },
emits: ['click'], })
}
</script> </script>