commencement des pages 'connexion' et 'register'

src/app/app-routing.module.ts

@@ -1,11 +1,14 @@
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import {PageConnexionComponent} from './page-connexion/page-connexion.component';
+import {PageConnexionComponent} from './pourLes3Roles/page-connexion/page-connexion.component';
-import {PageRegisterComponent} from './page-register/page-register.component';
+import {PageRegisterComponent} from './pourLes3Roles/register/page-register/page-register.component';
+import {PageSearchComponent} from "./user/page-search/page-search.component";
 
 const routes: Routes = [
+    { path: '', component: PageConnexionComponent },
     { path: 'connexion', component: PageConnexionComponent },
-  { path: 'register', component: PageRegisterComponent }
+    { path: 'register', component: PageRegisterComponent },
+    { path: 'search', component: PageSearchComponent }
 ];
 
 @NgModule({

src/app/app.module.ts

@@ -3,11 +3,17 @@ import { BrowserModule } from '@angular/platform-browser';
 
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
-import { PageConnexionComponent } from './page-connexion/page-connexion.component';
+import { PageConnexionComponent } from './pourLes3Roles/page-connexion/page-connexion.component';
-import { PageRegisterComponent } from './page-register/page-register.component';
+import { PageRegisterComponent } from './pourLes3Roles/register/page-register/page-register.component';
-import { NavBarComponent } from './nav-bar/nav-bar.component';
+import { NavBarComponent } from './utils/nav-bar/nav-bar.component';
 import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
 import {MatSlideToggleModule} from '@angular/material/slide-toggle';
+import {FormsModule} from "@angular/forms";
+import { PageSearchComponent } from './user/page-search/page-search.component';
+import {HttpClientModule} from "@angular/common/http";
+import { PopupConfirmationComponent } from './pourLes3Roles/register/popup-confirmation/popup-confirmation.component';
+import {MatDialogModule} from '@angular/material/dialog';
+import {MatButtonModule} from "@angular/material/button";
 
 
 @NgModule({
@@ -15,13 +21,19 @@ import {MatSlideToggleModule} from '@angular/material/slide-toggle';
     AppComponent,
     PageConnexionComponent,
     PageRegisterComponent,
-    NavBarComponent
+    NavBarComponent,
+    PageSearchComponent,
+    PopupConfirmationComponent
   ],
     imports: [
         BrowserModule,
         AppRoutingModule,
         BrowserAnimationsModule,
-    MatSlideToggleModule
+        MatSlideToggleModule,
+        FormsModule,
+        HttpClientModule,
+        MatDialogModule,
+        MatButtonModule
     ],
   providers: [],
   bootstrap: [AppComponent]

src/app/user/page-search/page-search.component.html

@@ -0,0 +1 @@
+<p>page-search works!</p>

src/app/user/page-search/page-search.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { PageSearchComponent } from './page-search.component';
+
+describe('PageSearchComponent', () => {
+  let component: PageSearchComponent;
+  let fixture: ComponentFixture<PageSearchComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ PageSearchComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(PageSearchComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/user/page-search/page-search.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-page-search',
+  templateUrl: './page-search.component.html',
+  styleUrls: ['./page-search.component.scss']
+})
+export class PageSearchComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

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

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { MessageService } from './message.service';
+
+describe('MessageService', () => {
+  let service: MessageService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(MessageService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,18 @@
+import { Injectable } from '@angular/core';
+import {HttpClient} from "@angular/common/http";
+import {environment} from "../../../environments/environment";
+import {Observable} from "rxjs";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class MessageService
+{
+    constructor( private http: HttpClient ) { }
+
+    sendMessage( url, data ): Observable<any>
+    {
+        const urlComplete = environment.debutUrl + url ;
+        return this.http.post<any>( urlComplete, data, {withCredentials: true} );
+    }
+}

src/environments/environment.ts

@@ -3,7 +3,8 @@
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
-  production: false
+    production: false,
+    debutUrl: "http://127.0.0.1/backend/"
 };
 
 /*