ami/tl-vikunja
1
0
Fork 0
Code Activity

feat: use transition component everywhere

Browse Source
This commit is contained in:
Dominik Pschenitschni
2022-11-12 19:24:02 +01:00
parent 631a19fa92
commit 8c44ed83e6
30 changed files with 163 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/sharing/linkSharing.vue
View File

@ -169,21 +169,19 @@
</table>
</div>
<transition name="modal">
<modal
@close="showDeleteModal = false"
@submit="remove(listId)"
v-if="showDeleteModal"
>
<template #header>
<span>{{ $t('list.share.links.remove') }}</span>
</template>
<modal
:enabled="showDeleteModal"
@close="showDeleteModal = false"
@submit="remove(listId)"
>
<template #header>
<span>{{ $t('list.share.links.remove') }}</span>
</template>
<template #text>
<p>{{ $t('list.share.links.removeText') }}</p>
</template>
</modal>
</transition>
<template #text>
<p>{{ $t('list.share.links.removeText') }}</p>
</template>
</modal>
</div>
</template>
@ -297,6 +295,4 @@ function getShareLink(hash: string, view: ListView = LIST_VIEWS.LIST) {
.sharables-list:not(.card-content) {
overflow-y: auto
}
@include modal-transition();
</style>

36
src/components/sharing/userTeam.vue
View File

@ -113,22 +113,20 @@
{{ $t('list.share.userTeam.notShared', {type: shareTypeNames}) }}
</nothing>
<transition name="modal">
<modal
@close="showDeleteModal = false"
@submit="deleteSharable()"
v-if="showDeleteModal"
>
<template #header>
<span>{{
$t('list.share.userTeam.removeHeader', {type: shareTypeName, sharable: sharableName})
}}</span>
</template>
<template #text>
<p>{{ $t('list.share.userTeam.removeText', {type: shareTypeName, sharable: sharableName}) }}</p>
</template>
</modal>
</transition>
<modal
:enabled="showDeleteModal"
@close="showDeleteModal = false"
@submit="deleteSharable()"
>
<template #header>
<span>{{
$t('list.share.userTeam.removeHeader', {type: shareTypeName, sharable: sharableName})
}}</span>
</template>
<template #text>
<p>{{ $t('list.share.userTeam.removeText', {type: shareTypeName, sharable: sharableName}) }}</p>
</template>
</modal>
</div>
</template>
@ -381,8 +379,4 @@ async function find(query: string) {
return typeof sharables.value.find(s => s.id === m.id) === 'undefined'
})
}
</script>
<style lang="scss" scoped>
@include modal-transition();
</style>
</script>