mirror of https://github.com/nocodb/nocodb
navi
2 years ago
committed by
GitHub
7 changed files with 149 additions and 19 deletions
@ -0,0 +1,84 @@
|
||||
<script lang="ts" setup> |
||||
import { useGlobal, useProject } from '#imports' |
||||
|
||||
const showDrawer = ref(false) |
||||
|
||||
const { appInfo } = useGlobal() |
||||
|
||||
const { project } = useProject() |
||||
|
||||
const route = useRoute() |
||||
|
||||
const openSwaggerLink = () => { |
||||
openLink(`/api/v1/db/meta/projects/${route.params.projectId}/swagger`, appInfo.value.ncSiteUrl) |
||||
} |
||||
</script> |
||||
|
||||
<template> |
||||
<div> |
||||
<div @click="showDrawer = true"> |
||||
<div class="flex items-center space-x-1"> |
||||
<MdiCommentTextOutline class="mr-1 nc-share-base" /> |
||||
<!-- todo: i18n --> |
||||
<div>APIs & Support</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<a-drawer |
||||
v-model:visible="showDrawer" |
||||
class="h-full relative" |
||||
placement="right" |
||||
size="small" |
||||
:closable="false" |
||||
:body-style="{ padding: '12px 24px 0 24px', background: '#fafafa' }" |
||||
> |
||||
<div class="flex flex-col w-full h-full p-4 pb-0"> |
||||
<!-- todo: i18n --> |
||||
<a-typography-title :level="4" class="!mb-6 !text-gray-500">Help center</a-typography-title> |
||||
|
||||
<GeneralSocialCard show-swagger-link class="!w-full nc-social-card"> |
||||
<template #before> |
||||
<a-list-item v-if="project"> |
||||
<nuxt-link |
||||
v-t="['e:docs']" |
||||
class="text-primary !no-underline !text-current py-4 font-weight-medium" |
||||
target="_blank" |
||||
@click="openSwaggerLink" |
||||
> |
||||
<div class="ml-3 flex items-center text-sm"> |
||||
<LogosSwagger /> |
||||
<!-- todo: i18n --> |
||||
<span class="ml-3">{{ project.title }} : Swagger Documentation</span> |
||||
</div> |
||||
</nuxt-link> |
||||
</a-list-item> |
||||
</template> |
||||
</GeneralSocialCard> |
||||
|
||||
<div class="flex-1 my-2"></div> |
||||
|
||||
<GeneralSponsors class="!w-full" /> |
||||
|
||||
<div class="min-h-10 w-full" /> |
||||
</div> |
||||
</a-drawer> |
||||
</div> |
||||
</template> |
||||
|
||||
<style scoped lang="scss"> |
||||
/* Social card style */ |
||||
.nc-social-card { |
||||
@apply !shadow-none !border-0 bg-transparent; |
||||
|
||||
:deep(.ant-spin-container) { |
||||
@apply !gap-3; |
||||
|
||||
.ant-list-item { |
||||
@apply mb-2 border-1 bg-white border-gray-200; |
||||
&:last-child { |
||||
@apply !border-solid; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue