mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix ui to work better

Browse source
This commit is contained in:
Mutasem Aldmour 2024-10-30 13:21:55 +01:00
parent 26877949b9
commit 6392610004
No known key found for this signature in database
GPG key ID: 3DFA8122BB7FD6B8
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/editor-ui/src/components/layouts/ResourcesListLayout.vue
View file

@ -374,7 +374,7 @@ export default defineComponent({
<n8n-loading :rows="25" :shrink-last="false" /> <n8n-loading :rows="25" :shrink-last="false" />
</div> </div>
<template v-else> <template v-else>
<div v-if="resources.length === 0"> <div v-if="resources.length === 0 && !hasFilters">
<slot name="empty"> <slot name="empty">
<n8n-action-box <n8n-action-box
data-test-id="empty-resources-list" data-test-id="empty-resources-list"

9
packages/editor-ui/src/views/WorkflowsView.vue
View file

@ -153,10 +153,10 @@ const emptyListDescription = computed(() => {
}); });
// Methods // Methods
const onFiltersUpdated = (newFilters: Filters) => { const onFiltersUpdated = async (newFilters: Filters) => {
Object.assign(filters.value, newFilters); Object.assign(filters.value, newFilters);
fetchWorkflowsWithFilters(); await fetchWorkflowsWithFilters();
}; };
const addWorkflow = () => { const addWorkflow = () => {
@ -455,6 +455,7 @@ onMounted(async () => {
<N8nSelect <N8nSelect
data-test-id="status-dropdown" data-test-id="status-dropdown"
:model-value="filters.status" :model-value="filters.status"
:filterable="true"
@update:model-value="setKeyValue('status', $event)" @update:model-value="setKeyValue('status', $event)"
> >
<N8nOption <N8nOption
@ -483,7 +484,9 @@ onMounted(async () => {
data-test-id="credentials-filter" data-test-id="credentials-filter"
:model-value="filters.credentials" :model-value="filters.credentials"
:multiple="true" :multiple="true"
:filterable="true"
:placeholder="i18n.baseText('workflows.filters.credentials.placeholder')" :placeholder="i18n.baseText('workflows.filters.credentials.placeholder')"
class="tags-container"
@update:model-value="setKeyValue('credentials', $event)" @update:model-value="setKeyValue('credentials', $event)"
> >
<N8nOption <N8nOption
@ -491,6 +494,7 @@ onMounted(async () => {
:key="cred.id" :key="cred.id"
:label="cred.name" :label="cred.name"
:value="cred.id" :value="cred.id"
size="mini"
> >
</N8nOption> </N8nOption>
</N8nSelect> </N8nSelect>
@ -509,6 +513,7 @@ onMounted(async () => {
:model-value="filters.nodeTypes" :model-value="filters.nodeTypes"
:multiple="true" :multiple="true"
:placeholder="i18n.baseText('workflows.filters.nodeTypes.placeholder')" :placeholder="i18n.baseText('workflows.filters.nodeTypes.placeholder')"
class="tags-container"
@update:model-value="setKeyValue('nodeTypes', $event)" @update:model-value="setKeyValue('nodeTypes', $event)"
> >
<N8nOption <N8nOption