diff options
Diffstat (limited to 'src/components/AppNavigation/CircleNavigationItem.vue')
| -rw-r--r-- | src/components/AppNavigation/CircleNavigationItem.vue | 51 |
1 files changed, 21 insertions, 30 deletions
diff --git a/src/components/AppNavigation/CircleNavigationItem.vue b/src/components/AppNavigation/CircleNavigationItem.vue index d276bad1..22be2dad 100644 --- a/src/components/AppNavigation/CircleNavigationItem.vue +++ b/src/components/AppNavigation/CircleNavigationItem.vue @@ -20,13 +20,11 @@ - --> <template> - <AppNavigationItem - :key="circle.key" + <AppNavigationItem :key="circle.key" :title="circle.displayName" :to="circle.router"> <template #icon> - <IconCircles - :size="20" /> + <IconCircles :size="20" /> </template> <template v-if="loadingAction" slot="actions"> <ActionText> @@ -38,28 +36,24 @@ </template> <template v-else slot="actions"> - <ActionButton - v-if="circle.canManageMembers" + <ActionButton v-if="circle.canManageMembers" :close-after-click="true" @click="addMemberToCircle"> <template #icon> - <IconAdd - :size="20" /> + <IconAdd :size="20" /> </template> {{ t('contacts', 'Add member') }} </ActionButton> <!-- copy circle link --> - <ActionLink - :href="circleUrl" + <ActionLink :href="circleUrl" :icon="copyLinkIcon" @click.stop.prevent="copyToClipboard(circleUrl)"> {{ copyButtonText }} </ActionLink> <!-- leave circle --> - <ActionButton - v-if="circle.canLeave" + <ActionButton v-if="circle.canLeave" @click="confirmLeaveCircle"> {{ t('contacts', 'Leave circle') }} <ExitToApp slot="icon" @@ -68,8 +62,7 @@ </ActionButton> <!-- join circle --> - <ActionButton - v-else-if="!circle.isMember && circle.canJoin" + <ActionButton v-else-if="!circle.isMember && circle.canJoin" :disabled="loadingJoin" @click="joinCircle"> {{ joinButtonTitle }} @@ -79,12 +72,10 @@ </ActionButton> <!-- delete circle --> - <ActionButton - v-if="circle.canDelete" + <ActionButton v-if="circle.canDelete" @click="confirmDeleteCircle"> <template #icon> - <IconDelete - :size="20" /> + <IconDelete :size="20" /> </template> {{ t('contacts', 'Delete circle') }} </ActionButton> @@ -99,19 +90,19 @@ </template> <script> -import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton' -import ActionLink from '@nextcloud/vue/dist/Components/NcActionLink' -import ActionText from '@nextcloud/vue/dist/Components/NcActionText' -import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble' -import AppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem' -import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon' -import ExitToApp from 'vue-material-design-icons/ExitToApp' -import IconAdd from 'vue-material-design-icons/Plus' -import IconDelete from 'vue-material-design-icons/Delete' -import LocationEnter from 'vue-material-design-icons/LocationEnter' -import IconCircles from '../Icons/IconCircles' +import ActionButton from '@nextcloud/vue/dist/Components/NcActionButton.js' +import ActionLink from '@nextcloud/vue/dist/Components/NcActionLink.js' +import ActionText from '@nextcloud/vue/dist/Components/NcActionText.js' +import NcCounterBubble from '@nextcloud/vue/dist/Components/NcCounterBubble.js' +import AppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js' +import IconLoading from '@nextcloud/vue/dist/Components/NcLoadingIcon.js' +import ExitToApp from 'vue-material-design-icons/ExitToApp.vue' +import IconAdd from 'vue-material-design-icons/Plus.vue' +import IconDelete from 'vue-material-design-icons/Delete.vue' +import LocationEnter from 'vue-material-design-icons/LocationEnter.vue' +import IconCircles from '../Icons/IconCircles.vue' import Circle from '../../models/circle.ts' -import CircleActionsMixin from '../../mixins/CircleActionsMixin' +import CircleActionsMixin from '../../mixins/CircleActionsMixin.js' export default { name: 'CircleNavigationItem', |