mirror of
https://github.com/nocodb/nocodb.git
synced 2026-04-30 04:56:48 +00:00
40 lines
1.1 KiB
Vue
40 lines
1.1 KiB
Vue
<script lang="ts" setup>
|
|
import { NcProjectType } from '#imports'
|
|
|
|
const props = defineProps<{
|
|
buttons?: boolean
|
|
}>()
|
|
|
|
const projectCreateDlg = ref(false)
|
|
const projectType = ref()
|
|
|
|
const openCreateProjectDlg = (type: NcProjectType) => {
|
|
projectType.value = type
|
|
projectCreateDlg.value = true
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex items-center justify-center mt-8">
|
|
<div class="flex flex-col gap-4 items-center text-gray-500">
|
|
<NcIconsInbox />
|
|
<div class="font-weight-medium">No Projects</div>
|
|
<template v-if="props.buttons">
|
|
<div class="text-xs">Create Project</div>
|
|
<div class="flex gap-2 justify mt-1">
|
|
<a-button class="flex-1 nc-btn" @click="openCreateProjectDlg(NcProjectType.DB)">
|
|
<div class="flex gap-2 items-center justify-center text-xs">
|
|
<GeneralProjectIcon :type="NcProjectType.DB" class="text-[#2824FB] text-lg" />
|
|
New Database Project
|
|
</div>
|
|
</a-button>
|
|
</div>
|
|
|
|
<WorkspaceCreateProjectDlg v-model="projectCreateDlg" :type="projectType" />
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style scoped></style>
|