-
{{workflow.order}}
+
{{workflow.order}}
@if(workflow.enabled) { Enabled } @else { Disabled }
-
{{getTypesList(workflow)}}
+
{{getTypesList(workflow)}}
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src-ui/src/app/components/manage/workflows/workflows.component.scss b/src-ui/src/app/components/manage/workflows/workflows.component.scss
index e69de29bb..0c1f432aa 100644
--- a/src-ui/src/app/components/manage/workflows/workflows.component.scss
+++ b/src-ui/src/app/components/manage/workflows/workflows.component.scss
@@ -0,0 +1,4 @@
+// hide caret on mobile dropdown
+.d-block.d-sm-none .dropdown-toggle::after {
+ display: none;
+}
diff --git a/src-ui/src/app/components/manage/workflows/workflows.component.spec.ts b/src-ui/src/app/components/manage/workflows/workflows.component.spec.ts
index 5a73b07b0..0bccbad2d 100644
--- a/src-ui/src/app/components/manage/workflows/workflows.component.spec.ts
+++ b/src-ui/src/app/components/manage/workflows/workflows.component.spec.ts
@@ -26,6 +26,7 @@ import {
import { WorkflowActionType } from 'src/app/data/workflow-action'
import { NgxBootstrapIconsModule, allIcons } from 'ngx-bootstrap-icons'
import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http'
+import { EditDialogMode } from '../../common/edit-dialog/edit-dialog.component'
const workflows: Workflow[] = [
{
@@ -173,6 +174,19 @@ describe('WorkflowsComponent', () => {
expect(reloadSpy).toHaveBeenCalled()
})
+ it('should support copy', () => {
+ let modal: NgbModalRef
+ modalService.activeInstances.subscribe((m) => (modal = m[m.length - 1]))
+
+ const copyButton = fixture.debugElement.queryAll(By.css('button'))[6]
+ copyButton.triggerEventHandler('click')
+
+ expect(modal).not.toBeUndefined()
+ const editDialog = modal.componentInstance as WorkflowEditDialogComponent
+ expect(editDialog.object.name).toEqual(workflows[0].name + ' (copy)')
+ expect(editDialog.dialogMode).toEqual(EditDialogMode.CREATE)
+ })
+
it('should support delete, show notification on error / success', () => {
let modal: NgbModalRef
modalService.activeInstances.subscribe((m) => (modal = m[m.length - 1]))
@@ -180,7 +194,7 @@ describe('WorkflowsComponent', () => {
const deleteSpy = jest.spyOn(workflowService, 'delete')
const reloadSpy = jest.spyOn(component, 'reload')
- const deleteButton = fixture.debugElement.queryAll(By.css('button'))[4]
+ const deleteButton = fixture.debugElement.queryAll(By.css('button'))[5]
deleteButton.triggerEventHandler('click')
expect(modal).not.toBeUndefined()
diff --git a/src-ui/src/app/components/manage/workflows/workflows.component.ts b/src-ui/src/app/components/manage/workflows/workflows.component.ts
index a80f03577..92b421e9f 100644
--- a/src-ui/src/app/components/manage/workflows/workflows.component.ts
+++ b/src-ui/src/app/components/manage/workflows/workflows.component.ts
@@ -57,14 +57,13 @@ export class WorkflowsComponent
.join(', ')
}
- editWorkflow(workflow: Workflow) {
+ editWorkflow(workflow: Workflow, forceCreate: boolean = false) {
const modal = this.modalService.open(WorkflowEditDialogComponent, {
backdrop: 'static',
size: 'xl',
})
- modal.componentInstance.dialogMode = workflow
- ? EditDialogMode.EDIT
- : EditDialogMode.CREATE
+ modal.componentInstance.dialogMode =
+ workflow && !forceCreate ? EditDialogMode.EDIT : EditDialogMode.CREATE
if (workflow) {
// quick "deep" clone so original doesn't get modified
const clone = Object.assign({}, workflow)
@@ -88,6 +87,25 @@ export class WorkflowsComponent
})
}
+ copyWorkflow(workflow: Workflow) {
+ const clone = Object.assign({}, workflow)
+ clone.id = null
+ clone.name = `${workflow.name} (copy)`
+ clone.actions = [
+ ...workflow.actions.map((a) => {
+ a.id = null
+ return a
+ }),
+ ]
+ clone.triggers = [
+ ...workflow.triggers.map((t) => {
+ t.id = null
+ return t
+ }),
+ ]
+ this.editWorkflow(clone, true)
+ }
+
deleteWorkflow(workflow: Workflow) {
const modal = this.modalService.open(ConfirmDialogComponent, {
backdrop: 'static',