@ -315,7 +315,7 @@ const isEditBaseModalOpen = computed({
< div class = "ds-table-col ds-table-enabled cursor-pointer" @dblclick ="forceAwaken" > {{ $ t ( ' general.visibility ' ) }} < / div >
< div class = "ds-table-col ds-table-name" > { { $t ( 'general.name' ) } } < / div >
< div class = "ds-table-col ds-table-type" > { { $t ( 'general.type' ) } } < / div >
< div class = "ds-table-col ds-table-actions pl-2 " > { { $t ( 'labels.actions' ) } } < / div >
< div class = "ds-table-col ds-table-actions -ml-13 " > { { $t ( 'labels.actions' ) } } < / div >
< div class = "ds-table-col ds-table-crud" > < / div >
< / div >
< / div >
@ -351,58 +351,82 @@ const isEditBaseModalOpen = computed({
< div class = "ds-table-col ds-table-actions" >
< div class = "flex items-center gap-2" >
< a -button
v - if = "!sources[0].is_meta && !sources[0].is_local"
class = "nc-action-btn cursor-pointer outline-0"
type = "text"
@ click = "baseAction(sources[0].id, DataSourcesSubTab.Metadata)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "sync" class = "group-hover:text-accent" / >
< NcTooltip v-if ="!sources[0].is_meta && !sources[0].is_local" >
< template # title >
{ { $t ( 'tooltip.metaSync' ) } }
< / div >
< / a - b u t t o n >
< a -button
class = "nc-action-btn cursor-pointer outline-0"
type = "text"
@ click = "baseAction(sources[0].id, DataSourcesSubTab.ERD)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "erd" class = "group-hover:text-accent" / >
< / template >
< NcButton
class = "nc-action-btn cursor-pointer outline-0"
type = "text"
data - testid = "nc-data-sources-view-meta-sync"
size = "small"
@ click = "baseAction(sources[0].id, DataSourcesSubTab.Metadata)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "sync" class = "group-hover:text-accent" / >
< / div >
< / NcButton >
< / NcTooltip >
< NcTooltip >
< template # title >
{ { $t ( 'title.relations' ) } }
< / div >
< / a - b u t t o n >
< a -button
class = "nc-action-btn cursor-pointer outline-0"
type = "text"
@ click = "baseAction(sources[0].id, DataSourcesSubTab.UIAcl)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "acl" class = "group-hover:text-accent" / >
< / template >
< NcButton
size = "small"
class = "nc-action-btn cursor-pointer outline-0"
type = "text"
data - testid = "nc-data-sources-view-erd"
@ click = "baseAction(sources[0].id, DataSourcesSubTab.ERD)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "erd" class = "group-hover:text-accent" / >
< / div >
< / NcButton >
< / NcTooltip >
< NcTooltip >
< template # title >
{ { $t ( 'labels.uiAcl' ) } }
< / div >
< / a - b u t t o n >
< a -button
class = "nc-action-btn cursor-pointer outline-0"
type = "text"
@ click = "baseAction(sources[0].id, DataSourcesSubTab.Audit)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "book" class = "group-hover:text-accent" / >
< / template >
< NcButton
size = "small"
class = "nc-action-btn cursor-pointer outline-0"
type = "text"
data - testid = "nc-data-sources-view-ui-acl"
@ click = "baseAction(sources[0].id, DataSourcesSubTab.UIAcl)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "acl" class = "group-hover:text-accent" / >
< / div >
< / NcButton >
< / NcTooltip >
< NcTooltip >
< template # title >
{ { $t ( 'title.audit' ) } }
< / div >
< / a - b u t t o n >
< / template >
< NcButton
size = "small"
class = "nc-action-btn cursor-pointer outline-0"
type = "text"
data - testid = "nc-data-sources-view-audit"
@ click = "baseAction(sources[0].id, DataSourcesSubTab.Audit)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "book" class = "group-hover:text-accent" / >
< / div >
< / NcButton >
< / NcTooltip >
< / div >
< / div >
< div class = "ds-table-col ds-table-crud" >
< a -button
< NcB utton
v - if = "!sources[0].is_meta && !sources[0].is_local"
size = "small"
class = "nc-action-btn cursor-pointer outline-0 !w-8 !px-1 !rounded-lg"
type = "text"
@ click = "baseAction(sources[0].id, DataSourcesSubTab.Edit)"
>
< GeneralIcon icon = "edit" class = "text-gray-600" / >
< / a - b u t t o n >
< / NcButton >
< / div >
< / div >
< / template >
@ -419,12 +443,12 @@ const isEditBaseModalOpen = computed({
< / a - t o o l t i p >
< / div >
< / div >
< div class = "ds-table-col ds-table-name font-medium" >
< div class = "ds-table-col ds-table-name font-medium w-full " >
< GeneralIcon v -if = " sources.length > 2 " icon=" dragVertical " small class=" ds - table - handle " / >
< div v-if ="source.is_meta || source.is_local" > - < / div >
< div v -else class = "flex items-center gap-1 " >
< span v -else class = "truncate " >
{ { source . is _meta || source . is _local ? $t ( 'general.base' ) : source . alias } }
< / div >
< / span >
< / div >
< div class = "ds-table-col ds-table-type" >
@ -437,56 +461,86 @@ const isEditBaseModalOpen = computed({
< div class = "ds-table-col ds-table-actions" >
< div class = "flex items-center gap-2" >
< a -button
class = "nc-action-btn cursor-pointer outline-0"
type = "text"
@ click = "baseAction(source.id, DataSourcesSubTab.ERD)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "erd" class = "group-hover:text-accent" / >
< NcTooltip >
< template # title >
{ { $t ( 'title.relations' ) } }
< / div >
< / a - b u t t o n >
< a -button
type = "text"
class = "nc-action-btn cursor-pointer outline-0"
@ click = "baseAction(source.id, DataSourcesSubTab.UIAcl)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "acl" class = "group-hover:text-accent" / >
< / template >
< NcButton
size = "small"
class = "nc-action-btn cursor-pointer outline-0"
type = "text"
data - testid = "nc-data-sources-view-erd"
@ click = "baseAction(source.id, DataSourcesSubTab.ERD)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "erd" class = "group-hover:text-accent" / >
< / div >
< / NcButton >
< / NcTooltip >
< NcTooltip >
< template # title >
{ { $t ( 'labels.uiAcl' ) } }
< / div >
< / a - b u t t o n >
< a -button
v - if = "!source.is_meta && !source.is_local"
type = "text"
class = "nc-action-btn cursor-pointer outline-0"
@ click = "baseAction(source.id, DataSourcesSubTab.Metadata)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "sync" class = "group-hover:text-accent" / >
< / template >
< NcButton
size = "small"
type = "text"
class = "nc-action-btn cursor-pointer outline-0"
data - testid = "nc-data-sources-view-ui-acl"
@ click = "baseAction(source.id, DataSourcesSubTab.UIAcl)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "acl" class = "group-hover:text-accent" / >
< / div >
< / NcButton >
< / NcTooltip >
< NcTooltip >
< template # title >
{ { $t ( 'tooltip.metaSync' ) } }
< / div >
< / a - b u t t o n >
< / template >
< NcButton
v - if = "!source.is_meta && !source.is_local"
size = "small"
type = "text"
data - testid = "nc-data-sources-view-meta-sync"
class = "nc-action-btn cursor-pointer outline-0"
@ click = "baseAction(source.id, DataSourcesSubTab.Metadata)"
>
< div class = "flex items-center gap-2 text-gray-600" >
< GeneralIcon icon = "sync" class = "group-hover:text-accent" / >
< / div >
< / NcButton >
< / NcTooltip >
< / div >
< / div >
< div class = "ds-table-col ds-table-crud justify-end gap-x-1" >
< a -button
v - if = "!source.is_meta && !source.is_local"
class = "nc-action-btn cursor-pointer outline-0 !w-8 !px-1 !rounded-lg mt-0.5"
type = "text"
@ click = "baseAction(source.id, DataSourcesSubTab.Edit)"
>
< GeneralIcon icon = "edit" class = "text-gray-600 -mt-0.5" / >
< / a - b u t t o n >
< a -button
v - if = "!source.is_meta && !source.is_local"
class = "nc-action-btn cursor-pointer outline-0 !w-8 !px-1 !rounded-lg mt-0.5"
type = "text"
@ click = "openDeleteBase(source)"
>
< GeneralIcon icon = "delete" class = "text-red-500 -mt-0.5" / >
< / a - b u t t o n >
< NcTooltip >
< template # title >
{ { $t ( 'general.edit' ) } }
< / template >
< NcButton
v - if = "!source.is_meta && !source.is_local"
size = "small"
class = "nc-action-btn cursor-pointer outline-0 !w-8 !px-1 !rounded-lg"
type = "text"
@ click = "baseAction(source.id, DataSourcesSubTab.Edit)"
>
< GeneralIcon icon = "edit" class = "text-gray-600" / >
< / NcButton >
< / NcTooltip >
< NcTooltip >
< template # title >
{ { $t ( 'general.delete' ) } }
< / template >
< NcButton
v - if = "!source.is_meta && !source.is_local"
size = "small"
class = "nc-action-btn cursor-pointer outline-0 !w-8 !px-1 !rounded-lg"
type = "text"
@ click = "openDeleteBase(source)"
>
< GeneralIcon icon = "delete" class = "text-red-500" / >
< / NcButton >
< / NcTooltip >
< / div >
< / div >
< / template >
@ -550,7 +604,7 @@ const isEditBaseModalOpen = computed({
< style >
. ds - table - head {
@ apply flex items - center border - 0 text - gray - 4 00;
@ apply flex items - center border - 0 text - gray - 5 00;
}
. ds - table - body {
@ -570,15 +624,15 @@ const isEditBaseModalOpen = computed({
}
. ds - table - name {
@ apply col - span - 6 items - center capitalize ;
@ apply col - span - 9 items - center capitalize ;
}
. ds - table - type {
@ apply col - span - 3 items - center ;
@ apply col - span - 2 items - center ;
}
. ds - table - actions {
@ apply col - span - 7 ;
@ apply col - span - 5 flex w - full justify - end ;
}
. ds - table - crud {