|
|
@ -81,14 +81,14 @@ onMounted(() => { |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<template #overlay> |
|
|
|
<template #overlay> |
|
|
|
<NcMenu data-testid="nc-sidebar-userinfo"> |
|
|
|
<NcMenu data-testid="nc-sidebar-userinfo"> |
|
|
|
<NcMenuItem data-testid="nc-sidebar-user-logout" @click="logout"> |
|
|
|
<NcMenuItem v-e="['c:user:logout']" data-testid="nc-sidebar-user-logout" @click="logout"> |
|
|
|
<GeneralLoader v-if="isLoggingOut" class="!ml-0.5 !mr-0.5 !max-h-4.5 !-mt-0.5" /> |
|
|
|
<GeneralLoader v-if="isLoggingOut" class="!ml-0.5 !mr-0.5 !max-h-4.5 !-mt-0.5" /> |
|
|
|
<GeneralIcon v-else icon="signout" class="menu-icon" /> |
|
|
|
<GeneralIcon v-else icon="signout" class="menu-icon" /> |
|
|
|
<span class="menu-btn"> {{ $t('general.logout') }}</span> |
|
|
|
<span class="menu-btn"> {{ $t('general.logout') }}</span> |
|
|
|
</NcMenuItem> |
|
|
|
</NcMenuItem> |
|
|
|
<template v-if="!isMobileMode"> |
|
|
|
<template v-if="!isMobileMode"> |
|
|
|
<NcDivider /> |
|
|
|
<NcDivider /> |
|
|
|
<a href="https://docs.nocodb.com" target="_blank" class="!underline-transparent"> |
|
|
|
<a v-e="['c:nocodb:docs-open']" href="https://docs.nocodb.com" target="_blank" class="!underline-transparent"> |
|
|
|
<NcMenuItem> |
|
|
|
<NcMenuItem> |
|
|
|
<GeneralIcon icon="help" class="menu-icon mt-0.5" /> |
|
|
|
<GeneralIcon icon="help" class="menu-icon mt-0.5" /> |
|
|
|
<span class="menu-btn"> {{ $t('title.helpCenter') }} </span> |
|
|
|
<span class="menu-btn"> {{ $t('title.helpCenter') }} </span> |
|
|
@ -96,19 +96,19 @@ onMounted(() => { |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<NcDivider /> |
|
|
|
<NcDivider /> |
|
|
|
<a href="https://discord.gg/5RgZmkW" target="_blank" class="!underline-transparent"> |
|
|
|
<a v-e="['c:nocodb:discord']" href="https://discord.gg/5RgZmkW" target="_blank" class="!underline-transparent"> |
|
|
|
<NcMenuItem class="social-icon-wrapper"> |
|
|
|
<NcMenuItem class="social-icon-wrapper"> |
|
|
|
<GeneralIcon class="social-icon" icon="discord" /> |
|
|
|
<GeneralIcon class="social-icon" icon="discord" /> |
|
|
|
<span class="menu-btn"> {{ $t('labels.community.joinDiscord') }} </span> |
|
|
|
<span class="menu-btn"> {{ $t('labels.community.joinDiscord') }} </span> |
|
|
|
</NcMenuItem> |
|
|
|
</NcMenuItem> |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
<a href="https://www.reddit.com/r/NocoDB" target="_blank" class="!underline-transparent"> |
|
|
|
<a v-e="['c:nocodb:reddit']" href="https://www.reddit.com/r/NocoDB" target="_blank" class="!underline-transparent"> |
|
|
|
<NcMenuItem class="social-icon-wrapper"> |
|
|
|
<NcMenuItem class="social-icon-wrapper"> |
|
|
|
<GeneralIcon class="social-icon" icon="reddit" /> |
|
|
|
<GeneralIcon class="social-icon" icon="reddit" /> |
|
|
|
<span class="menu-btn"> {{ $t('labels.community.joinReddit') }} </span> |
|
|
|
<span class="menu-btn"> {{ $t('labels.community.joinReddit') }} </span> |
|
|
|
</NcMenuItem> |
|
|
|
</NcMenuItem> |
|
|
|
</a> |
|
|
|
</a> |
|
|
|
<a href="https://twitter.com/nocodb" target="_blank" class="!underline-transparent"> |
|
|
|
<a v-e="['c:nocodb:twitter']" href="https://twitter.com/nocodb" target="_blank" class="!underline-transparent"> |
|
|
|
<NcMenuItem class="social-icon-wrapper group"> |
|
|
|
<NcMenuItem class="social-icon-wrapper group"> |
|
|
|
<GeneralIcon class="text-gray-500 group-hover:text-gray-800 my-0.5" icon="twitter" /> |
|
|
|
<GeneralIcon class="text-gray-500 group-hover:text-gray-800 my-0.5" icon="twitter" /> |
|
|
|
<span class="menu-btn"> {{ $t('labels.twitter') }} </span> |
|
|
|
<span class="menu-btn"> {{ $t('labels.twitter') }} </span> |
|
|
@ -117,7 +117,7 @@ onMounted(() => { |
|
|
|
<template v-if="!appInfo.ee"> |
|
|
|
<template v-if="!appInfo.ee"> |
|
|
|
<NcDivider /> |
|
|
|
<NcDivider /> |
|
|
|
<a-popover key="language" class="lang-menu !py-1.5" placement="rightBottom"> |
|
|
|
<a-popover key="language" class="lang-menu !py-1.5" placement="rightBottom"> |
|
|
|
<NcMenuItem> |
|
|
|
<NcMenuItem v-e="['c:translate:open']"> |
|
|
|
<GeneralIcon icon="translate" class="group-hover:text-black nc-language ml-0.25 menu-icon" /> |
|
|
|
<GeneralIcon icon="translate" class="group-hover:text-black nc-language ml-0.25 menu-icon" /> |
|
|
|
{{ $t('labels.language') }} |
|
|
|
{{ $t('labels.language') }} |
|
|
|
<div class="flex items-center text-gray-400 text-xs">{{ $t('labels.community.communityTranslated') }}</div> |
|
|
|
<div class="flex items-center text-gray-400 text-xs">{{ $t('labels.community.communityTranslated') }}</div> |
|
|
@ -136,13 +136,13 @@ onMounted(() => { |
|
|
|
|
|
|
|
|
|
|
|
<template v-if="!isMobileMode"> |
|
|
|
<template v-if="!isMobileMode"> |
|
|
|
<NcDivider /> |
|
|
|
<NcDivider /> |
|
|
|
<NcMenuItem @click="onCopy"> |
|
|
|
<NcMenuItem v-e="['c:auth-token:copy']" @click="onCopy"> |
|
|
|
<GeneralIcon v-if="isAuthTokenCopied" icon="check" class="group-hover:text-black menu-icon" /> |
|
|
|
<GeneralIcon v-if="isAuthTokenCopied" icon="check" class="group-hover:text-black menu-icon" /> |
|
|
|
<GeneralIcon v-else icon="copy" class="menu-icon" /> |
|
|
|
<GeneralIcon v-else icon="copy" class="menu-icon" /> |
|
|
|
<template v-if="isAuthTokenCopied"> {{ $t('title.copiedAuthToken') }} </template> |
|
|
|
<template v-if="isAuthTokenCopied"> {{ $t('title.copiedAuthToken') }} </template> |
|
|
|
<template v-else> {{ $t('title.copyAuthToken') }} </template> |
|
|
|
<template v-else> {{ $t('title.copyAuthToken') }} </template> |
|
|
|
</NcMenuItem> |
|
|
|
</NcMenuItem> |
|
|
|
<nuxt-link v-e="['c:navbar:user:email']" class="!no-underline" to="/account/profile"> |
|
|
|
<nuxt-link v-e="['c:user:settings']" v-e="['c:navbar:user:email']" class="!no-underline" to="/account/profile"> |
|
|
|
<NcMenuItem> <GeneralIcon icon="settings" class="menu-icon" /> {{ $t('title.accountSettings') }} </NcMenuItem> |
|
|
|
<NcMenuItem> <GeneralIcon icon="settings" class="menu-icon" /> {{ $t('title.accountSettings') }} </NcMenuItem> |
|
|
|
</nuxt-link> |
|
|
|
</nuxt-link> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|