Profil utilisateur

Author: AdonisVienet

src/app/app.module.ts

@@ -18,6 +18,8 @@ import { GarageService } from './services/garage.service';
 import { TerrainService } from './services/terrain.service';
 import { VisiteService } from './services/visite.service';
 import { AppService } from './app.service';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatIconModule } from '@angular/material/icon';
 
 @NgModule({
   imports: [
@@ -27,7 +29,9 @@ import { AppService } from './app.service';
     ReactiveFormsModule,
     RouterModule,
     AppRoutingModule,
-    ComponentsModule
+    ComponentsModule,
+    MatMenuModule,
+    MatIconModule
   ],
   declarations: [
     AppComponent,

src/app/app.routing.ts

@@ -13,11 +13,11 @@ import { QuestionComponent } from './components/question/question.component';
 import { RoleComponent } from './components/role/role.component';
 import { TerrainComponent } from './components/terrain/terrain.component';
 import { UtilisateurComponent } from './components/utilisateur/utilisateur.component';
-import { VisiteComponent } from './components/visite/visite.component';
+import { VisiteComponent } from './components/utilisateur/visite/visite.component';
 import { LoginComponent } from './components/login/login.component';
 import { DashboardComponent } from './dashboard/dashboard.component';
 
-const routes: Routes =[
+const routes: Routes = [
   {
     path: '',
     redirectTo: 'login',

src/app/app.service.ts

@@ -5,40 +5,45 @@ import { Router } from '@angular/router';
 @Injectable({
   providedIn: 'root'
 })
+
 export class AppService {
   // Authentification
-  authenticated=false;
+  authenticated = false;
   responseAll: any;
   // Autorisation :
   isAdmin = false;
   isGerant = false;
   isClient = false;
-  constructor(private httpClient:HttpClient, private router:Router) { }
+  // Step 1
+  idUser: any;
+  constructor(private httpClient: HttpClient, private router: Router) { }
 
-  authenticate(credentials:any,callback:any){
+  authenticate(credentials: any, callback: any) {
     const headersAgency = new HttpHeaders(
       credentials ? {
-        authorization : 'Basic ' + btoa(credentials.username+ ':' +credentials.password)
+        authorization: 'Basic ' + btoa(credentials.username + ':' + credentials.password)
       } : {}
     );
-    this.httpClient.get('http://localhost:8080/login/user',{headers:headersAgency}).subscribe(response => {
+    this.httpClient.get('http://localhost:8080/login/user', { headers: headersAgency }).subscribe(response => {
       this.responseAll = response; // objet = utilisateur
-      console.log("responseAll="+this.responseAll);
-      if(this.responseAll['username']){
+      console.log("responseAll=" + this.responseAll);
+      // Step 2
+      this.idUser = this.responseAll['idUtilisateur'];
+      if (this.responseAll['username']) {
         this.authenticated = true;
         // vérification des profils :
-        for(let i=0;i<this.responseAll['roles'].length;i++){
-          if(this.responseAll['roles'][i]['idRole']==1){
+        for (let i = 0; i < this.responseAll['roles'].length; i++) {
+          if (this.responseAll['roles'][i]['idRole'] == 1) {
             this.isAdmin = true;
           }
-          if(this.responseAll['roles'][i]['idRole']==2){
+          if (this.responseAll['roles'][i]['idRole'] == 2) {
             this.isGerant = true;
           }
-          if(this.responseAll['roles'][i]['idRole']==3){
+          if (this.responseAll['roles'][i]['idRole'] == 3) {
             this.isClient = true;
           }
         }
-      }else{
+      } else {
         this.authenticated = false;
       }
       return callback && callback();

src/app/components/components.module.ts

@@ -14,7 +14,7 @@ import { OffreComponent } from './offre/offre.component';
 import { QuestionComponent } from './question/question.component';
 import { RoleComponent } from './role/role.component';
 import { TerrainComponent } from './terrain/terrain.component';
-import { VisiteComponent } from './visite/visite.component';
+import { VisiteComponent } from './utilisateur/visite/visite.component';
 import { LoginComponent } from 'app/components/login/login.component';
 import { FormsModule } from '@angular/forms';
 

src/app/components/visite/visite.component.html renamed to src/app/components/utilisateur/visite/visite.component.html

@@ -6,6 +6,7 @@
     <br>
     <br>
     <br>
+    <h1>Hello {{user.prenomUtilisateur}}</h1>
     <div style="position: relative; left: 10px; background-color: white; border-color: black; border-width: thick;">
         <table>
             <th>