mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.7 KiB
57 lines
1.7 KiB
<script setup lang="ts"> |
|
import { isDrawerOrModalExist, isMac, useNuxtApp, useRoute, useUIPermission } from '#imports' |
|
|
|
const route = useRoute() |
|
|
|
const showUserModal = ref(false) |
|
|
|
const { isUIAllowed } = useUIPermission() |
|
|
|
const { $e } = useNuxtApp() |
|
|
|
const isShareBaseAllowed = computed( |
|
() => |
|
isUIAllowed('newUser') && |
|
route.name !== 'index' && |
|
route.name !== 'index-index' && |
|
route.name !== 'index-index-create' && |
|
route.name !== 'index-index-create-external' && |
|
route.name !== 'index-user-index', |
|
) |
|
|
|
useEventListener(document, 'keydown', async (e: KeyboardEvent) => { |
|
const cmdOrCtrl = isMac() ? e.metaKey : e.ctrlKey |
|
if (e.altKey && !e.shiftKey && !cmdOrCtrl) { |
|
switch (e.keyCode) { |
|
case 73: { |
|
// ALT + I |
|
if (isShareBaseAllowed.value && !isDrawerOrModalExist()) { |
|
$e('c:shortcut', { key: 'ALT + I' }) |
|
showUserModal.value = true |
|
} |
|
break |
|
} |
|
} |
|
} |
|
}) |
|
</script> |
|
|
|
<template> |
|
<div class="flex items-center h-full" @click="showUserModal = true"> |
|
<div v-if="isShareBaseAllowed"> |
|
<a-tooltip placement="left"> |
|
<template #title> |
|
<span class="text-xs">{{ $t('activity.inviteTeam') }}</span> |
|
</template> |
|
<a-button type="primary" class="!rounded-md mr-1" size="medium"> |
|
<div class="flex items-center space-x-1 cursor-pointer text-xs font-weight-bold"> |
|
<MdiAccountPlusOutline class="mr-1 nc-share-base hover:text-accent text-sm" /> |
|
{{ $t('activity.share') }} |
|
</div> |
|
</a-button> |
|
</a-tooltip> |
|
</div> |
|
|
|
<LazyTabsAuthUserManagementUsersModal :show="showUserModal" @closed="showUserModal = false" /> |
|
</div> |
|
</template>
|
|
|