Fixing chart colors.

Author: renemadsen

eform-client/src/app/plugins/modules/backend-configuration-pn/modules/statistics/components/ad-hoc-task-priorities/ad-hoc-task-priorities.component.ts

@@ -26,45 +26,45 @@ export class AdHocTaskPrioritiesComponent implements OnChanges, OnDestroy {
   priorityNamesTranslated: string[] = [];
   xAxisTicks: any[] = [];
   colorSchemeLight = {
-    domain: ['#ff0000', '#ffbb33', '#0000ff', '#1414fa']
+    domain: ['#a71d2a', '#dc3545', '#0000ff', '#f8d7da']
   };
   customColorsLight = [
     {
       name: this.priorityNames[0],
-      value: '#ff0000',
+      value: '#a71d2a',
     },
     {
       name: this.priorityNames[1],
-      value: '#ffbb33',
+      value: '#dc3545',
     },
     {
       name: this.priorityNames[2],
-      value: '#0000ff',
+      value: '#f5a5a8',
     },
     {
       name: this.priorityNames[3],
-      value: '#1414fa',
+      value: '#f8d7da',
     },
   ];
   colorSchemeDark = {
-    domain: ['#ff0000', '#ffbb33', '#0000ff', '#1414fa']
+    domain: ['#a71d2a', '#dc3545', '#f5a5a8', '#f8d7da']
   };
   customColorsDark = [
     {
       name: this.priorityNames[0],
-      value: '#ff0000',
+      value: '#a71d2a',
     },
     {
       name: this.priorityNames[1],
-      value: '#ffbb33',
+      value: '#dc3545',
     },
     {
       name: this.priorityNames[2],
-      value: '#0000ff',
+      value: '#f5a5a8',
     },
     {
       name: this.priorityNames[3],
-      value: '#1414fa',
+      value: '#f8d7da',
     },
   ];
   isDarkTheme = true;

eform-client/src/app/plugins/modules/backend-configuration-pn/modules/statistics/components/ad-hoc-task-workers/ad-hoc-task-workers.component.ts

@@ -22,11 +22,11 @@ export class AdHocTaskWorkersComponent implements OnChanges, OnDestroy {
   chartData: { name: string, value: number }[] = [];
   xAxisTicks: any[] = [];
   colorSchemeLight = {
-    domain: ['#0000ff']
+    domain: ['#a3d7b1']
   };
   customColorsLight = [];
   colorSchemeDark = {
-    domain: ['#0000ff']
+    domain: ['#a3d7b1']
   };
   customColorsDark = [];
   isDarkTheme = true;
@@ -91,8 +91,8 @@ export class AdHocTaskWorkersComponent implements OnChanges, OnDestroy {
       !changes.adHocTaskWorkers.isFirstChange() &&
       changes.adHocTaskWorkers.currentValue) {
       this.chartData = this.adHocTaskWorkers.taskWorkers.map(x => ({name: x.workerName, value: x.statValue}));
-      this.customColorsDark = this.adHocTaskWorkers.taskWorkers.map(x => ({name: x.workerName, value: '#0000ff'}));
-      this.customColorsLight = this.adHocTaskWorkers.taskWorkers.map(x => ({name: x.workerName, value: '#0000ff'}));
+      this.customColorsDark = this.adHocTaskWorkers.taskWorkers.map(x => ({name: x.workerName, value: '#a3d7b1'}));
+      this.customColorsLight = this.adHocTaskWorkers.taskWorkers.map(x => ({name: x.workerName, value: '#a3d7b1'}));
       this.getxAxisTicks();
     }
   }

eform-client/src/app/plugins/modules/backend-configuration-pn/modules/statistics/components/planned-task-days/planned-task-days.component.ts

@@ -25,53 +25,53 @@ export class PlannedTaskDaysComponent implements OnChanges, OnDestroy {
   labels: string[] = ['Exceeded', 'Today', '1-7 days', '8-30 days', 'Over 30 days'];
   labelsTranslated: string[] = [];
   colorSchemeLight = {
-    domain: ['#ff0000', '#ffbb33', '#0000ff', '#1414fa', '#3b3bff']
+    domain: ['#dc3545', '#a3d7b1', '#a3d7b1', '#a3d7b1', '#a3d7b1']
   };
   customColorsLight = [
     {
       name: this.labels[0],
-      value: '#ff0000',
+      value: '#dc3545',
     },
     {
       name: this.labels[1],
-      value: '#ffbb33',
+      value: '#a3d7b1',
     },
     {
       name: this.labels[2],
-      value: '#0000ff',
+      value: '#a3d7b1',
     },
     {
       name: this.labels[3],
-      value: '#1414fa',
+      value: '#a3d7b1',
     },
     {
       name: this.labels[4],
-      value: '#3b3bff',
+      value: '#a3d7b1',
     },
   ];
   colorSchemeDark = {
-    domain: ['#ff0000', '#ffbb33', '#0000ff', '#1414fa', '#3b3bff']
+    domain: ['#dc3545', '#a3d7b1', '#a3d7b1', '#a3d7b1', '#a3d7b1']
   };
   customColorsDark = [
     {
       name: this.labels[0],
-      value: '#ff0000',
+      value: '#dc3545',
     },
     {
       name: this.labels[1],
-      value: '#ffbb33',
+      value: '#a3d7b1',
     },
     {
       name: this.labels[2],
-      value: '#0000ff',
+      value: '#a3d7b1',
     },
     {
       name: this.labels[3],
-      value: '#1414fa',
+      value: '#a3d7b1',
     },
     {
       name: this.labels[4],
-      value: '#3b3bff',
+      value: '#a3d7b1',
     },
   ];
   isDarkTheme = true;

eform-client/src/app/plugins/modules/backend-configuration-pn/modules/statistics/components/planned-task-workers/planned-task-workers.component.ts

@@ -22,11 +22,11 @@ export class PlannedTaskWorkersComponent implements OnChanges, OnDestroy {
   chartData: { name: string, value: number }[] = [];
   xAxisTicks: any[] = [];
   colorSchemeLight = {
-    domain: ['#0000ff']
+    domain: ['#a3d7b1']
   };
   customColorsLight = [];
   colorSchemeDark = {
-    domain: ['#0000ff']
+    domain: ['#a3d7b1']
   };
   customColorsDark = [];
   isDarkTheme = true;
@@ -91,8 +91,8 @@ export class PlannedTaskWorkersComponent implements OnChanges, OnDestroy {
       !changes.plannedTaskWorkers.isFirstChange() &&
       changes.plannedTaskWorkers.currentValue) {
       this.chartData = this.plannedTaskWorkers.taskWorkers.map(x => ({name: x.workerName, value: x.statValue}));
-      this.customColorsDark = this.plannedTaskWorkers.taskWorkers.map(x => ({name: x.workerName, value: '#0000ff'}));
-      this.customColorsLight = this.plannedTaskWorkers.taskWorkers.map(x => ({name: x.workerName, value: '#0000ff'}));
+      this.customColorsDark = this.plannedTaskWorkers.taskWorkers.map(x => ({name: x.workerName, value: '#a3d7b1'}));
+      this.customColorsLight = this.plannedTaskWorkers.taskWorkers.map(x => ({name: x.workerName, value: '#a3d7b1'}));
       this.getxAxisTicks();
     }
   }