clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-02 06:57:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Nc fix(nc-gui): add more integrations in ticketing category (#9355)

Browse Source 
* fix(nc-gui): add more integrations in ticketing category

* fix(nc-gui): review changes

* fix(nc-gui): show loader integrations tab

* fix(nc-gui): typo error
This commit is contained in:
Ramesh Mane
2024-08-28 09:14:09 +05:30
committed by GitHub
parent 8f093fd1a7
commit 162a726efd
6 changed files with 52 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
packages/nc-gui/components/workspace/integrations/IntegrationsTab.vue
View File

@@ -77,6 +77,7 @@ const integrationsMapByCategory = computed(() => {
(acc, curr) => {
acc[curr.value] = {
title: curr.title,
subtitle: curr.subtitle,
list: getIntegrationsByCategory(curr.value, searchQuery.value),
isAvailable: curr.isAvailable,
teleEventName: curr.teleEventName,
@@ -88,6 +89,7 @@ const integrationsMapByCategory = computed(() => {
string,
{
title: string
subtitle?: string
list: IntegrationItemType[]
isAvailable?: boolean
teleEventName?: IntegrationCategoryType
@@ -173,7 +175,7 @@ const handleAddIntegration = (category: IntegrationCategoryType, integration: In
'h-full': !isModal,
}"
>
<div class="px-6 pt-6">
<div v-if="integrationListContainerWidth" class="px-6 pt-6">
<div
class="flex items-end justify-end flex-wrap gap-3 m-auto"
:style="{
@@ -212,6 +214,7 @@ const handleAddIntegration = (category: IntegrationCategoryType, integration: In
class="flex-1 px-6 pb-6 flex flex-col nc-workspace-settings-integrations-list overflow-y-auto nc-scrollbar-thin"
>
<div
v-if="integrationListContainerWidth"
class="w-full flex justify-center"
:class="{
'flex-1': isEmptyList,
@@ -245,7 +248,7 @@ const handleAddIntegration = (category: IntegrationCategoryType, integration: In
<div
:tabindex="0"
class="source-card focus-visible:outline-none"
class="source-card focus-visible:outline-none h-full"
:class="{
'is-available': integration?.isAvailable,
}"
@@ -254,7 +257,10 @@ const handleAddIntegration = (category: IntegrationCategoryType, integration: In
<div class="integration-icon-wrapper">
<component :is="integration.icon" class="integration-icon" :style="integration.iconStyle" />
</div>
<div class="name flex-1">{{ $t(integration.title) }}</div>
<div class="flex-1">
<div class="name">{{ $t(integration.title) }}</div>
<div v-if="integration.subtitle" class="subtitle flex-1">{{ $t(integration.subtitle) }}</div>
</div>
<div v-if="integration?.isAvailable" class="action-btn">+</div>
<div v-else class="">
<NcButton
@@ -281,6 +287,7 @@ const handleAddIntegration = (category: IntegrationCategoryType, integration: In
</div>
</div>
</div>
<div v-else class="h-full flex items-center justify-center"><GeneralLoader size="xlarge" /></div>
</div>
</div>
<NcModal