mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-11-09 22:24:05 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(editor): Add workflows list status filter (#4690)

Browse source
This commit is contained in:
Alex Grozav 2022-11-22 14:44:12 +02:00 committed by GitHub
parent eafef019d7
commit 5364e7fc92
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 50 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
packages/editor-ui/src/plugins/i18n/locales/en.json
View file

@ -1351,6 +1351,10 @@
"workflows.search.placeholder": "Search workflows...",
"workflows.filters": "Filters",
"workflows.filters.tags": "Tags",
"workflows.filters.status": "Status",
"workflows.filters.status.all": "All",
"workflows.filters.status.active": "Active",
"workflows.filters.status.deactivated": "Deactivated",
"workflows.filters.ownedBy": "Owned by",
"workflows.filters.sharedWith": "Shared with",
"workflows.filters.apply": "Apply filters",

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

@ -54,6 +54,23 @@
@update="setKeyValue('tags', $event)"
/>
</div>
<div class="mb-s">
<n8n-input-label
:label="$locale.baseText('workflows.filters.status')"
:bold="false"
size="small"
color="text-base"
class="mb-3xs"
/>
<n8n-select :value="filters.status" @input="setKeyValue('status', $event)" size="small">
<n8n-option
v-for="option in statusFilterOptions"
:key="option.label"
:label="option.label"
:value="option.value">
</n8n-option>
</n8n-select>
</div>
</template>
</resources-list-layout>
</template>
@ -69,7 +86,7 @@ import PageViewLayoutList from "@/components/layouts/PageViewLayoutList.vue";
import WorkflowCard from "@/components/WorkflowCard.vue";
import TemplateCard from "@/components/TemplateCard.vue";
import { debounceHelper } from '@/components/mixins/debounce';
import {EnterpriseEditionFeature, VIEWS} from '@/constants';
import {EnterpriseEditionFeature, SAAS_COMPANY_TYPE, VIEWS} from '@/constants';
import Vue from "vue";
import {ITag, IUser, IWorkflowDb} from "@/Interface";
import TagsDropdown from "@/components/TagsDropdown.vue";
@ -81,6 +98,12 @@ import { useWorkflowsStore } from '@/stores/workflows';
type IResourcesListLayoutInstance = Vue & { sendFiltersTelemetry: (source: string) => void };
const StatusFilter = {
ACTIVE: true,
DEACTIVATED: false,
ALL: '',
};
export default mixins(
showMessage,
debounceHelper,
@ -101,6 +124,7 @@ export default mixins(
search: '',
ownedBy: '',
sharedWith: '',
status: StatusFilter.ALL,
tags: [] as string[],
},
};
@ -121,6 +145,22 @@ export default mixins(
isShareable(): boolean {
return this.settingsStore.isEnterpriseFeatureEnabled(EnterpriseEditionFeature.WorkflowSharing);
},
statusFilterOptions(): Array<{ label: string, value: string | boolean }> {
return [
{
label: this.$locale.baseText('workflows.filters.status.all'),
value: StatusFilter.ALL,
},
{
label: this.$locale.baseText('workflows.filters.status.active'),
value: StatusFilter.ACTIVE,
},
{
label: this.$locale.baseText('workflows.filters.status.deactivated'),
value: StatusFilter.DEACTIVATED,
},
];
},
},
methods: {
addWorkflow() {
@ -147,13 +187,17 @@ export default mixins(
this.filters.tags.push(tagId);
}
},
onFilter(resource: IWorkflowDb, filters: { tags: string[]; search: string; }, matches: boolean): boolean {
onFilter(resource: IWorkflowDb, filters: { tags: string[]; search: string; status: string | boolean }, matches: boolean): boolean {
if (this.settingsStore.areTagsEnabled && filters.tags.length > 0) {
matches = matches && filters.tags.every(
(tag) => (resource.tags as ITag[])?.find((resourceTag) => typeof resourceTag === 'object' ? `${resourceTag.id}` === `${tag}` : `${resourceTag}` === `${tag}`),
);
}
if (filters.status !== '') {
matches = matches && resource.active === filters.status;
}
return matches;
},
sendFiltersTelemetry(source: string) {