Use of Decimals to Display user setting to format numbers (#1695)

Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>

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

@@ -1,4 +1,4 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Component, Input, OnDestroy, OnInit } from '@angular/core';
 import { SystemService } from 'app/system/system.service';
 
 @Component({
@@ -7,10 +7,10 @@ import { SystemService } from 'app/system/system.service';
   styleUrls: ['./cob-workflow.component.scss']
 })
 export class CobWorkflowComponent implements OnInit, OnDestroy {
-
+  /** Wait time between API status calls 30 seg */
   waitTime = 30000;
-
-  isCatchUpRunning = false;
+  /** Process running flag */
+  @Input() isCatchUpRunning = true;
   /** Timer to refetch COB Catch-Up status every 5 seconds */
   timer: any;
 
@@ -18,6 +18,7 @@ export class CobWorkflowComponent implements OnInit, OnDestroy {
 
   ngOnInit(): void {
     setTimeout(() => { this.getCOBCatchUpStatus(); }, this.waitTime);
+    this.getCOBCatchUpStatus();
   }
 
   ngOnDestroy() {

src/app/system/manage-jobs/manage-jobs.component.html

@@ -1,6 +1,6 @@
 <mat-card class="container-card">
   <mat-card-content>
-    <mat-tab-group #tabGroup mat-align-tabs="center">
+    <mat-tab-group #tabGroup mat-align-tabs="center" (selectedTabChange)="onJobTabChange($event)">
       <mat-tab label="Scheduler Jobs">
         <mifosx-manage-scheduler-jobs></mifosx-manage-scheduler-jobs>
       </mat-tab>
@@ -8,7 +8,7 @@
         <mifosx-workflow-jobs></mifosx-workflow-jobs>
       </mat-tab>
       <mat-tab label="COB">
-        <mifosx-cob-workflow></mifosx-cob-workflow>
+        <mifosx-cob-workflow [isCatchUpRunning]="isCatchUpRunning"></mifosx-cob-workflow>
       </mat-tab>
     </mat-tab-group>
 

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

@@ -1,4 +1,6 @@
 import { Component, OnInit } from '@angular/core';
+import { MatTabChangeEvent } from '@angular/material/tabs';
+import { SystemService } from '../system.service';
 
 @Component({
   selector: 'mifosx-manage-jobs',
@@ -6,10 +8,20 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./manage-jobs.component.scss']
 })
 export class ManageJobsComponent implements OnInit {
+  /** Process running flag */
+  isCatchUpRunning = true;
 
-  constructor() { }
+  constructor(private systemService: SystemService) { }
 
   ngOnInit(): void {
   }
 
+  onJobTabChange(event: MatTabChangeEvent) {
+    if (event.index === 2) {
+      this.systemService.getCOBCatchUpStatus().subscribe((response: any) => {
+        this.isCatchUpRunning = response.isCatchUpRunning;
+      });
+    }
+  }
+
 }

src/app/system/manage-jobs/scheduler-jobs/manage-scheduler-jobs.component.html

@@ -2,7 +2,7 @@
     <div #schedulerStatus>
     <h2 class="no-m">Scheduler Status:<span class="m-l-20 m-r-20">{{ schedulerActive ? 'Active' : 'Inactive' }}</span></h2>
     </div>
-    <button mat-raised-button class="suspend">
+    <button mat-raised-button class="suspend" (click)="suspendScheduler()" *ngIf="schedulerActive">
       <fa-icon icon="times-circle" class="m-r-10"></fa-icon>
       Suspend
     </button>