add delete task to reducer and new mock effects

Author: Manuela Paula Ritter

src/app/matrix/matrix.effects.ts

@@ -5,14 +5,26 @@ import { Observable, of } from 'rxjs';
 import { catchError, map, mergeMap } from 'rxjs/operators';
 import { Color } from '../shared/color.interfaces';
 import {
+  ADD_TOPIC,
+  AddTopic,
+  AddTopicFailed,
+  AddTopicSuccess,
+  DELETE_TASK,
+  DeleteTask,
+  DeleteTaskFailed,
+  DeleteTaskSuccess,
   GET_MATRIX_DATA,
   GetMatrixData,
   GetMatrixDataFailed,
   GetMatrixDataSuccess,
   UPDATE_TASK,
+  UPDATE_TOPIC,
   UpdateTask,
   UpdateTaskFailed,
   UpdateTaskSuccess,
+  UpdateTopic,
+  UpdateTopicFailed,
+  UpdateTopicSuccess,
 } from './matrix.actions';
 import { MatrixData, Task, Topic } from './matrix.interfaces';
 
@@ -62,4 +74,61 @@ export class MatrixEffects {
       ),
     ),
   );
+
+  @Effect()
+  deleteTask$: Observable<Action> = this.actions$.pipe(
+    ofType<DeleteTask>(DELETE_TASK),
+    mergeMap((action) =>
+      of(action.taskId).pipe(
+        map(
+          (taskId: number) =>
+            new DeleteTaskSuccess(
+              new Task(
+                taskId,
+                'deleted',
+                1,
+                1,
+                1,
+                1,
+                21,
+                '',
+                false,
+                true,
+                undefined,
+                undefined,
+                new Date(),
+              ),
+            ),
+        ),
+        catchError((message) => of(new DeleteTaskFailed(message))),
+      ),
+    ),
+  );
+
+  @Effect()
+  addTopic$: Observable<Action> = this.actions$.pipe(
+    ofType<AddTopic>(ADD_TOPIC),
+    mergeMap((action) =>
+      of(Math.floor(Math.random() * (100 - 4) - 4)).pipe(
+        map(
+          (id: number) =>
+            new AddTopicSuccess(
+              new Topic(id, 'New Topic', Color.green, true, false),
+            ),
+        ),
+        catchError((message) => of(new AddTopicFailed(message))),
+      ),
+    ),
+  );
+
+  @Effect()
+  updateTopic$: Observable<Action> = this.actions$.pipe(
+    ofType<UpdateTopic>(UPDATE_TOPIC),
+    mergeMap((action) =>
+      of(action.topic).pipe(
+        map((topic: Topic) => new UpdateTopicSuccess(topic)),
+        catchError((message) => of(new UpdateTopicFailed(message))),
+      ),
+    ),
+  );
 }

src/app/matrix/matrix.reducers.ts

@@ -4,6 +4,9 @@ import {
   ADD_TOPIC,
   ADD_TOPIC_FAILED,
   ADD_TOPIC_SUCCESS,
+  DELETE_TASK,
+  DELETE_TASK_FAILED,
+  DELETE_TASK_SUCCESS,
   GET_MATRIX_DATA,
   GET_MATRIX_DATA_FAILED,
   GET_MATRIX_DATA_SUCCESS,
@@ -35,6 +38,7 @@ export function matrixReducer(state = initialState, action: Action) {
       case UPDATE_TASK:
       case UPDATE_TOPIC:
       case ADD_TOPIC:
+      case DELETE_TASK:
         draft.isLoading = true;
         draft.errorMessage = undefined;
         return;
@@ -43,6 +47,7 @@ export function matrixReducer(state = initialState, action: Action) {
       case UPDATE_TASK_FAILED:
       case UPDATE_TOPIC_FAILED:
       case ADD_TOPIC_FAILED:
+      case DELETE_TASK_FAILED:
         draft.isLoading = false;
         draft.errorMessage = matrixAction.message;
         return;
@@ -53,6 +58,7 @@ export function matrixReducer(state = initialState, action: Action) {
         setUnloading(draft);
         return;
       case UPDATE_TASK_SUCCESS:
+      case DELETE_TASK_SUCCESS:
         const taskIndex = draft.tasks.findIndex(
           (task) => task.id === matrixAction.task.id,
         );