github
/
nocodb
mirror of https://github.com/nocodb/nocodb
1
0
Fork 0
Code Issues Releases Wiki Activity
Browse Source

refactor: move project pages 

Signed-off-by: Pranav C <pranavxc@gmail.com>
pull/2723/head
Pranav C 2 years ago
parent
f1a313d42d
commit
16d0cc59dd
6 changed files with 64 additions and 69 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 32
      packages/nc-gui-v2/pages/nc/[projectId].vue
  2. 0
      packages/nc-gui-v2/pages/projects/create-external.vue
  3. 0
      packages/nc-gui-v2/pages/projects/create.vue
  4. 97
      packages/nc-gui-v2/pages/projects/index.vue
  5. 0
      packages/nc-gui-v2/pages/projects/index/index.vue
  6. 4
      packages/nc-gui-v2/pages/projects/index/list.vue

32
packages/nc-gui-v2/pages/nc/[projectId].vue
Unescape View File

@ -1,37 +1,35 @@
<script setup lang="ts">
import { watch } from 'vue'
import useProject from '~/composables/useProject'
import useTabs from '~/composables/useTabs'
import { watch } from "vue";
import useProject from "~/composables/useProject";
import useTabs from "~/composables/useTabs";
const route = useRoute()
const { loadProject, loadTables } = useProject()
const { clearTabs } = useTabs()
const route = useRoute();
const { loadProject, loadTables } = useProject();
const { clearTabs } = useTabs();
onMounted(async () => {
await loadProject(route.params.projectId as string)
await loadTables()
})
await loadProject(route.params.projectId as string);
await loadTables();
});
watch(
() => route.params.projectId,
async (newVal, oldVal) => {
if (newVal !== oldVal) {
clearTabs()
clearTabs();
if (newVal) {
await loadProject(newVal as string)
await loadTables()
await loadProject(newVal as string);
await loadTables();
}
}
},
)
}
);
</script>
<template>
<NuxtLayout>
<template #sidebar>
<v-navigation-drawer permanent>
<DashboardTreeView />
</v-navigation-drawer>
<DashboardTreeView />
</template>
<v-container fluid>

0
packages/nc-gui-v2/pages/index/create-external.vue → packages/nc-gui-v2/pages/projects/create-external.vue
Unescape View File

0
packages/nc-gui-v2/pages/index/create.vue → packages/nc-gui-v2/pages/projects/create.vue
Unescape View File

97
packages/nc-gui-v2/pages/projects/index.vue
Unescape View File

