Context Navigation

-              rfcc3080
+              rf3c4950
 import { Routes, RouterModule } from '@angular/router';
 import { AuthCallbackComponent } from './auth-callback/auth-callback.component';
+import { AuthorizedModeratorGuard } from './core/guards/authorized-moderator.guard';
 import { AuthorizedGuard } from './core/guards/authorized.guard';
 …
     canActivate: [AuthorizedGuard],
     loadChildren: () => import('./modules/questioning/questioning.module').then((x) => x.QuestioningModule)
+  },
+  {
+    path: 'moderating',
+    canActivate: [AuthorizedGuard, AuthorizedModeratorGuard],
+    loadChildren: () => import('./modules/moderating/moderating.module').then((x) => x.ModeratingModule)
   },
+  {

src/Clients/Angular/finki-chattery/src/app/core/services/auth.service.ts

-              rfcc3080
+              rf3c4950
+  }
+  public isModerator(): boolean {
+    return this.user !== null && this.user.userType === ApplicationUserType.Moderator;
+  }
   public currentUser(): ApplicationUser | null {
     return this.user;

rfcc3080	rf3c4950
21	21	case ApplicationUserType.Teacher:
22	22	break;
	23	case ApplicationUserType.Moderator:
	24	this.router.navigateByUrl(`moderating/categories`);
	25	break;
23	26	}
24	27	}

-              rfcc3080
+              rf3c4950
 import { CategoryStateViewModel } from 'src/app/shared-app/models';
 import { EffectStartedWorking, GetCategoriesState } from './category-state/category.actions';
+import { AddCategory, EffectStartedWorking, GetCategoriesState } from './category-state/category.actions';
 import { categoriesStateQuery } from './category-state/category.selectors';
 import { CategoryState } from './category-state/category.state';
 …
   constructor(private store: Store<CategoryState>) {
+    this.effectWorking$ = this.store.select(categoriesStateQuery.effectWorking).pipe(
+      filter((effect) => effect !== null),
+      map((effect) => {
+        if (effect instanceof HttpErrorResponse) {
+          throw effect;
+        } else {
+          return effect;
+        }
+      }),
+      catchError((err) => {
+        return throwError(err);
+      })
+    );
+    this.effectWorking$ = this.store.select(categoriesStateQuery.effectWorking).pipe(filter((effect) => effect !== null));
+  }
 …
   public fetchCategories(): void {
     this.dispatchEffect(new GetCategoriesState());
+  }
+  public addNewCategory(name: string): void {
+    this.dispatchEffect(new AddCategory(name));
+  }

-              rfcc3080
+              rf3c4950
 import { Action } from '@ngrx/store';
 import { CategoryStateViewModel } from 'src/app/shared-app/models';
-import { CategoryStateResponse } from './category-state.models';
 export enum CategoryActionTypes {
   GetCategoriesState = '[Category] Get state',
   GetCategoriesStateSuccess = '[Category] Get state success',
+  AddCategory = '[Category] AddCategory',
+  AddCategorySuccess = '[Category] AddCategorySuccess success',
   EffectStartedWorking = '[Category] Effect Started Working',
   EffectFinishedWorking = '[Category] Effect Finished Working',
 …
   constructor(public payload: CategoryStateViewModel[]) {}
+}
+export class AddCategory implements Action {
+  readonly type = CategoryActionTypes.AddCategory;
+  constructor(public name: string) {}
+}
+export class AddCategorySuccess implements Action {
+  readonly type = CategoryActionTypes.AddCategorySuccess;
+  constructor(public payload: CategoryStateViewModel) {}
+}
 …
+}
+export type CategoryAction = GetCategoriesStateSuccess | EffectStartedWorking | EffectFinishedWorking | EffectFinishedWorkingError;
+export type CategoryAction =
+  | GetCategoriesStateSuccess
+  | AddCategorySuccess
+  | EffectStartedWorking
+  | EffectFinishedWorking
+  | EffectFinishedWorkingError;

-              rfcc3080
+              rf3c4950
 import { Injectable } from '@angular/core';
 import { Actions, createEffect, ofType } from '@ngrx/effects';
 import { catchError, switchMap } from 'rxjs/operators';
+import { catchError, mergeMap, switchMap } from 'rxjs/operators';
 import { TranslateFromJsonService } from 'src/app/shared-app/services';
 import { BaseApiService } from 'src/app/shared-app/services/base-api.service';
+import { CreateCategoryRequest } from './category-state-request.models';
 import { CategoryStateResponse } from './category-state.models';
 import {
+  AddCategory,
+  AddCategorySuccess,
   CategoryActionTypes,
   EffectFinishedWorking,
 …
     );
   });
+  addCategory$ = createEffect(() => {
+    return this.actions$.pipe(
+      ofType<AddCategory>(CategoryActionTypes.AddCategory),
+      mergeMap((action) => {
+        return this.api.post<string>(`v1/categories`, new CreateCategoryRequest(action.name)).pipe(
+          switchMap((state) => [
+            new AddCategorySuccess(CategoriesMapper.ToCategoryStateViewModel(state, action.name, this.translate)),
+            new EffectFinishedWorking()
+          ]),
+          catchError((err) => [new EffectFinishedWorkingError(err)])
+        );
+      })
+    );
+  });
+}

rfcc3080	rf3c4950
10	10	return categoriesResponse.map((x) => new CategoryStateViewModel(x.uid, x.name, translate.instant(x.name)));
11	11	}
	12
	13	public static ToCategoryStateViewModel(uid: string, name: string, translate: TranslateFromJsonService): CategoryStateViewModel {
	14	return new CategoryStateViewModel(uid, name, translate.instant(name));
	15	}
12	16	}

-              rfcc3080
+              rf3c4950
         categories: action.payload
       };
+    case CategoryActionTypes.AddCategorySuccess: {
+      return {
+        ...state,
+        categories: [action.payload, ...state.categories]
+      };
+    }
     case CategoryActionTypes.EffectStartedWorking: {
       return {

rfcc3080	rf3c4950
16	16	'header-ask-question' \| translate
17	17	}}</app-button>
18		<app-button [matMenuTriggerFor]="menu" class="margin-y-xs" *ngIf="auth.is~~LoggedIn~~()" [buttonType]="ButtonType.Basic">{{
	18	<app-button [matMenuTriggerFor]="menu" class="margin-y-xs" *ngIf="auth.isStudent()" [buttonType]="ButtonType.Basic">{{
19	19	'header-student-questions' \| translate
20	20	}}</app-button>

rfcc3080	rf3c4950
28	28	this.router.navigateByUrl('questioning/preview');
29	29	}
	30	if (this.auth.isModerator()) {
	31	this.router.navigateByUrl('moderating/categories');
	32	}
30	33	}
31	34

-              rfcc3080
+              rf3c4950
   "AnswerAlreadyUpvoted": "You have already upvoted this answer",
   "AnswerAlreadyDownvoted": "You have already downvoted this answer",
+  "StudentHasBadReputation": "You have bad reputation and can not vote"
+  "StudentHasBadReputation": "You have bad reputation and can not vote",
+  "CategoryNameAlreadyExists": "Category with that name already exists",
+  "category-title": "Category title",
+  "create-new-category": "Create new category"
+}

Note: See TracChangeset for help on using the changeset viewer.