🎉 Initialisation de l'app module

Author: mckenziearts

src/app/app.module.ts

@@ -1,4 +1,9 @@
-import { APP_INITIALIZER, ErrorHandler, NgModule } from '@angular/core';
+import {
+  APP_INITIALIZER,
+  ErrorHandler,
+  LOCALE_ID,
+  NgModule,
+} from '@angular/core';
 import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { BrowserModule } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
@@ -8,28 +13,39 @@ import { StoreDevtoolsModule } from '@ngrx/store-devtools';
 import { EffectsModule } from '@ngrx/effects';
 import { StoreRouterConnectingModule } from '@ngrx/router-store';
 import * as Sentry from '@sentry/angular';
+import { Router } from '@angular/router';
+import localeFr from '@angular/common/locales/fr';
+import { registerLocaleData } from '@angular/common';
+import { NgxPermissionsModule } from 'ngx-permissions';
 
-import { environment } from '../environments/environment';
+import { environment } from 'environments/environment';
 import { AppRoutingModule } from './core/routes/app-routing.module';
 import { AppComponent } from './core/components/app/app.component';
 import { ROOT_REDUCERS } from './core/store/app.store';
-import { Router } from '@angular/router';
 import { AuthInterceptor } from './modules/authentication/interceptors/auth.interceptor';
+import { HttpLoadingInterceptor } from './shared/interceptors/http-loading.interceptor';
+import { AuthenticationModule } from './modules/authentication/authentication.module';
+import { ErrorInterceptor } from './shared/interceptors/error.interceptor';
+
+registerLocaleData(localeFr);
 
 @NgModule({
-  declarations: [
-    AppComponent,
-  ],
+  declarations: [AppComponent],
   imports: [
     AppRoutingModule,
+    AuthenticationModule,
     BrowserAnimationsModule,
     BrowserModule,
     EffectsModule.forRoot(),
     FormsModule,
     HttpClientModule,
+    NgxPermissionsModule.forRoot(),
     ReactiveFormsModule,
     StoreModule.forRoot(ROOT_REDUCERS),
-    StoreDevtoolsModule.instrument({ maxAge: 25, logOnly: environment.production }),
+    StoreDevtoolsModule.instrument({
+      maxAge: 25,
+      logOnly: environment.production,
+    }),
     StoreRouterConnectingModule.forRoot(),
   ],
   providers: [
@@ -53,8 +69,22 @@ import { AuthInterceptor } from './modules/authentication/interceptors/auth.inte
       provide: HTTP_INTERCEPTORS,
       useClass: AuthInterceptor,
       multi: true,
-    }
+    },
+    {
+      provide: HTTP_INTERCEPTORS,
+      useClass: ErrorInterceptor,
+      multi: true,
+    },
+    {
+      provide: HTTP_INTERCEPTORS,
+      useClass: HttpLoadingInterceptor,
+      multi: true,
+    },
+    {
+      provide: LOCALE_ID,
+      useValue: 'fr-FR',
+    },
   ],
   bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}

src/app/modules/dashboard/navigation/admin.menu.ts

