diff --git a/packages/nc-gui/components/projectList/createNewProjectBtn.vue b/packages/nc-gui/components/projectList/createNewProjectBtn.vue new file mode 100644 index 0000000000..25ab1f0fa9 --- /dev/null +++ b/packages/nc-gui/components/projectList/createNewProjectBtn.vue @@ -0,0 +1,142 @@ + + + + + + + + mdi-plus + + + + {{ $t('title.newProj') }} + + mdi-menu-down + + + + + + + + + + mdi-plus + + + + + {{ + $t('general.create') + }} + + + + + + mdi-information-outline + + + + {{ + $t('tooltip.xcDB') + }} + + + + + + mdi-database-outline + + + + + + + + + + + mdi-information-outline + + + + {{ + $t('tooltip.extDB') + }} + + + + + + + {{ $t('title.newProj') }} + + + + + + + diff --git a/packages/nc-gui/layouts/default.vue b/packages/nc-gui/layouts/default.vue index bbc770cea4..d51a9038f6 100644 --- a/packages/nc-gui/layouts/default.vue +++ b/packages/nc-gui/layouts/default.vue @@ -33,7 +33,7 @@ }}) - {{ brandName }} + {{ brandName }} diff --git a/packages/nc-gui/mixins/colors.js b/packages/nc-gui/mixins/colors.js index c05f118b43..e15010f642 100644 --- a/packages/nc-gui/mixins/colors.js +++ b/packages/nc-gui/mixins/colors.js @@ -8,5 +8,13 @@ export default { textColors() { return this.$store.state.windows.darkTheme ? colors.light : colors.dark } + }, + methods: { + getColor(i) { + return this.colors[i % this.colors.length] + }, + getTextColor(i) { + return this.textColors[i % this.textColors.length] + } } } diff --git a/packages/nc-gui/pages/projects/list.vue b/packages/nc-gui/pages/projects/list.vue new file mode 100644 index 0000000000..66fb582761 --- /dev/null +++ b/packages/nc-gui/pages/projects/list.vue @@ -0,0 +1,229 @@ + + + + + + + + + + + {{ item.icon }} + + + {{ item.title }} + + + + + + + + + + + + + + + + + {{ activePage }} + + + + + + + + + + + {{ project.title.split(' ').map(w => w[0]).slice(0, 2).join('') }} + + + mdi-star-outline + + + + + + mdi-menu-down + + + + + + + mdi-delete-outline + + Delete + + + + + + + + {{ project.title }} + + + + + + + + + + + + + + Add project + + + + + Please create a project + + + + + + + +