mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
be7aac3279
* feat(editor): extract credentials view into reusable layout components for workflows view * feat(editor): add workflow card and start work on empty state * feat: add hoverable card and finish workflows empty state * fix: undo workflows response interface changes * chore: fix linting issues. * fix: remove enterprise sharing env schema * fix(editor): fix workflows resource view when sharing is enabled * fix: change owner tag design and order * feat: add personalization survey on workflows page * fix: update component snapshots * feat: refactored workflow card to use workflow-activator properly * fix: fix workflow activator and proptypes * fix: hide owner tag for workflow card until sharing is available * fix: fixed ownedBy and sharedWith appearing for workflows list * feat: update tags component design * refactor: change resource filter select to n8n-user-select * fix: made telemetry messages reusable * chore: remove unused import * refactor: fix component name casing * refactor: use Vue.set to make workflow property reactive * feat: add support for clicking on tags for filtering * chore: fix tags linting issues * fix: fix resources list layout when title words are very long * refactor: add active and inactive status text to workflow activator * fix: fix credentials and workflows sorting when name contains leading whitespace * fix: remove wrongfully added style tag * feat: add translations and storybook examples for truncated tags * fix: remove enterprise sharing env from schema * refactor: fix workflows module and workflows field store naming conflict * fix: fix workflow activator wrapping * feat: updated empty workflows list cards design * feat: update workflow activator margins and workflow card * feat: add duplicate workflow functionality and update tags * feat: fix duplicate workflow flow * fix: fix status color for workflow activator with could not be started status * fix: remove createdAt and updatedAt from workflow duplication
60 lines
923 B
Vue
60 lines
923 B
Vue
<template>
|
|
<n8n-menu
|
|
:items="menuItems"
|
|
mode="tabs"
|
|
:value="value ? 'owner' : 'all'"
|
|
@input="onSelectOwner"
|
|
/>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import Vue from 'vue';
|
|
import { IMenuItem } from 'n8n-design-system';
|
|
|
|
export default Vue.extend({
|
|
props: {
|
|
value: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
myResourcesLabel: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
allResourcesLabel: {
|
|
type: String,
|
|
default: '',
|
|
},
|
|
},
|
|
computed: {
|
|
menuItems(): IMenuItem[] {
|
|
return [
|
|
{
|
|
id: 'owner',
|
|
icon: 'user',
|
|
label: this.myResourcesLabel,
|
|
position: 'top',
|
|
},
|
|
{
|
|
id: 'all',
|
|
icon: 'globe-americas',
|
|
label: this.allResourcesLabel,
|
|
position: 'top',
|
|
},
|
|
];
|
|
},
|
|
},
|
|
methods: {
|
|
onSelectOwner(type: string) {
|
|
this.$emit('input', type === 'owner');
|
|
},
|
|
},
|
|
});
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.menu-container {
|
|
--menu-padding: 0;
|
|
}
|
|
</style>
|