@@ -1,3 +1,4 @@
+import { ADMIN_ROLE, DEVELOPER_ROLE } from '@app/core/guards/user.roles';
 import { Menu } from '@app/shared/interfaces/menu';
 
 export const adminMenu: Menu[] = [
@@ -7,37 +8,41 @@ export const adminMenu: Menu[] = [
       {
         title: 'Tableau de bord',
         svgPath: [
-          'M12 16v5m6 0-3.951-3.293c-.73-.607-1.094-.91-1.5-1.027a2 2 0 0 0-1.098 0c-.406.116-.77.42-1.5 1.027L6 21m2-10v1m4-3v3m4-5v5m6-9H2m1 0h18v8.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 16 17.88 16 16.2 16H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 13.72 3 12.88 3 11.2V3Z'
+          'M12 16v5m6 0-3.951-3.293c-.73-.607-1.094-.91-1.5-1.027a2 2 0 0 0-1.098 0c-.406.116-.77.42-1.5 1.027L6 21m2-10v1m4-3v3m4-5v5m6-9H2m1 0h18v8.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 16 17.88 16 16.2 16H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 13.72 3 12.88 3 11.2V3Z',
         ],
         link: '/dashboard',
+        roles: [ADMIN_ROLE, DEVELOPER_ROLE],
       },
       {
         title: 'Transactions',
         svgPath: [
-          'm6 6 2-2m0 0L6 2m2 2H6a4 4 0 0 0-4 4m16 10-2 2m0 0 2 2m-2-2h2a4 4 0 0 0 4-4M10.189 6.5a6 6 0 1 1 7.311 7.311M14 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z'
+          'm6 6 2-2m0 0L6 2m2 2H6a4 4 0 0 0-4 4m16 10-2 2m0 0 2 2m-2-2h2a4 4 0 0 0 4-4M10.189 6.5a6 6 0 1 1 7.311 7.311M14 16a6 6 0 1 1-12 0 6 6 0 0 1 12 0Z',
         ],
-        link: '/dashboard/transactions',
-      }
-    ]
+        link: '/transactions',
+        roles: [ADMIN_ROLE, DEVELOPER_ROLE],
+      },
+    ],
   },
   {
     group: 'Management',
     items: [
       {
         title: 'Utilisateurs',
         svgPath: [
-          'M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z'
+          'M18 18.72a9.094 9.094 0 0 0 3.741-.479 3 3 0 0 0-4.682-2.72m.94 3.198.001.031c0 .225-.012.447-.037.666A11.944 11.944 0 0 1 12 21c-2.17 0-4.207-.576-5.963-1.584A6.062 6.062 0 0 1 6 18.719m12 0a5.971 5.971 0 0 0-.941-3.197m0 0A5.995 5.995 0 0 0 12 12.75a5.995 5.995 0 0 0-5.058 2.772m0 0a3 3 0 0 0-4.681 2.72 8.986 8.986 0 0 0 3.74.477m.94-3.197a5.971 5.971 0 0 0-.94 3.197M15 6.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm6 3a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Zm-13.5 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0Z',
         ],
         link: '/users',
+        roles: [ADMIN_ROLE],
       },
       {
         title: 'Promotions',
         svgPath: [
-          'M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 0 1 0 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 0 1 0-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375Z'
+          'M16.5 6v.75m0 3v.75m0 3v.75m0 3V18m-9-5.25h5.25M7.5 15h3M3.375 5.25c-.621 0-1.125.504-1.125 1.125v3.026a2.999 2.999 0 0 1 0 5.198v3.026c0 .621.504 1.125 1.125 1.125h17.25c.621 0 1.125-.504 1.125-1.125v-3.026a2.999 2.999 0 0 1 0-5.198V6.375c0-.621-.504-1.125-1.125-1.125H3.375Z',
         ],
         link: '/promotions',
-      }
-    ]
+        roles: [ADMIN_ROLE],
+      },
+    ],
   },
   {
     group: 'Opérations',
@@ -49,14 +54,16 @@ export const adminMenu: Menu[] = [
           'M18.727 14.727a1.5 1.5 0 0 0 .3 1.655l.055.054a1.816 1.816 0 0 1 0 2.573 1.818 1.818 0 0 1-2.573 0l-.055-.055a1.5 1.5 0 0 0-1.654-.3 1.5 1.5 0 0 0-.91 1.373v.155a1.818 1.818 0 1 1-3.636 0V20.1a1.5 1.5 0 0 0-.981-1.373 1.5 1.5 0 0 0-1.655.3l-.054.055a1.818 1.818 0 0 1-3.106-1.287 1.818 1.818 0 0 1 .533-1.286l.054-.055a1.5 1.5 0 0 0 .3-1.654 1.5 1.5 0 0 0-1.372-.91h-.155a1.818 1.818 0 1 1 0-3.636H3.9a1.5 1.5 0 0 0 1.373-.981 1.5 1.5 0 0 0-.3-1.655l-.055-.054A1.818 1.818 0 1 1 7.491 4.99l.054.054a1.5 1.5 0 0 0 1.655.3h.073a1.5 1.5 0 0 0 .909-1.372v-.155a1.818 1.818 0 0 1 3.636 0V3.9a1.499 1.499 0 0 0 .91 1.373 1.5 1.5 0 0 0 1.654-.3l.054-.055a1.817 1.817 0 0 1 2.573 0 1.819 1.819 0 0 1 0 2.573l-.055.054a1.5 1.5 0 0 0-.3 1.655v.073a1.5 1.5 0 0 0 1.373.909h.155a1.818 1.818 0 0 1 0 3.636H20.1a1.499 1.499 0 0 0-1.373.91Z',
         ],
         link: '/settings',
+        roles: [DEVELOPER_ROLE],
       },
       {
         title: 'Rapports',
         svgPath: [
-          'M14 2.27V6.4c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.11.494.11 1.054.11h4.13M16 13H8m8 4H8m2-8H8m6-7H8.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C4 4.28 4 5.12 4 6.8v10.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C6.28 22 7.12 22 8.8 22h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C20 19.72 20 18.88 20 17.2V8l-6-6Z'
+          'M14 2.27V6.4c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437c.214.11.494.11 1.054.11h4.13M16 13H8m8 4H8m2-8H8m6-7H8.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C4 4.28 4 5.12 4 6.8v10.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C6.28 22 7.12 22 8.8 22h6.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C20 19.72 20 18.88 20 17.2V8l-6-6Z',
         ],
-        link: '/dashboard/reports',
-      }
-    ]
+        link: '/reports',
+        roles: [ADMIN_ROLE, DEVELOPER_ROLE],
+      },
+    ],
   },
