diff --git a/src/app/shared/icons.module.ts b/src/app/shared/icons.module.ts
index 622d99fa4..5ef77ddb9 100644
--- a/src/app/shared/icons.module.ts
+++ b/src/app/shared/icons.module.ts
@@ -25,6 +25,7 @@ import {
faCommentAlt,
faEdit,
faEnvelope,
+ faExclamationCircle,
faEye,
faEyeSlash,
faFileAlt,
@@ -88,6 +89,7 @@ library.add(
faCommentAlt,
faEdit,
faEnvelope,
+ faExclamationCircle,
faEye,
faEyeSlash,
faFileAlt,
diff --git a/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.html b/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.html
new file mode 100644
index 000000000..097527996
--- /dev/null
+++ b/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.html
@@ -0,0 +1,98 @@
+
+
Scheduler Status: {{ schedulerData.active === true ? 'Active' : 'Inactive' }}
+
+
+
+
+
+
+
+ Filter
+
+
+
+
+
+
+
+
+
+ |
+
+
+ |
+
+
+
+ |
+
+
+
+ Name |
+ {{ job.displayName }} |
+
+
+
+ Next Run |
+ {{ job.nextRunTime }} |
+
+
+
+ Previous Run |
+ {{ job.lastRunHistory.jobRunStartTime }} |
+
+
+
+ Previous Run Status |
+
+
+
+ |
+
+
+
+ Currently Running |
+
+
+
+
+ |
+
+
+
+ Error Log |
+
+
+ |
+
+
+ |
+ |
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.scss b/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.scss
new file mode 100644
index 000000000..16dc1fb8c
--- /dev/null
+++ b/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.scss
@@ -0,0 +1,32 @@
+table {
+ width: 100%;
+
+ .select-row:hover {
+ cursor: pointer;
+ }
+}
+
+.success {
+ color: #32cd32;
+}
+
+.fail {
+ color: #f44366;
+}
+
+.currently-running {
+ color: #32cd32;
+}
+
+.not-currently-running {
+ color: #f44366;
+}
+
+.errorlog {
+ color: #ffa726;
+}
+
+.suspend {
+ background: #ffa726;
+ color: #ffffff;
+}
diff --git a/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.spec.ts b/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.spec.ts
new file mode 100644
index 000000000..c545f33b6
--- /dev/null
+++ b/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ManageSchedulerJobsComponent } from './manage-scheduler-jobs.component';
+
+describe('ManageSchedulerJobsComponent', () => {
+ let component: ManageSchedulerJobsComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ ManageSchedulerJobsComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(ManageSchedulerJobsComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.ts b/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.ts
new file mode 100644
index 000000000..9afd7a13e
--- /dev/null
+++ b/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.component.ts
@@ -0,0 +1,98 @@
+/** Angular Imports */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
+import { ActivatedRoute } from '@angular/router';
+import { SelectionModel } from '@angular/cdk/collections';
+
+/** rxjs Imports */
+import { of } from 'rxjs';
+
+/**
+ * Manage scheduler jobs component.
+ */
+@Component({
+ selector: 'mifosx-manage-scheduler-jobs',
+ templateUrl: './manage-scheduler-jobs.component.html',
+ styleUrls: ['./manage-scheduler-jobs.component.scss']
+})
+export class ManageSchedulerJobsComponent implements OnInit {
+
+ /** Jobs data. */
+ jobData: any;
+ /** Scheduler data */
+ schedulerData: any;
+ /** Columns to be displayed in manage scheduler jobs table. */
+ displayedColumns: string[] = ['select', 'displayName', 'nextRunTime', 'previousRunTime', 'previousRunStatus', 'currentlyRunning', 'errorLog'];
+ /** Data source for manage scheduler jobs table. */
+ dataSource: MatTableDataSource;
+ /** Initialize Selection */
+ selection = new SelectionModel(true, []);
+
+ /** Paginator for table. */
+ @ViewChild(MatPaginator) paginator: MatPaginator;
+ /** Sorter for manage scheduler jobs table. */
+ @ViewChild(MatSort) sort: MatSort;
+
+ /**
+ * Retrieves the scheduler jobs data from `resolve`.
+ * @param {ActivatedRoute} route Activated Route.
+ */
+ constructor(private route: ActivatedRoute) {
+ this.route.data.subscribe((data: { jobsScheduler: any }) => {
+ this.jobData = data.jobsScheduler[0];
+ this.schedulerData = data.jobsScheduler[1];
+ });
+ }
+
+ /**
+ * Filters data in manage scheduler jobs table based on passed value.
+ * @param {string} filterValue Value to filter data.
+ */
+ applyFilter(filterValue: string) {
+ this.dataSource.filter = filterValue.trim().toLowerCase();
+ }
+
+ /**
+ * Whether the number of selected elements matches the total number of rows.
+ */
+ isAllSelected() {
+ const numSelected = this.selection.selected.length;
+ const numRows = this.dataSource.data.length;
+ return numSelected === numRows;
+ }
+
+ /**
+ * Selects all rows if they are not all selected; otherwise clear selection.
+ */
+ masterToggle() {
+ this.isAllSelected() ?
+ this.selection.clear() :
+ this.dataSource.data.forEach(row => this.selection.select(row));
+ }
+
+ /**
+ * Sets the manage scheduler jobs table.
+ */
+ ngOnInit() {
+ this.setJobs();
+ this.dataSource.sortingDataAccessor = (item, property) => {
+ switch (property) {
+ case 'previousRunStatus': return item.lastRunHistory.status;
+ case 'errorLog': return item.lastRunHistory.status;
+ case 'previousRunTime': return new Date(item.lastRunHistory.jobRunStartTime);
+ case 'nextRunTime': return new Date(item.nextRunTime);
+ default: return item[property];
+ }
+ };
+ }
+
+ /**
+ * Initializes the data source, paginator and sorter for manage scheduler jobs table.
+ */
+ setJobs() {
+ this.dataSource = new MatTableDataSource(this.jobData);
+ this.dataSource.paginator = this.paginator;
+ this.dataSource.sort = this.sort;
+ }
+
+}
diff --git a/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.resolver.ts b/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.resolver.ts
new file mode 100644
index 000000000..b1bb7513f
--- /dev/null
+++ b/src/app/system/manage-scheduler-jobs/manage-scheduler-jobs.resolver.ts
@@ -0,0 +1,33 @@
+/** Angular Imports */
+import { Injectable } from '@angular/core';
+import { Resolve } from '@angular/router';
+
+/** rxjs Imports */
+import { Observable, forkJoin } from 'rxjs';
+
+/** Custom Services */
+import { SystemService } from '../system.service';
+
+/**
+ * Manage Scheduler Jobs data resolver.
+ */
+@Injectable()
+export class ManageSchedulerJobsResolver implements Resolve