Fix for login page issues

This commit is contained in:
piotrpekala7 2021-05-07 19:46:46 +02:00
parent f7a3df27b8
commit 06ad9c2f07
5 changed files with 22 additions and 4 deletions

View File

@ -27,5 +27,9 @@
<button class="loginButton" mat-raised-button color="primary" (click)="login()">Login</button>
</div>
</mat-card>
<div class="errorMessage">
<mat-error *ngIf="loginError">Authentication was unsuccessful</mat-error>
</div>
</div>
</div>

View File

@ -12,8 +12,8 @@ mat-form-field {
}
.mat-icon-login {
height: 200px!important;
width: 200px!important;
height: 100px!important;
width: 100px!important;
}
.loginTitle {
@ -29,3 +29,9 @@ mat-form-field {
.loginButton {
width: 100%;
}
.errorMessage {
display: flex;
justify-content: center;
margin-top: 20px;
}

View File

@ -21,6 +21,7 @@ export class LoginComponent implements OnInit {
private server: Server;
public version: string;
public isLightThemeEnabled: boolean = false;
public loginError: boolean = false;
loginForm = new FormGroup({
username: new FormControl('', [Validators.required]),
@ -72,6 +73,8 @@ export class LoginComponent implements OnInit {
await this.serverService.update(server);
this.router.navigate(['/server', this.server.id, 'projects']);
}, error => {
this.loginError = true;
});
}
}

View File

@ -8,13 +8,13 @@
Projects
</button>
<button *ngIf="recentlyOpenedProjectId && recentlyOpenedServerId" mat-button (click)="backToProject()">
<button *ngIf="recentlyOpenedProjectId && recentlyOpenedServerId && !isLoginPage" mat-button (click)="backToProject()">
Back to project
</button>
<span class="fill-space"></span>
<button mat-button [matMenuTriggerFor]="menu">
<button mat-button *ngIf="!isLoginPage" [matMenuTriggerFor]="menu">
<mat-icon>more_vert</mat-icon>
</button>

View File

@ -20,6 +20,7 @@ import { Server } from '../../models/server';
export class DefaultLayoutComponent implements OnInit, OnDestroy {
public isInstalledSoftwareAvailable = false;
public uiVersion = version;
public isLoginPage = false;
serverStatusSubscription: Subscription;
shouldStopServersOnClosing = true;
@ -40,6 +41,10 @@ export class DefaultLayoutComponent implements OnInit, OnDestroy {
) {}
ngOnInit() {
if (this.router.url.includes("login")) {
this.isLoginPage = true;
};
this.recentlyOpenedServerId = this.recentlyOpenedProjectService.getServerId();
this.recentlyOpenedProjectId = this.recentlyOpenedProjectService.getProjectId();
this.serverIdProjectList = this.recentlyOpenedProjectService.getServerIdProjectList();