-];
+];

src/app/modules/dashboard/routes/dashboard.routes.ts

@@ -1,18 +1,31 @@
 import { Routes } from '@angular/router';
+import { NgxPermissionsGuard } from 'ngx-permissions';
 
 import { AuthGuard } from '@app/core/guards/auth.guard';
+import { RoleGuard } from '@app/core/guards/role.guard';
 import { UserDataGuard } from '@app/core/guards/user-data.guard';
 
 import { CpanelComponent } from '@app/shared/themes/layouts/cpanel/cpanel.component';
 import { DashboardComponent } from '../pages/dashboard/dashboard.component';
 
+import { ADMIN_ROLE, DEVELOPER_ROLE } from '@app/core/guards/user.roles';
+
 export const dashboardRoutes: Routes = [
   {
     path: '',
     component: CpanelComponent,
-    canActivateChild: [AuthGuard, UserDataGuard],
+    canActivate: [AuthGuard, UserDataGuard, RoleGuard],
     children: [
-      { path: '', component: DashboardComponent },
+      {
+        path: '',
+        component: DashboardComponent,
+        canActivate: [NgxPermissionsGuard],
+        data: {
+          permissions: {
+            only: [ADMIN_ROLE, DEVELOPER_ROLE],
+          },
+        },
+      },
     ],
-  }
-];
+  },
+];

src/app/modules/user/interfaces/user.interface.ts

@@ -1,3 +1,10 @@
+import { Pagination } from '@app/shared/interfaces/response.interface';
+import { DefaultState } from '@app/shared/interfaces/state.interfaces';
+
+export interface UserState extends DefaultState {
+  pagination: Pagination;
+}
+
 export interface AuthResponse {
   message: string;
   data: {
@@ -6,7 +13,9 @@ export interface AuthResponse {
     token_type: string;
     expires_at: FromDate;
     expires_in: number;
-  }
+    roles: string[];
+    permissions: string[];
+  };
 }
 
 export interface FromDate {
@@ -21,10 +30,9 @@ export interface User {
   email: string;
   phoneNumber: string;
   accountType: string;
+  profilePhotoUrl: string;
   timezone: string;
   emailVerifiedAt: string;
-  roles: string[];
-  permissions: string[];
   createdAt: Date;
   updatedAt: Date;
-}
+}