diff --git a/src/app/angular-material/angular-material.module.ts b/src/app/angular-material/angular-material.module.ts index 77d6c37..545b6db 100644 --- a/src/app/angular-material/angular-material.module.ts +++ b/src/app/angular-material/angular-material.module.ts @@ -3,9 +3,15 @@ import { CommonModule } from "@angular/common"; /*import { } from "@angular/material";//*/ - +import {MatCardModule} from '@angular/material/card'; +import { MatButtonModule } from '@angular/material/button'; +import {MatMenuModule} from '@angular/material/menu'; +import {MatIconModule} from '@angular/material/icon'; @NgModule({ - imports : [] + exports : [MatCardModule, + MatButtonModule, MatMenuModule, + MatIconModule + ] }) export class MaterialModule {} diff --git a/src/app/app.component.html b/src/app/app.component.html index 2451274..adcb685 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,6 +1,4 @@ - - -
- -
- + +
+ +
diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 42a51ae..0770c25 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -10,6 +10,9 @@ import { MaterialModule } from "./angular-material/angular-material.module"; import { HomeComponent, HomeAssistanteComponent, HomeCollaborateurComponent, HomeCommercialComponent, HomeRHComponent } from './home'; +import { NavMenuComponent, NavMenuAssistanteComponent, + NavMenuCollaborateurComponent, NavMenuCommercialComponent, NavMenuRHComponent } from "./nav-menu"; + import { environment } from '../environments/environment'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; @@ -18,13 +21,15 @@ let keycloakService: KeycloakService = new KeycloakService(); @NgModule({ declarations: [ AppComponent, HomeComponent, HomeAssistanteComponent - , HomeCollaborateurComponent, HomeCommercialComponent, HomeRHComponent + , HomeCollaborateurComponent, HomeCommercialComponent, HomeRHComponent, NavMenuComponent, + NavMenuAssistanteComponent, NavMenuCollaborateurComponent, NavMenuCommercialComponent, NavMenuRHComponent ], imports: [ BrowserModule, KeycloakAngularModule, AppRoutingModule, - BrowserAnimationsModule + BrowserAnimationsModule, + MaterialModule ], providers: [ { diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index 3f3f19d..f21a67d 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -1,5 +1,5 @@ - -

Bonjour {{ keycloakService.getKeycloakInstance().profile.firstName }} {{ keycloakService.getKeycloakInstance().profile.lastName }}

+ +

Bonjour

diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index f68aefc..7e12d92 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -2,10 +2,12 @@ import { Component, OnInit } from '@angular/core'; import { KeycloakService } from 'keycloak-angular'; +/* import { HomeAssistanteComponent } from './home-assistante/home-assistante.component'; import { HomeCollaborateurComponent } from './home-collaborateur/home-collaborateur.component'; import { HomeCommercialComponent } from './home-commercial/home-commercial.component'; import { HomeRHComponent } from './home-rh/home-rh.component'; +//*/ import { Role } from '../utils/roles'; @@ -22,9 +24,6 @@ export class HomeComponent implements OnInit { ngOnInit() { } - async logout() { - console.log("Disconnected button clicked"); - await this.keycloakService.logout(); - } + } diff --git a/src/app/nav-menu/index.ts b/src/app/nav-menu/index.ts new file mode 100644 index 0000000..e6bc727 --- /dev/null +++ b/src/app/nav-menu/index.ts @@ -0,0 +1,5 @@ +export * from "./nav-menu.component"; +export * from "./nav-menu-assistante/nav-menu-assistante.component"; +export * from "./nav-menu-collaborateur/nav-menu-collaborateur.component"; +export * from "./nav-menu-commercial/nav-menu-commercial.component"; +export * from "./nav-menu-rh/nav-menu-rh.component"; diff --git a/src/app/nav-menu/nav-menu-assistante/nav-menu-assistante.component.html b/src/app/nav-menu/nav-menu-assistante/nav-menu-assistante.component.html new file mode 100644 index 0000000..0012a0d --- /dev/null +++ b/src/app/nav-menu/nav-menu-assistante/nav-menu-assistante.component.html @@ -0,0 +1,9 @@ + + + + + + diff --git a/src/app/nav-menu/nav-menu-assistante/nav-menu-assistante.component.ts b/src/app/nav-menu/nav-menu-assistante/nav-menu-assistante.component.ts new file mode 100644 index 0000000..647e55d --- /dev/null +++ b/src/app/nav-menu/nav-menu-assistante/nav-menu-assistante.component.ts @@ -0,0 +1,8 @@ +import { Component } from "@angular/core"; + + +@Component({ + selector : "app-nav-menu-assistante", + templateUrl : "./nav-menu-assistante.component.html" +}) +export class NavMenuAssistanteComponent {} diff --git a/src/app/nav-menu/nav-menu-collaborateur/nav-menu-collaborateur.component.html b/src/app/nav-menu/nav-menu-collaborateur/nav-menu-collaborateur.component.html new file mode 100644 index 0000000..fe82208 --- /dev/null +++ b/src/app/nav-menu/nav-menu-collaborateur/nav-menu-collaborateur.component.html @@ -0,0 +1,2 @@ + + diff --git a/src/app/nav-menu/nav-menu-collaborateur/nav-menu-collaborateur.component.ts b/src/app/nav-menu/nav-menu-collaborateur/nav-menu-collaborateur.component.ts new file mode 100644 index 0000000..63aec62 --- /dev/null +++ b/src/app/nav-menu/nav-menu-collaborateur/nav-menu-collaborateur.component.ts @@ -0,0 +1,8 @@ +import { Component } from "@angular/core"; + + +@Component({ + selector : "app-nav-menu-collaborateur", + templateUrl : "./nav-menu-collaborateur.component.html" +}) +export class NavMenuCollaborateurComponent {} diff --git a/src/app/nav-menu/nav-menu-commercial/nav-menu-commercial.component.html b/src/app/nav-menu/nav-menu-commercial/nav-menu-commercial.component.html new file mode 100644 index 0000000..b0d798d --- /dev/null +++ b/src/app/nav-menu/nav-menu-commercial/nav-menu-commercial.component.html @@ -0,0 +1,10 @@ + + + + + + + diff --git a/src/app/nav-menu/nav-menu-commercial/nav-menu-commercial.component.ts b/src/app/nav-menu/nav-menu-commercial/nav-menu-commercial.component.ts new file mode 100644 index 0000000..89b73e4 --- /dev/null +++ b/src/app/nav-menu/nav-menu-commercial/nav-menu-commercial.component.ts @@ -0,0 +1,8 @@ +import { Component } from "@angular/core"; + + +@Component({ + selector : "app-nav-menu-commercial", + templateUrl : "./nav-menu-commercial.component.html" +}) +export class NavMenuCommercialComponent {} diff --git a/src/app/nav-menu/nav-menu-rh/nav-menu-rh.component.html b/src/app/nav-menu/nav-menu-rh/nav-menu-rh.component.html new file mode 100644 index 0000000..bd27326 --- /dev/null +++ b/src/app/nav-menu/nav-menu-rh/nav-menu-rh.component.html @@ -0,0 +1,16 @@ + + + + + + + + + + diff --git a/src/app/nav-menu/nav-menu-rh/nav-menu-rh.component.ts b/src/app/nav-menu/nav-menu-rh/nav-menu-rh.component.ts new file mode 100644 index 0000000..9409a0a --- /dev/null +++ b/src/app/nav-menu/nav-menu-rh/nav-menu-rh.component.ts @@ -0,0 +1,8 @@ +import { Component } from "@angular/core"; + + +@Component({ + selector : "app-nav-menu-rh", + templateUrl : "./nav-menu-rh.component.html" +}) +export class NavMenuRHComponent {} diff --git a/src/app/nav-menu/nav-menu.component.html b/src/app/nav-menu/nav-menu.component.html new file mode 100644 index 0000000..751d3b0 --- /dev/null +++ b/src/app/nav-menu/nav-menu.component.html @@ -0,0 +1,23 @@ +
+ + + + + + + + + + + + + + + + + + +
diff --git a/src/app/nav-menu/nav-menu.component.ts b/src/app/nav-menu/nav-menu.component.ts new file mode 100644 index 0000000..aa90af7 --- /dev/null +++ b/src/app/nav-menu/nav-menu.component.ts @@ -0,0 +1,21 @@ +import { Component } from '@angular/core'; +import { KeycloakService } from 'keycloak-angular'; + +import { Role } from '../utils/roles'; + +@Component({ + selector: 'app-nav-menu', + templateUrl: './nav-menu.component.html', +}) +export class NavMenuComponent { + + role = Role; + constructor(public keycloakService : KeycloakService){} + + isExpanded = false; + + async logout() { + await this.keycloakService.logout(); + } + +} diff --git a/src/assets/img/logo.png b/src/assets/img/logo.png new file mode 100644 index 0000000..db8c1d0 Binary files /dev/null and b/src/assets/img/logo.png differ diff --git a/src/favicon.ico b/src/favicon.ico index 997406a..43f1650 100644 Binary files a/src/favicon.ico and b/src/favicon.ico differ