Delete angular.json

admin/.browserslistrc

@@ -0,0 +1,17 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 1 Chrome version
+last 1 Firefox version
+last 2 Edge major versions
+last 2 Safari major versions
+last 2 iOS major versions
+Firefox ESR
+not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

admin/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

admin/.gitignore

@@ -0,0 +1,45 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+/out-tsc
+# Only exists if Bazel was run
+/bazel-out
+
+# dependencies
+/node_modules
+
+# profiling files
+chrome-profiler-events*.json
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+/typings
+
+# System Files
+.DS_Store
+Thumbs.db

admin/README.md

@@ -0,0 +1,27 @@
+# Admin
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.10.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

admin/angular.json

@@ -3,11 +3,14 @@
   "version": 1,
   "newProjectRoot": "projects",
   "projects": {
-    "frontend": {
+    "admin": {
       "projectType": "application",
       "schematics": {
         "@schematics/angular:component": {
           "style": "scss"
+        },
+        "@schematics/angular:application": {
+          "strict": true
         }
       },
       "root": "",
@@ -17,12 +20,12 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "dist/frontend",
+            "outputPath": "dist/admin",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
-            "aot": true,
+            "inlineStyleLanguage": "scss",
             "assets": [
               "src/favicon.ico",
               "src/assets"
@@ -32,56 +35,57 @@
               "src/styles.scss",
               "node_modules/bootstrap/scss/bootstrap.scss"
             ],
-            "scripts": [
-              "node_modules/jquery/dist/jquery.js",
-              "node_modules/bootstrap/dist/js/bootstrap.js"
-            ]
+            "scripts": []
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kb",
+                  "maximumError": "1mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
               "fileReplacements": [
                 {
                   "replace": "src/environments/environment.ts",
                   "with": "src/environments/environment.prod.ts"
                 }
               ],
-              "optimization": true,
-              "outputHashing": "all",
-              "sourceMap": false,
-              "namedChunks": false,
-              "extractLicenses": true,
-              "vendorChunk": false,
-              "buildOptimizer": true,
-              "budgets": [
-                {
-                  "type": "initial",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
-                },
-                {
-                  "type": "anyComponentStyle",
-                  "maximumWarning": "6kb",
-                  "maximumError": "10kb"
-                }
-              ]
+              "outputHashing": "all"
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
             }
-          }
+          },
+          "defaultConfiguration": "production"
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
-          "options": {
-            "browserTarget": "frontend:build"
-          },
           "configurations": {
             "production": {
-              "browserTarget": "frontend:build:production"
+              "browserTarget": "admin:build:production"
+            },
+            "development": {
+              "browserTarget": "admin:build:development"
             }
-          }
+          },
+          "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "frontend:build"
+            "browserTarget": "admin:build"
           }
         },
         "test": {
@@ -91,44 +95,19 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
+            "inlineStyleLanguage": "scss",
             "assets": [
               "src/favicon.ico",
               "src/assets"
             ],
             "styles": [
-              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
               "src/styles.scss"
             ],
             "scripts": []
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "tsconfig.app.json",
-              "tsconfig.spec.json",
-              "e2e/tsconfig.json"
-            ],
-            "exclude": [
-              "**/node_modules/**"
-            ]
-          }
-        },
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "e2e/protractor.conf.js",
-            "devServerTarget": "frontend:serve"
-          },
-          "configurations": {
-            "production": {
-              "devServerTarget": "frontend:serve:production"
-            }
-          }
         }
       }
     }
   },
-  "defaultProject": "frontend"
+  "defaultProject": "admin"
 }

admin/karma.conf.js

