From 0bd08aa5d6a10886a96dd1ff3b11042ed03de348 Mon Sep 17 00:00:00 2001 From: Ramesh Mane <101566080+rameshmane7218@users.noreply.github.com> Date: Sat, 17 Feb 2024 06:09:48 +0000 Subject: [PATCH] feat(nc-gui): placeholder for table and multi field editor --- .../assets/img/empty-state/api-tokens.svg | 440 ------------------ .../api-tokens.png} | Bin .../invite-team.png | Bin .../link-records.png | Bin .../link-records.svg | 0 .../multi-field-editor.png | Bin .../{empty-state => placeholder}/table.png | Bin .../{empty-state => placeholder}/webhooks.png | Bin .../nc-gui/components/project/AllTables.vue | 74 +-- .../components/smartsheet/details/Fields.vue | 2 +- packages/nc-gui/lang/en.json | 4 +- 11 files changed, 45 insertions(+), 475 deletions(-) delete mode 100644 packages/nc-gui/assets/img/empty-state/api-tokens.svg rename packages/nc-gui/assets/img/{empty-state/api-token.png => placeholder/api-tokens.png} (100%) rename packages/nc-gui/assets/img/{empty-state => placeholder}/invite-team.png (100%) rename packages/nc-gui/assets/img/{empty-state => placeholder}/link-records.png (100%) rename packages/nc-gui/assets/img/{empty-state => placeholder}/link-records.svg (100%) rename packages/nc-gui/assets/img/{empty-state => placeholder}/multi-field-editor.png (100%) rename packages/nc-gui/assets/img/{empty-state => placeholder}/table.png (100%) rename packages/nc-gui/assets/img/{empty-state => placeholder}/webhooks.png (100%) diff --git a/packages/nc-gui/assets/img/empty-state/api-tokens.svg b/packages/nc-gui/assets/img/empty-state/api-tokens.svg deleted file mode 100644 index b028896064..0000000000 --- a/packages/nc-gui/assets/img/empty-state/api-tokens.svg +++ /dev/null @@ -1,440 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/packages/nc-gui/assets/img/empty-state/api-token.png b/packages/nc-gui/assets/img/placeholder/api-tokens.png similarity index 100% rename from packages/nc-gui/assets/img/empty-state/api-token.png rename to packages/nc-gui/assets/img/placeholder/api-tokens.png diff --git a/packages/nc-gui/assets/img/empty-state/invite-team.png b/packages/nc-gui/assets/img/placeholder/invite-team.png similarity index 100% rename from packages/nc-gui/assets/img/empty-state/invite-team.png rename to packages/nc-gui/assets/img/placeholder/invite-team.png diff --git a/packages/nc-gui/assets/img/empty-state/link-records.png b/packages/nc-gui/assets/img/placeholder/link-records.png similarity index 100% rename from packages/nc-gui/assets/img/empty-state/link-records.png rename to packages/nc-gui/assets/img/placeholder/link-records.png diff --git a/packages/nc-gui/assets/img/empty-state/link-records.svg b/packages/nc-gui/assets/img/placeholder/link-records.svg similarity index 100% rename from packages/nc-gui/assets/img/empty-state/link-records.svg rename to packages/nc-gui/assets/img/placeholder/link-records.svg diff --git a/packages/nc-gui/assets/img/empty-state/multi-field-editor.png b/packages/nc-gui/assets/img/placeholder/multi-field-editor.png similarity index 100% rename from packages/nc-gui/assets/img/empty-state/multi-field-editor.png rename to packages/nc-gui/assets/img/placeholder/multi-field-editor.png diff --git a/packages/nc-gui/assets/img/empty-state/table.png b/packages/nc-gui/assets/img/placeholder/table.png similarity index 100% rename from packages/nc-gui/assets/img/empty-state/table.png rename to packages/nc-gui/assets/img/placeholder/table.png diff --git a/packages/nc-gui/assets/img/empty-state/webhooks.png b/packages/nc-gui/assets/img/placeholder/webhooks.png similarity index 100% rename from packages/nc-gui/assets/img/empty-state/webhooks.png rename to packages/nc-gui/assets/img/placeholder/webhooks.png diff --git a/packages/nc-gui/components/project/AllTables.vue b/packages/nc-gui/components/project/AllTables.vue index 6398b5fa21..28ebafff34 100644 --- a/packages/nc-gui/components/project/AllTables.vue +++ b/packages/nc-gui/components/project/AllTables.vue @@ -122,47 +122,55 @@ const onCreateBaseClick = () => { +
+ +
+
{{ $t('placeholder.createTable') }}
+
+ {{ $t('placeholder.createTableLabel') }}
- - + @@ -177,7 +185,7 @@ const onCreateBaseClick = () => { } .label { - @apply text-base font-medium; + @apply text-base font-medium break-normal; } } diff --git a/packages/nc-gui/components/smartsheet/details/Fields.vue b/packages/nc-gui/components/smartsheet/details/Fields.vue index 58595e85e0..27815e7806 100644 --- a/packages/nc-gui/components/smartsheet/details/Fields.vue +++ b/packages/nc-gui/components/smartsheet/details/Fields.vue @@ -1254,7 +1254,7 @@ watch( @add="onFieldAdd" />
- +
{{ $t('labels.multiField.selectField') }}
{{ $t('labels.multiField.selectFieldLabel') }} diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json index c8875fb569..00daec7a10 100644 --- a/packages/nc-gui/lang/en.json +++ b/packages/nc-gui/lang/en.json @@ -959,7 +959,9 @@ "decimal7": "1.0000000", "decimal8": "1.00000000", "value": "Value", - "key": "Key" + "key": "Key", + "createTable": "Create your First Table!", + "createTableLabel": "From scratch or import or connect to external database" }, "msg": { "clickToCopyFieldId": "Click to copy Field Id",