feat: add new standalone components for system and organization management modules

src/app/system/manage-jobs/workflow-jobs/workflow-jobs.component.ts

@@ -33,6 +33,7 @@ import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { MatTooltip } from '@angular/material/tooltip';
 import { WorkflowDiagramComponent } from './workflow-diagram/workflow-diagram.component';
 import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
+import { AlertService } from 'app/core/alert/alert.service';
 
 export interface JobStep {
   stepName: string;
@@ -68,6 +69,7 @@ export class WorkflowJobsComponent implements OnInit {
   private systemService = inject(SystemService);
   dialog = inject(MatDialog);
   private translateService = inject(TranslateService);
+  private alertService = inject(AlertService);
 
   stepOrderHasChanged = false;
 
@@ -209,8 +211,14 @@ export class WorkflowJobsComponent implements OnInit {
     this.systemService
       .putWorkflowJobSteps(this.jobStepName, payload)
       .toPromise()
-      .then((data) => {
+      .then((data: any) => {
         this.stepOrderHasChanged = false;
+        if (data?.rollbackTransaction) {
+          this.alertService.alert({
+            type: 'Success',
+            message: 'Workflow step order update has been submitted for approval.'
+          });
+        }
       });
   }
 }