feat(editor): create new workflows page (#4267)

* 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
This commit is contained in:
Alex Grozav
2022-10-18 16:28:21 +03:00
committed by GitHub
parent bb4e08c076
commit be7aac3279
44 changed files with 1612 additions and 970 deletions

View File

@@ -73,7 +73,7 @@ export default Vue.extend({
},
data() {
return {
activeTab: '',
activeTab: this.value,
};
},
props: {
@@ -101,6 +101,10 @@ export default Vue.extend({
items: {
type: Array as PropType<IMenuItem[]>,
},
value: {
type: String,
default: '',
},
},
mounted() {
if (this.mode === 'router') {
@@ -112,6 +116,8 @@ export default Vue.extend({
} else {
this.activeTab = this.items.length > 0 ? this.items[0].id : '';
}
this.$emit('input', this.activeTab);
},
computed: {
upperMenuItems(): IMenuItem[] {
@@ -127,6 +133,12 @@ export default Vue.extend({
this.activeTab = option;
}
this.$emit('select', option);
this.$emit('input', this.activeTab);
},
},
watch: {
value(value: string) {
this.activeTab = value;
},
},
});
@@ -148,7 +160,7 @@ export default Vue.extend({
& > div > :global(.el-menu) {
background: none;
padding: 12px;
padding: var(--menu-padding, 12px);
}
}