diff --git a/packages/nc-gui/components/import/excelImport.vue b/packages/nc-gui/components/import/excelImport.vue new file mode 100644 index 0000000000..4e7f597992 --- /dev/null +++ b/packages/nc-gui/components/import/excelImport.vue @@ -0,0 +1,55 @@ + + + + + + + mdi-file-excel-outline + + Import + + + Create template from Excel + + + + + + diff --git a/packages/nc-gui/components/templates/categories.vue b/packages/nc-gui/components/templates/categories.vue index 883ec9ce68..53fa5dd152 100644 --- a/packages/nc-gui/components/templates/categories.vue +++ b/packages/nc-gui/components/templates/categories.vue @@ -1,71 +1,81 @@ - - - - - Categories - - - - - - - {{ - c.category - }} - ({{ c.count }}) - - - - - - + - - mdi-plus - New template - + + + + + + + + + Categories + + + + + + + {{ + c.category + }} + ({{ c.count }}) + + + + + + + + mdi-plus + New template + - - - - - mdi-file-excel-outline - - Import - - - Create templates from multiple Excel files - + + + + + mdi-file-excel-outline + + Import + + + Create templates from multiple Excel files + - + + @@ -75,7 +85,8 @@ export default { name: 'Categories', props: { value: String, counter: Number }, data: () => ({ - categories: [] + categories: [], + loading: false }), computed: { counterLoc: { @@ -108,12 +119,14 @@ export default { }, methods: { async loadCategories() { + this.loading = true try { const res = await this.$axios.get(`${process.env.NC_API_URL}/api/v1/nc/templates/categories`) this.categories = res.data } catch (e) { console.log(e) } + this.loading = false }, showTemplateEditor() { this.$emit('showTemplateEditor') diff --git a/packages/nc-gui/components/templates/detailed.vue b/packages/nc-gui/components/templates/detailed.vue index b8f4c68b0e..16e657b65e 100644 --- a/packages/nc-gui/components/templates/detailed.vue +++ b/packages/nc-gui/components/templates/detailed.vue @@ -9,30 +9,80 @@ @input="v => $emit('load-category', v)" /> - - - - - {{ templateData.title }} - - - Use template - - - - {{ templateData.description }} - + + + + + + + + + + + + + + + + {{ templateData.title }} + + + + + Use template mdi-menu-down + + + + + + + mdi-code-json + + Create REST Project + + + + + + mdi-graphql + + Create GQL Project + + + + + + Use template + + + + {{ templateData.description }} + - + + @@ -41,18 +91,20 @@
- {{ templateData.description }} -
+ {{ templateData.description }} +