@@ -25,7 +25,7 @@ module.exports = function (config) {
       suppressAll: true // removes the duplicated traces
     },
     coverageReporter: {
-      dir: require('path').join(__dirname, './coverage/frontend'),
+      dir: require('path').join(__dirname, './coverage/admin'),
       subdir: '.',
       reporters: [
         { type: 'html' },

admin/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "admin",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "~12.2.0",
+    "@angular/cdk": "^13.1.1",
+    "@angular/common": "~12.2.0",
+    "@angular/compiler": "~12.2.0",
+    "@angular/core": "~12.2.0",
+    "@angular/forms": "~12.2.0",
+    "@angular/material": "^13.1.1",
+    "@angular/platform-browser": "~12.2.0",
+    "@angular/platform-browser-dynamic": "~12.2.0",
+    "@angular/router": "~12.2.0",
+    "bootstrap": "^5.1.3",
+    "jquery": "^3.6.0",
+    "popper": "^1.0.1",
+    "rxjs": "~6.6.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.11.4"
+  },
+  "devDependencies": {
+    "@angular-devkit/build-angular": "~12.2.10",
+    "@angular/cli": "~12.2.10",
+    "@angular/compiler-cli": "~12.2.0",
+    "@types/jasmine": "~3.8.0",
+    "@types/node": "^12.11.1",
+    "jasmine-core": "~3.8.0",
+    "karma": "~6.3.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage": "~2.0.3",
+    "karma-jasmine": "~4.0.0",
+    "karma-jasmine-html-reporter": "~1.7.0",
+    "typescript": "~4.3.5"
+  }
+}

admin/src/app/admin/adList/page-ad-list-admin/page-ad-list-admin.component.ts

@@ -1,16 +1,15 @@
 import {AfterViewInit, Component, ViewChild} from '@angular/core';
 import {MatSort} from "@angular/material/sort";
 import {MatPaginator} from "@angular/material/paginator";
-import {ThemeService} from "../../../utils/services/theme/theme.service";
 import {MatDialog} from "@angular/material/dialog";
 import {MatSnackBar} from "@angular/material/snack-bar";
 import {MatTableDataSource} from "@angular/material/table";
-import {Advert} from "../../../utils/interfaces/advert";
 import {PopupDeleteAdAdminComponent} from "../popup-delete-ad-admin/popup-delete-ad-admin.component";
 import {PopupVisualizeImagesAdminComponent} from "../popup-visualize-images-admin/popup-visualize-images-admin.component";
 import {FormControl} from "@angular/forms";
-import {MessageService} from "../../../utils/services/message/message.service";
 import {HttpParams} from "@angular/common/http";
+import {ThemeService} from "../../../utils/theme/theme.service";
+import {MessageService} from "../../../utils/message/message.service";
 
 
 
@@ -35,11 +34,10 @@ export interface AdvertWithCountViewsAndCompany {
 }
 
 
-
 @Component({
-    selector: 'app-page-ad-list-admin',
-    templateUrl: './page-ad-list-admin.component.html',
-    styleUrls: ['./page-ad-list-admin.component.scss']
+  selector: 'app-page-ad-list-admin',
+  templateUrl: './page-ad-list-admin.component.html',
+  styleUrls: ['./page-ad-list-admin.component.scss']
 })
 export class PageAdListAdminComponent implements AfterViewInit
 {
@@ -102,7 +100,7 @@ export class PageAdListAdminComponent implements AfterViewInit
         else {
             this.tabAdvertiser = retour.data.filter(x => x.role.name === "advertiser");
             for(let advert of tabAdvert) this.tabAdvertWithCountViews.push(this.advertToAdvertWithCountViewsAndCompany(advert));
-            this.dataSource = new MatTableDataSource<Advert>();
+            this.dataSource = new MatTableDataSource<any>();
             this.onFilter();
         }
     }

admin/src/app/admin/adList/popup-delete-ad-admin/popup-delete-ad-admin.component.ts

@@ -1,13 +1,11 @@
 import {Component, Inject, OnInit} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
