admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-18 10:31:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(editor): ResourceListLayout to script setup (#11526)

Browse Source
This commit is contained in:
Raúl Gómez Morales
2024-11-04 13:07:21 +01:00
committed by GitHub
parent e10968b26f
commit 5f3deea60f
3 changed files with 336 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
packages/editor-ui/src/views/CredentialsView.vue
View File

@@ -2,8 +2,10 @@
import { ref, computed, onMounted, watch } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import type { ICredentialsResponse, ICredentialTypeMap } from '@/Interface';
import type { IResource } from '@/components/layouts/ResourcesListLayout.vue';
import ResourcesListLayout from '@/components/layouts/ResourcesListLayout.vue';
import ResourcesListLayout, {
type IResource,
type IFilters,
} from '@/components/layouts/ResourcesListLayout.vue';
import CredentialCard from '@/components/CredentialCard.vue';
import type { ICredentialType } from 'n8n-workflow';
import {
@@ -43,10 +45,10 @@ const router = useRouter();
const telemetry = useTelemetry();
const i18n = useI18n();
const filters = ref({
const filters = ref<IFilters>({
search: '',
homeProject: '',
type: '',
type: [],
});
const loading = ref(false);
@@ -123,13 +125,11 @@ watch(
},
);
const onFilter = (
resource: ICredentialsResponse,
filtersToApply: { type: string[]; search: string },
matches: boolean,
): boolean => {
const onFilter = (resource: IResource, newFilters: IFilters, matches: boolean): boolean => {
const iResource = resource as ICredentialsResponse;
const filtersToApply = newFilters as IFilters & { type: string[] };
if (filtersToApply.type.length > 0) {
matches = matches && filtersToApply.type.includes(resource.type);
matches = matches && filtersToApply.type.includes(iResource.type);
}
if (filtersToApply.search) {
@@ -137,8 +137,8 @@ const onFilter = (
matches =
matches ||
(credentialTypesById.value[resource.type] &&
credentialTypesById.value[resource.type].displayName.toLowerCase().includes(searchString));
(credentialTypesById.value[iResource.type] &&
credentialTypesById.value[iResource.type].displayName.toLowerCase().includes(searchString));
}
return matches;