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