@ -65,60 +65,59 @@ const visible = ref(true)
<template>
<NuxtLayout>
<template #sidebar>
<v-navigation-drawer v-model="$state.sidebarOpen.value" :border="0">
<div class="flex flex-col h-full">
<div class="flex p-4">
<a-dropdown class="select-none" trigger="click">
<a
class="ant-dropdown-link bg-white mr-auto select-none flex items-center gap-2 leading-8 cursor-pointer rounded-full border-1 border-gray-300 px-5 py-2 shadow prose-lg font-semibold hover:(!bg-gray-100)"
@click.prevent
<div class="flex flex-col h-full">
<div class="flex p-4">
<v-menu class="select-none">
<template #activator="{ props }">
<div
class="color-transition hover:(bg-gray-100 dark:bg-secondary/25) dark:(bg-secondary/50 !text-white shadow-gray-600) mr-auto select-none flex items-center gap-2 leading-8 cursor-pointer rounded-full border-1 border-gray-300 px-5 py-2 shadow prose-lg font-semibold"
@click="props.onClick"
>
<MdiPlus class="text-primary text-2xl" />
<MdiPlus class="text-primary dark:(!text-white) text-2xl" />
{{ $t('title.newProj') }}
</a>
<template #overlay>
<div class="!py-0 flex flex-col bg-white rounded-lg shadow-md border-1 border-gray-300 mt-2 ml-2">
<div
class="grid grid-cols-12 cursor-pointer hover:bg-gray-200 flex items-center p-2"
@click="navigateTo('/projects/create')"
>
<MdiPlus class="col-span-2 mr-1 mt-[1px] text-primary text-lg" />
<div class="col-span-10 text-sm xl:text-md">{{ $t('activity.createProject') }}</div>
</div>
<div
class="grid grid-cols-12 cursor-pointer hover:bg-gray-200 flex items-center p-2"
@click="navigateTo('/projects/create-external')"
>
<MdiDatabaseOutline class="col-span-2 mr-1 mt-[1px] text-green-500 text-lg" />
<div class="col-span-10 text-sm xl:text-md" v-html="$t('activity.createProjectExtended.extDB')" />
</div>
</div>
</template>
</a-dropdown>
</div>
<div class="advance-menu flex-1">
<div :color="$state.darkMode.value ? 'default' : 'primary'">
<a-menu class="flex flex-col gap-1" mode="inline" :open-keys="[activePage]">
<a-menu-item v-for="item in navDrawerOptions" :key="item.title" class="flex items-center gap-4 !rounded-r-lg">
<template #icon>
<component :is="item.icon" />
</template>
<span class="font-semibold">
{{ item.title }}
</span>
</a-menu-item>
</a-menu>
</div>
</div>
</div>
</template>
<v-divider />
<v-list class="!py-0 flex flex-col bg-white rounded-lg shadow-md border-1 border-gray-300 mt-2 ml-2">
<div
class="grid grid-cols-12 cursor-pointer hover:bg-gray-200 flex items-center p-2"
@click="navigateTo('/create')"
>
<MdiPlus class="col-span-2 mr-1 mt-[1px] text-primary text-lg" />
<div class="col-span-10 text-sm xl:text-md">{{ $t('activity.createProject') }}</div>
</div>
<div
class="grid grid-cols-12 cursor-pointer hover:bg-gray-200 flex items-center p-2"
@click="navigateTo('/create-external')"
>
<MdiDatabaseOutline class="col-span-2 mr-1 mt-[1px] text-green-500 text-lg" />
<div class="col-span-10 text-sm xl:text-md" v-html="$t('activity.createProjectExtended.extDB')" />
</div>
</v-list>
</v-menu>
</div>
<general-social />
<a-menu class="mx-4 dark:bg-gray-800 dark:text-white flex-1 border-0">
<a-menu-item
v-for="(option, index) in navDrawerOptions"
:key="index"
class="f!rounded-r-lg"
@click="activePage = option.title"
>
<div class="flex items-center gap-4">
<component :is="option.icon" />
<general-sponsors :nav="true" />
</div>
</v-navigation-drawer>
<span class="font-semibold">
{{ option.title }}
</span>
</div>
</a-menu-item>
</a-menu>
<general-social />
<general-sponsors :nav="true" />
</div>
</template>
<v-container class="flex-1 mb-12">

0
packages/nc-gui-v2/pages/index/index/index.vue → packages/nc-gui-v2/pages/projects/index/index.vue
Unescape View File

4
packages/nc-gui-v2/pages/index/index/list.vue → packages/nc-gui-v2/pages/projects/index/list.vue
Unescape View File

@ -22,10 +22,9 @@ const openProject = async (project: ProjectType) => {
</script>
<template>
<div class="mx-8">
<div class="mx-auto max-w-[700px]">
<div class="grid grid-cols-4 gap-2 prose-md p-2 font-semibold">
<div>{{ $t('general.title') }}</div>
<div>Status</div>
<div>Updated At</div>
<div></div>
</div>
@ -38,7 +37,6 @@ const openProject = async (project: ProjectType) => {
@click="openProject(project)"
>
<div class="font-semibold">{{ project.title || 'Untitled' }}</div>
<div>{{ project.status }}</div>
<div>{{ project.updated_at }}</div>
<div>
<MdiDeleteOutline class="text-gray-500 hover:text-red-500 mr-2" @click.stop @click="emit('delete-project', project)" />
Write Preview
Loading…
Cancel
Save