-import {MessageService} from "../../../utils/services/message/message.service";
-
-
+import {MessageService} from "../../../utils/message/message.service";
 
 @Component({
-    selector: 'app-popup-delete-ad-admin',
-    templateUrl: './popup-delete-ad-admin.component.html',
-    styleUrls: ['./popup-delete-ad-admin.component.scss']
+  selector: 'app-popup-delete-ad-admin',
+  templateUrl: './popup-delete-ad-admin.component.html',
+  styleUrls: ['./popup-delete-ad-admin.component.scss']
 })
 export class PopupDeleteAdAdminComponent implements OnInit
 {

admin/src/app/admin/adList/popup-visualize-images-admin/popup-visualize-images-admin.component.ts

@@ -1,15 +1,12 @@
 import {Component, Inject, OnInit} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
 
-
-
 @Component({
   selector: 'app-popup-visualize-images-admin',
   templateUrl: './popup-visualize-images-admin.component.html',
   styleUrls: ['./popup-visualize-images-admin.component.scss']
 })
-export class PopupVisualizeImagesAdminComponent implements OnInit
-{
+export class PopupVisualizeImagesAdminComponent implements OnInit {
     tabImages = [];
     index: number = 0;
     nbImage: number = 0;

admin/src/app/admin/myProfil/page-profil-admin/page-profil-admin.component.ts

@@ -1,22 +1,19 @@
 import { Component, OnInit } from '@angular/core';
-import {User} from "../../../utils/interfaces/user";
-import {ThemeService} from "../../../utils/services/theme/theme.service";
+import {ThemeService} from "../../../utils/theme/theme.service";
 import {MatDialog} from "@angular/material/dialog";
 import {MatSnackBar} from "@angular/material/snack-bar";
+import {MessageService} from "../../../utils/message/message.service";
+import {ProfilService} from "../../../utils/profil/profil.service";
 import {PopupUpdateAdminComponent} from "../popup-update-admin/popup-update-admin.component";
-import {MessageService} from "../../../utils/services/message/message.service";
-import {ProfilService} from "../../../utils/services/profil/profil.service";
-
-
 
 @Component({
-    selector: 'app-page-profil-admin',
-    templateUrl: './page-profil-admin.component.html',
-    styleUrls: ['./page-profil-admin.component.scss']
+  selector: 'app-page-profil-admin',
+  templateUrl: './page-profil-admin.component.html',
+  styleUrls: ['./page-profil-admin.component.scss']
 })
 export class PageProfilAdminComponent implements OnInit
 {
-    admin: User = {
+    admin = {
         _id: "",
         login: "",
         hashPass: "",

admin/src/app/admin/myProfil/popup-update-admin/popup-update-admin.component.ts

@@ -1,19 +1,17 @@
 import {Component, Inject, OnInit} from '@angular/core';
-import {User} from "../../../utils/interfaces/user";
 import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
-import {MessageService} from "../../../utils/services/message/message.service";
-import {ProfilService} from "../../../utils/services/profil/profil.service";
-
+import {MessageService} from "../../../utils/message/message.service";
+import {ProfilService} from "../../../utils/profil/profil.service";
 
 
 @Component({
-    selector: 'app-popup-update-admin',
-    templateUrl: './popup-update-admin.component.html',
-    styleUrls: ['./popup-update-admin.component.scss']
+  selector: 'app-popup-update-admin',
+  templateUrl: './popup-update-admin.component.html',
+  styleUrls: ['./popup-update-admin.component.scss']
 })
 export class PopupUpdateAdminComponent implements OnInit
 {
-    adminCopy: User;
+    adminCopy;
     newPassword: string = "";
     confirmNewPassword: string = "" ;
     changePassword: boolean = false ;

admin/src/app/admin/userList/input-interests-admin/input-interests-admin.component.ts

@@ -2,10 +2,10 @@ import {Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} f
 import {COMMA, ENTER} from "@angular/cdk/keycodes";
 import {FormControl} from "@angular/forms";
 import {Observable} from "rxjs";
-import {MessageService} from "../../../utils/services/message/message.service";
 import {map, startWith} from "rxjs/operators";
 import {MatChipInputEvent} from "@angular/material/chips";
 import {MatAutocompleteSelectedEvent} from "@angular/material/autocomplete";
+import {MessageService} from "../../../utils/message/message.service";
 
 
 

admin/src/app/admin/userList/page-user-list/page-user-list.component.ts

@@ -1,20 +1,19 @@
 import {AfterViewInit, Component, ViewChild} from '@angular/core';
 import {MatSort} from "@angular/material/sort";
 import {MatPaginator} from "@angular/material/paginator";
-import {ThemeService} from "../../../utils/services/theme/theme.service";
 import {MatDialog} from "@angular/material/dialog";
 import {MatSnackBar} from "@angular/material/snack-bar";
 import {MatTableDataSource} from "@angular/material/table";
 import {PopupDeleteUserComponent} from "../popup-delete-user/popup-delete-user.component";
 import {PopupCreateUserComponent} from "../popup-create-user/popup-create-user.component";
-import {MessageService} from "../../../utils/services/message/message.service";
-
+import {ThemeService} from "../../../utils/theme/theme.service";
+import {MessageService} from "../../../utils/message/message.service";
 
 
 @Component({
-    selector: 'app-page-user-list',
-    templateUrl: './page-user-list.component.html',
-    styleUrls: ['./page-user-list.component.scss']
+  selector: 'app-page-user-list',
+  templateUrl: './page-user-list.component.html',
+  styleUrls: ['./page-user-list.component.scss']
 })
 export class PageUserListComponent implements AfterViewInit
 {

admin/src/app/admin/userList/popup-create-user/popup-create-user.component.ts

@@ -1,8 +1,6 @@
 import {Component, Inject, OnInit} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
-import {MessageService} from "../../../utils/services/message/message.service";
-
-
+import {MessageService} from "../../../utils/message/message.service";
 
 @Component({
   selector: 'app-popup-create-user',

admin/src/app/admin/userList/popup-delete-user/popup-delete-user.component.ts

@@ -0,0 +1,29 @@
+import {Component, Inject, OnInit} from '@angular/core';
+import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
+import {MessageService} from "../../../utils/message/message.service";
+
+@Component({
+  selector: 'app-popup-delete-user',
+  templateUrl: './popup-delete-user.component.html',
+  styleUrls: ['./popup-delete-user.component.scss']
+})
+export class PopupDeleteUserComponent implements OnInit
+{
+    user;
+
+    constructor( public dialogRef: MatDialogRef<PopupDeleteUserComponent>,
+                 @Inject(MAT_DIALOG_DATA) public data,
+                 private messageService: MessageService ) { }
+
+    ngOnInit(): void
+    {
+        this.user = this.data.user;
+    }
+
+    onValidate(): void
+    {
+        // --- FAUX CODE ---
+        this.dialogRef.close(true);
+    }
+
+}

admin/src/app/admin/utils/navbar-admin/navbar-admin.component.ts

@@ -1,9 +1,7 @@
-import {Component} from '@angular/core';
+import { Component } from '@angular/core';
 import {Router} from "@angular/router";
-import {ProfilService} from "../../../utils/services/profil/profil.service";
-import {MessageService} from "../../../utils/services/message/message.service";
-
-
+import {ProfilService} from "../../../utils/profil/profil.service";
+import {MessageService} from "../../../utils/message/message.service";
 
 @Component({
   selector: 'app-navbar-admin',

admin/src/app/app-routing.module.ts

@@ -0,0 +1,27 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import {PageLoginComponent} from "./beforeConnexion/login/page-login/page-login.component";
+import {PageRegisterComponent} from "./beforeConnexion/register/page-register/page-register.component";
+import {PageAdListAdminComponent} from "./admin/adList/page-ad-list-admin/page-ad-list-admin.component";
+import {PageProfilAdminComponent} from "./admin/myProfil/page-profil-admin/page-profil-admin.component";
+import {PageUserListComponent} from "./admin/userList/page-user-list/page-user-list.component";
+
+const routes: Routes = [
+
+    // Before connexion
+    { path: '', component: PageLoginComponent },
+    { path: 'login', component: PageLoginComponent },
+    { path: 'register', component: PageRegisterComponent },
+
+    // Admin
+    { path: 'admin', component: PageUserListComponent },
+    { path: 'admin/userList', component: PageUserListComponent },
+    { path: 'admin/adList', component: PageAdListAdminComponent },
+    { path: 'admin/myProfil', component: PageProfilAdminComponent },
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule { }

admin/src/app/app.component.html

@@ -0,0 +1,2 @@
+<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+<router-outlet></router-outlet>

admin/src/app/app.component.spec.ts

@@ -20,16 +20,16 @@ describe('AppComponent', () => {
     expect(app).toBeTruthy();
   });
 
-  it(`should have as title 'frontend'`, () => {
+  it(`should have as title 'admin'`, () => {
     const fixture = TestBed.createComponent(AppComponent);
     const app = fixture.componentInstance;
-    expect(app.title).toEqual('frontend');
+    expect(app.title).toEqual('admin');
   });
 
   it('should render title', () => {
     const fixture = TestBed.createComponent(AppComponent);
     fixture.detectChanges();
-    const compiled = fixture.nativeElement;
-    expect(compiled.querySelector('.content span').textContent).toContain('frontend app is running!');
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('.content span')?.textContent).toContain('admin app is running!');
   });
 });

admin/src/app/app.component.ts

@@ -6,7 +6,5 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.scss']
 })
 export class AppComponent {
-  title = 'frontend';
-
-  themeIsLight = true;
+  title = 'admin';
 }

admin/src/app/app.module.ts

@@ -0,0 +1,93 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { PageLoginComponent } from './beforeConnexion/login/page-login/page-login.component';
+import { PopupForgottenPasswordComponent } from './beforeConnexion/login/popup-forgotten-password/popup-forgotten-password.component';
+import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
+import {HttpClientModule} from "@angular/common/http";
+import {FormsModule, ReactiveFormsModule} from "@angular/forms";
+import {MatTableModule} from "@angular/material/table";
+import {MatSortModule} from "@angular/material/sort";
+import {MatRadioModule} from "@angular/material/radio";
+import {MatDialogModule} from "@angular/material/dialog";
+import {MatSnackBarModule} from "@angular/material/snack-bar";
+import {MatButtonModule} from "@angular/material/button";
+import {MatCheckboxModule} from "@angular/material/checkbox";
+import { PageRegisterComponent } from './beforeConnexion/register/page-register/page-register.component';
+import { PopupConfirmationComponent } from './beforeConnexion/register/popup-confirmation/popup-confirmation.component';
+import { InputInterestsRegisterComponent } from './beforeConnexion/register/input-interests-register/input-interests-register.component';
+import {MatFormFieldModule} from "@angular/material/form-field";
+import {MatChipsModule} from "@angular/material/chips";
+import {MatIconModule} from "@angular/material/icon";
+import {MatAutocompleteModule} from "@angular/material/autocomplete";
+import {MatStepperModule} from "@angular/material/stepper";
+import { NavbarBeforeConnexionComponent } from './beforeConnexion/utils/navbar-before-connexion/navbar-before-connexion.component';
+import { PageProfilAdminComponent } from './admin/myProfil/page-profil-admin/page-profil-admin.component';
+import { PopupUpdateAdminComponent } from './admin/myProfil/popup-update-admin/popup-update-admin.component';
+import { PageAdListAdminComponent } from './admin/adList/page-ad-list-admin/page-ad-list-admin.component';
+import { PopupDeleteAdAdminComponent } from './admin/adList/popup-delete-ad-admin/popup-delete-ad-admin.component';
+import { PopupVisualizeImagesAdminComponent } from './admin/adList/popup-visualize-images-admin/popup-visualize-images-admin.component';
+import {MatDividerModule} from "@angular/material/divider";
+import {MatSelectModule} from "@angular/material/select";
+import {MatPaginatorModule} from "@angular/material/paginator";
+import {MatGridListModule} from "@angular/material/grid-list";
+import { PageUserListComponent } from './admin/userList/page-user-list/page-user-list.component';
+import { InputInterestsAdminComponent } from './admin/userList/input-interests-admin/input-interests-admin.component';
+import { PopupCreateUserComponent } from './admin/userList/popup-create-user/popup-create-user.component';
+import { PopupDeleteUserComponent } from './admin/userList/popup-delete-user/popup-delete-user.component';
+import {MatSlideToggleModule} from "@angular/material/slide-toggle";
+import { NavbarAdminComponent } from './admin/utils/navbar-admin/navbar-admin.component';
+import {MatInputModule} from "@angular/material/input";
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    PageLoginComponent,
+    PopupForgottenPasswordComponent,
+    PageRegisterComponent,
+    PopupConfirmationComponent,
+    InputInterestsRegisterComponent,
+    NavbarBeforeConnexionComponent,
+    PageProfilAdminComponent,
+    PopupUpdateAdminComponent,
+    PageAdListAdminComponent,
+    PopupDeleteAdAdminComponent,
+    PopupVisualizeImagesAdminComponent,
+    PageUserListComponent,
+    InputInterestsAdminComponent,
+    PopupCreateUserComponent,
+    PopupDeleteUserComponent,
+    NavbarAdminComponent
+  ],
+    imports: [
+        BrowserModule,
+        AppRoutingModule,
+        BrowserAnimationsModule,
+        MatTableModule,
+        MatSortModule,
+        MatRadioModule,
+        FormsModule,
+        HttpClientModule,
+        MatDialogModule,
+        MatButtonModule,
+        MatCheckboxModule,
+        MatSnackBarModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatChipsModule,
+        MatIconModule,
+        MatAutocompleteModule,
+        ReactiveFormsModule,
+        MatStepperModule,
+        MatDividerModule,
+        MatSelectModule,
+        MatPaginatorModule,
+        MatGridListModule,
+        MatSlideToggleModule,
+    ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

admin/src/app/beforeConnexion/login/page-login/page-login.component.spec.ts

@@ -2,7 +2,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 
 import { PageLoginComponent } from './page-login.component';
 
-describe('PageConnexionComponent', () => {
+describe('PageLoginComponent', () => {
   let component: PageLoginComponent;
   let fixture: ComponentFixture<PageLoginComponent>;
 

admin/src/app/beforeConnexion/login/page-login/page-login.component.ts

@@ -1,18 +1,18 @@
 import {Component, OnInit} from '@angular/core';
-import {MessageService} from "../../../utils/services/message/message.service";
 import {Router} from "@angular/router";
-import {ThemeService} from "../../../utils/services/theme/theme.service";
 import {MatDialog} from "@angular/material/dialog";
 import {PopupForgottenPasswordComponent} from "../popup-forgotten-password/popup-forgotten-password.component";
 import {MatSnackBar} from "@angular/material/snack-bar";
-import {ProfilService} from "../../../utils/services/profil/profil.service";
+import {ProfilService} from "../../../utils/profil/profil.service";
+import {MessageService} from "../../../utils/message/message.service";
+import {ThemeService} from "../../../utils/theme/theme.service";
 
 
 
 @Component({
-    selector: 'app-page-login',
-    templateUrl: './page-login.component.html',
-    styleUrls: ['./page-login.component.scss']
+  selector: 'app-page-login',
+  templateUrl: './page-login.component.html',
+  styleUrls: ['./page-login.component.scss']
 })
 export class PageLoginComponent implements OnInit
 {
@@ -33,8 +33,8 @@ export class PageLoginComponent implements OnInit
     ngOnInit(): void {}
 
 
-	onSeConnecter(): void
-	{
+    onSeConnecter(): void
+    {
         this.checkError();
 
         if(!this.hasError)
@@ -47,10 +47,10 @@ export class PageLoginComponent implements OnInit
                 .post('user/auth', data)
                 .subscribe( retour => this.onSeConnecterCallback(retour), err => this.onSeConnecterCallback(err));
         }
-	}
+    }
 
 
-    onSeConnecterCallback(retour): void
+    onSeConnecterCallback(retour: any): void
     {
         if(retour.status !== "success") {
             console.log(retour);

admin/src/app/beforeConnexion/register/input-interests-register/input-interests-register.component.ts

@@ -2,10 +2,10 @@ import {Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild} f
 import {COMMA, ENTER} from "@angular/cdk/keycodes";
 import {FormControl} from "@angular/forms";
 import {Observable} from "rxjs";
-import {MessageService} from "../../../utils/services/message/message.service";
 import {map, startWith} from "rxjs/operators";
 import {MatChipInputEvent} from "@angular/material/chips";
 import {MatAutocompleteSelectedEvent} from "@angular/material/autocomplete";
+import {MessageService} from "../../../utils/message/message.service";
 
 
 

admin/src/app/beforeConnexion/register/page-register/page-register.component.html

@@ -11,7 +11,7 @@
             <mat-step label="Type de compte">
                 <form style="margin-top: 10px">
                     <!-- Choix du rôle -->
-                    <mat-radio-group [(ngModel)]="user.role.name" (click)="hasError = false; errorMessage = '';">
+                    <mat-radio-group [(ngModel)]="user.role.name" [ngModelOptions]="{standalone: true}" (click)="hasError = false; errorMessage = '';">
                         <mat-radio-button value="user">Utilisateur standard</mat-radio-button>&nbsp; &nbsp;
                         <mat-radio-button value="advertiser">Annonceur</mat-radio-button>
                     </mat-radio-group>
@@ -64,21 +64,21 @@
             <!-- Login -->
             <mat-form-field appearance="fill">
                 <mat-label>Pseudo</mat-label>
-                <input matInput type="text" [(ngModel)]="user.login" required>
+                <input matInput type="text" [(ngModel)]="user.login" [ngModelOptions]="{standalone: true}" required>
             </mat-form-field>
             <br>
 
             <!-- Mot de passe -->
             <mat-form-field appearance="fill">
                 <mat-label>Mot de passe</mat-label>
-                <input matInput type="password" [(ngModel)]="password" required>
+                <input matInput type="password" [(ngModel)]="password" [ngModelOptions]="{standalone: true}" required>
             </mat-form-field>
             <br>
 
             <!-- Confirmation mot de passe -->
             <mat-form-field appearance="fill">
                 <mat-label>Confirmation mot de passe</mat-label>
-                <input matInput type="password" [(ngModel)]="confirmPassword" required>
+                <input matInput type="password" [(ngModel)]="confirmPassword" [ngModelOptions]="{standalone: true}" required>
             </mat-form-field>
         </div>
 
@@ -89,12 +89,12 @@
             <!-- Email -->
             <mat-form-field appearance="fill">
                 <mat-label>Email</mat-label>
-                <input matInput type="email" [(ngModel)]="user.email" required>
+                <input matInput type="email" [(ngModel)]="user.email" [ngModelOptions]="{standalone: true}" required>
             </mat-form-field>
             <br>
 
             <!-- gender -->
-            <mat-radio-group [(ngModel)]="user.gender">
+            <mat-radio-group [(ngModel)]="user.gender" [ngModelOptions]="{standalone: true}">
                 <mat-radio-button value="man"> Homme </mat-radio-button>&nbsp; &nbsp;
                 <mat-radio-button value="woman"> Femme </mat-radio-button>
             </mat-radio-group>
@@ -105,7 +105,8 @@
                 <mat-label>Date de naissance</mat-label>
                 <input matInput type="date"
                        [ngModel] ="user.dateOfBirth | date:'yyyy-MM-dd'"
-                       (ngModelChange)="user.dateOfBirth = $event">
+                       (ngModelChange)="user.dateOfBirth = $event"
+                       [ngModelOptions]="{standalone: true}">
             </mat-form-field>
 
             <!-- interests -->
@@ -127,35 +128,35 @@
     <!-- Entreprise -->
     <mat-form-field appearance="fill">
         <mat-label>Entreprise</mat-label>
-        <input matInput type="text" [(ngModel)]="user.company" required>
+        <input matInput type="text" [(ngModel)]="user.company" [ngModelOptions]="{standalone: true}" required>
     </mat-form-field>
     <br>
 
     <!-- Login -->
     <mat-form-field appearance="fill">
         <mat-label>Pseudo</mat-label>
-        <input matInput type="text" [(ngModel)]="user.login" required>
+        <input matInput type="text" [(ngModel)]="user.login" [ngModelOptions]="{standalone: true}" required>
     </mat-form-field>
     <br>
 
     <!-- Email -->
     <mat-form-field appearance="fill">
         <mat-label>Email</mat-label>
-        <input matInput type="email" [(ngModel)]="user.email" required>
+        <input matInput type="email" [(ngModel)]="user.email" [ngModelOptions]="{standalone: true}" required>
     </mat-form-field>
     <br>
 
     <!-- Mot de passe -->
     <mat-form-field appearance="fill">
         <mat-label>Mot de passe</mat-label>
-        <input matInput type="password" [(ngModel)]="password" required>
+        <input matInput type="password" [(ngModel)]="password" [ngModelOptions]="{standalone: true}" required>
     </mat-form-field>
     <br>
 
     <!-- Confirmation mot de passe -->
     <mat-form-field appearance="fill">
         <mat-label>Confirmation mot de passe</mat-label>
-        <input matInput type="password" [(ngModel)]="confirmPassword" required>
+        <input matInput type="password" [(ngModel)]="confirmPassword" [ngModelOptions]="{standalone: true}" required>
     </mat-form-field>
 
 </ng-template>

admin/src/app/beforeConnexion/register/page-register/page-register.component.ts

@@ -1,17 +1,16 @@
 import { Component } from '@angular/core';
-import {MessageService} from "../../../utils/services/message/message.service";
+import {PopupConfirmationComponent} from "../popup-confirmation/popup-confirmation.component";
+import {MessageService} from "../../../utils/message/message.service";
 import {Router} from "@angular/router";
 import {MatDialog} from "@angular/material/dialog";
-import {PopupConfirmationComponent} from "../popup-confirmation/popup-confirmation.component";
-import {ThemeService} from "../../../utils/services/theme/theme.service";
-import {User} from "../../../utils/interfaces/user";
+import {ThemeService} from "../../../utils/theme/theme.service";
 
 
 
 @Component({
-    selector: 'app-page-register',
-    templateUrl: './page-register.component.html',
-    styleUrls: ['./page-register.component.scss']
+  selector: 'app-page-register',
+  templateUrl: './page-register.component.html',
+  styleUrls: ['./page-register.component.scss']
 })
 export class PageRegisterComponent
 {
@@ -19,7 +18,7 @@ export class PageRegisterComponent
     confirmPassword: string = "";
     hasError: boolean = false;
     errorMessage: string = "";
-    user: User = {
+    user = {
         _id: "",
         login: "",
         hashPass: "",

admin/src/app/beforeConnexion/register/popup-confirmation/popup-confirmation.component.ts

@@ -1,12 +1,10 @@
 import {Component, Inject} from '@angular/core';
 import {MAT_DIALOG_DATA, MatDialogRef} from "@angular/material/dialog";
 
-
-
 @Component({
-    selector: 'app-popup-confirmation',
-    templateUrl: './popup-confirmation.component.html',
-    styleUrls: ['./popup-confirmation.component.scss']
+  selector: 'app-popup-confirmation',
+  templateUrl: './popup-confirmation.component.html',
+  styleUrls: ['./popup-confirmation.component.scss']
 })
 export class PopupConfirmationComponent
 {

admin/src/app/beforeConnexion/utils/navbar-before-connexion/navbar-before-connexion.component.ts

@@ -1,6 +1,5 @@
 import {Component, Input} from '@angular/core';
 
-
 @Component({
   selector: 'app-navbar-before-connexion',
   templateUrl: './navbar-before-connexion.component.html',

admin/src/app/utils/message/message.service.ts

@@ -1,9 +1,7 @@
 import { Injectable } from '@angular/core';
 import {HttpClient, HttpParams} from "@angular/common/http";
-import {environment} from "../../../../environments/environment";
 import {Observable} from "rxjs";
-
-
+import {environment} from "../../../environments/environment";
 
 @Injectable({
   providedIn: 'root'

admin/src/app/utils/profil/profil.service.ts

@@ -1,8 +1,7 @@
-import {Injectable} from '@angular/core';
-
+import { Injectable } from '@angular/core';
 
 @Injectable({
-    providedIn: 'root'
+  providedIn: 'root'
 })
 export class ProfilService
 {

admin/src/app/utils/theme/theme.service.ts

@@ -5,6 +5,7 @@ import { Injectable } from '@angular/core';
 })
 export class ThemeService
 {
+
     isLightTheme = true;
 
     getClassTheme(): string
@@ -12,4 +13,5 @@ export class ThemeService
         if(this.isLightTheme) return "lightTheme" ;
         else return "darkTheme"
     }
+
 }

admin/src/environments/environment.prod.ts

@@ -0,0 +1,4 @@
+export const environment = {
+    production: true,
+    debutUrl: "https://polynotfound.herokuapp.com/api/"
+};

admin/src/environments/environment.ts

@@ -1,5 +1,5 @@
 // This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// `ng build` replaces `environment.ts` with `environment.prod.ts`.
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
@@ -14,4 +14,4 @@ export const environment = {
  * This import should be commented out in production mode because it will have a negative impact
  * on performance if an error is thrown.
  */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

admin/src/index.html

@@ -6,9 +6,6 @@
   <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="assets/logo.png">
-  <link rel="preconnect" href="https://fonts.gstatic.com">
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 </head>
 <body>
   <app-root></app-root>

admin/src/polyfills.ts

@@ -57,9 +57,9 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone';  // Included with Angular CLI.
+import 'zone.js';  // Included with Angular CLI.
+
 
 /***************************************************************************************************
  * APPLICATION IMPORTS
  */
-import '@angular/localize/init';

admin/src/styles.scss

@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */

admin/src/test.ts

@@ -1,6 +1,6 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,
@@ -17,8 +17,10 @@ declare const require: {
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
+  platformBrowserDynamicTesting(),
+  { teardown: { destroyAfterEach: true }},
 );
+
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);
 // And load the modules.