Fix stop execution action at execution detail page

 - Use correct task execution value
 - Fix formatting of the header actions by using shorter label names on buttons

Author: ilayaperumalg

ui/src/app/tasks/task-execution/task-execution.component.html

@@ -11,19 +11,19 @@
       <button name="task-view" type="button" id="task-view"
               (click)="detailsTask(task.task.taskName)" class="btn btn-primary btn-fa" title="View details task">
         <span class="fa fa-info-circle"></span>
-        View task details
+        Details
       </button>
       <button name="task-launch" type="button" id="task-launch"
               (click)="launch(task.task.taskName)" class="btn btn-primary btn-fa" title="Relaunch the task"
               [dataflowAppRoles]="['ROLE_CREATE']">
         <span class="fa fa-play"></span>
-        Relaunch task
+        Relaunch
       </button>
       <button name="task-launch" type="button" id="task-stop"
-              (click)="stop(taskExecution)" class="btn btn-primary btn-fa" title="Stop the task execution"
-              [dataflowAppRoles]="['ROLE_CREATE']" [disabled]="!isRunning(taskExecution)">
+              (click)="stop(task.task)" class="btn btn-primary btn-fa" title="Stop the task execution"
+              [dataflowAppRoles]="['ROLE_CREATE']" [disabled]="!isRunning(task.task)">
         <span class="fa fa-stop"></span>
-        Stop execution
+        Stop
       </button>
     </app-page-head-actions>
   </app-page-head>

ui/src/app/tasks/task-executions-stop/task-executions-stop.component.spec.ts

@@ -97,10 +97,10 @@ describe('TaskExecutionsStopComponent', () => {
       expect(spy).toHaveBeenCalledWith(mock);
     });
 
-    it('Should display a message after stop one task', (() => {
+    it('Should display a message after stop request submitted for one task', (() => {
       const bt: HTMLElement = fixture.debugElement.query(By.css('#btn-stop')).nativeElement;
       bt.click();
-      expect(notificationService.testSuccess[0]).toContain('1 task execution(s) stopped.');
+      expect(notificationService.testSuccess[0]).toContain('Request submitted to stop 1 task execution(s)');
     }));
 
     it('Should close the modal after a success stop', (() => {
@@ -162,7 +162,7 @@ describe('TaskExecutionsStopComponent', () => {
     it('Should display a message after stop 2 tasks', (() => {
       const bt: HTMLElement = fixture.debugElement.query(By.css('#btn-stop')).nativeElement;
       bt.click();
-      expect(notificationService.testSuccess[0]).toContain('2 task execution(s) stopped.');
+      expect(notificationService.testSuccess[0]).toContain('Request submitted to stop 2 task execution(s).');
     }));
 
     it('Should close the modal after a success destroy', (() => {

ui/src/app/tasks/task-executions-stop/task-executions-stop.component.ts

@@ -70,7 +70,7 @@ export class TaskExecutionsStopComponent extends Modal implements OnDestroy {
     this.tasksService.stopExecutions(this.taskExecutions)
       .pipe(takeUntil(this.ngUnsubscribe$), finalize(() => this.blockerService.unlock()))
       .subscribe((data) => {
-        this.notificationService.success(`${data.length} task execution(s) stopped.`);
+        this.notificationService.success(`Request submitted to stop ${data.length} task execution(s).`);
         this.confirm.emit('done');
         this.cancel();
       }, () => {