sandre/SkydiveLogs
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Changement de style du login

Browse Source
This commit is contained in:
Sébastien André
2020-04-05 13:17:59 +02:00
parent 3fb3726986
commit 8dcc2bd0b4
4 changed files with 36 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
Front/skydivelogs-app/src/app/app.module.ts
View File

@@ -49,6 +49,7 @@ import { MatSelectModule } from "@angular/material/select";
import { MatTableModule } from "@angular/material/table"; import { MatTableModule } from "@angular/material/table";
import { MatTabsModule } from "@angular/material/tabs"; import { MatTabsModule } from "@angular/material/tabs";
import { MatDialogModule } from "@angular/material/dialog"; import { MatDialogModule } from "@angular/material/dialog";
import { MatCardModule } from "@angular/material/card";
import { CachingInterceptor } from "../interceptor/caching.interceptor"; import { CachingInterceptor } from "../interceptor/caching.interceptor";
//import { BasicAuthInterceptor } from '../interceptor/basic-auth.interceptor'; //import { BasicAuthInterceptor } from '../interceptor/basic-auth.interceptor';
@@ -61,42 +62,42 @@ const appRoutes: Routes = [
{ {
path: "summary", path: "summary",
component: SummaryComponent, component: SummaryComponent,
canActivate: [AuthGuardService] canActivate: [AuthGuardService],
}, },
{ {
path: "jumps", path: "jumps",
component: ListOfJumpsComponent, component: ListOfJumpsComponent,
canActivate: [AuthGuardService] canActivate: [AuthGuardService],
}, },
{ {
path: "dzs", path: "dzs",
component: ListOfDzsComponent, component: ListOfDzsComponent,
canActivate: [AuthGuardService] canActivate: [AuthGuardService],
}, },
{ {
path: "newjump", path: "newjump",
component: NewJumpComponent, component: NewJumpComponent,
canActivate: [AuthGuardService] canActivate: [AuthGuardService],
}, },
{ {
path: "aircrafts", path: "aircrafts",
component: ListOfAircraftsComponent, component: ListOfAircraftsComponent,
canActivate: [AuthGuardService] canActivate: [AuthGuardService],
}, },
{ {
path: "jumpTypes", path: "jumpTypes",
component: ListOfJumpTypesComponent, component: ListOfJumpTypesComponent,
canActivate: [AuthGuardService] canActivate: [AuthGuardService],
}, },
{ {
path: "gears", path: "gears",
component: ListOfGearsComponent, component: ListOfGearsComponent,
canActivate: [AuthGuardService] canActivate: [AuthGuardService],
}, },
{ path: "login", component: LoginComponent }, { path: "login", component: LoginComponent },
{ path: "**", redirectTo: "" } { path: "**", redirectTo: "" },
]; ];
@NgModule({ @NgModule({
@@ -116,7 +117,7 @@ const appRoutes: Routes = [
DefaultComponent, DefaultComponent,
LoginComponent, LoginComponent,
CreateUserComponent, CreateUserComponent,
LoginUserComponent LoginUserComponent,
], ],
imports: [ imports: [
RouterModule.forRoot( RouterModule.forRoot(
@@ -141,7 +142,8 @@ const appRoutes: Routes = [
MatAutocompleteModule, MatAutocompleteModule,
MatProgressSpinnerModule, MatProgressSpinnerModule,
MatTabsModule, MatTabsModule,
MatDialogModule MatDialogModule,
MatCardModule,
], ],
exports: [HttpClientModule], exports: [HttpClientModule],
providers: [ providers: [
@@ -156,8 +158,8 @@ const appRoutes: Routes = [
RequestCache, RequestCache,
// { provide: HTTP_INTERCEPTORS, useClass: CachingInterceptor, multi: true } // { provide: HTTP_INTERCEPTORS, useClass: CachingInterceptor, multi: true }
{ provide: HTTP_INTERCEPTORS, useClass: JwtAuthInterceptor, multi: true }, { provide: HTTP_INTERCEPTORS, useClass: JwtAuthInterceptor, multi: true },
{ provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true } { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true },
], ],
bootstrap: [AppComponent] bootstrap: [AppComponent],
}) })
export class AppModule {} export class AppModule {}

2
Front/skydivelogs-app/src/app/create-user/create-user.component.html
View File

@@ -1,4 +1,4 @@
<form [formGroup]="createForm" (ngSubmit)="onCreateSubmit()" autocomplete="off"> <form [formGroup]="createForm" (ngSubmit)="onCreateSubmit()" autocomplete="off" style="padding: 10px;">
<p> <p>
<mat-form-field> <mat-form-field>
<mat-label>Firstname</mat-label> <mat-label>Firstname</mat-label>

2
Front/skydivelogs-app/src/app/login-user/login-user.component.html
View File

@@ -1,4 +1,4 @@
<form [formGroup]="loginForm" (ngSubmit)="onLoginSubmit()" autocomplete="off"> <form [formGroup]="loginForm" (ngSubmit)="onLoginSubmit()" autocomplete="off" style="padding: 10px;">
<p> <p>
<mat-form-field> <mat-form-field>
<mat-label>Username</mat-label> <mat-label>Username</mat-label>

22
Front/skydivelogs-app/src/app/login/login.component.html
View File

@@ -1,4 +1,4 @@
<div class="col-md-4 offset-md-4 mt-5"> <!-- <div class="col-md-4 offset-md-4 mt-5">
<div class="card"> <div class="card">
<h4 class="card-header">Login to the Skydive log</h4> <h4 class="card-header">Login to the Skydive log</h4>
<div class="card-body"> <div class="card-body">
@@ -14,4 +14,22 @@
</div> </div>
</div> </div>
</div> </div> -->
<mat-card style="max-width: 500px;">
<mat-card-header>
<mat-card-title>Login to the Skydive log</mat-card-title>
</mat-card-header>
<mat-card-content>
<mat-tab-group mat-align-tabs="center" animationDuration="0ms">
<mat-tab label="Login with a user">
<app-login-user></app-login-user>
</mat-tab>
<mat-tab label="Create and login a user">
<app-create-user></app-create-user>
</mat-tab>
</mat-tab-group>
</mat-card-content>
</mat-card>