frontend: update error component to provide admin navigation to console
This commit is contained in:
parent
5ab0319302
commit
4da04fb460
@ -11,11 +11,15 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="error-actions">
|
<div class="error-actions">
|
||||||
<button mat-flat-button color="primary" (click)="goBack()" class="action-button">
|
@if (isAdmin) {
|
||||||
|
<div class="fade-in-delayed-more">
|
||||||
|
<button mat-button (click)="goToConsole()">
|
||||||
<mat-icon>arrow_back</mat-icon>
|
<mat-icon>arrow_back</mat-icon>
|
||||||
Go Back
|
<span>Back to Console</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="error-illustration">
|
<div class="error-illustration">
|
||||||
|
|||||||
@ -3,8 +3,8 @@ import { MatButtonModule } from '@angular/material/button';
|
|||||||
import { MatCardModule } from '@angular/material/card';
|
import { MatCardModule } from '@angular/material/card';
|
||||||
import { MatIconModule } from '@angular/material/icon';
|
import { MatIconModule } from '@angular/material/icon';
|
||||||
import { ActivatedRoute, Router } from '@angular/router';
|
import { ActivatedRoute, Router } from '@angular/router';
|
||||||
import { Location } from '@angular/common';
|
|
||||||
import { ErrorReason } from '@lib/models';
|
import { ErrorReason } from '@lib/models';
|
||||||
|
import { AuthService, NavigationService } from '@lib/services';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'ov-error',
|
selector: 'ov-error',
|
||||||
@ -19,7 +19,8 @@ export class ErrorComponent implements OnInit {
|
|||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
private route: ActivatedRoute,
|
private route: ActivatedRoute,
|
||||||
private location: Location
|
protected authService: AuthService,
|
||||||
|
protected navService: NavigationService
|
||||||
) {}
|
) {}
|
||||||
|
|
||||||
ngOnInit(): void {
|
ngOnInit(): void {
|
||||||
@ -71,7 +72,12 @@ export class ErrorComponent implements OnInit {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
goBack(): void {
|
get isAdmin(): boolean {
|
||||||
this.location.back();
|
return this.authService.isAdmin();
|
||||||
|
}
|
||||||
|
|
||||||
|
async goToConsole(): Promise<void> {
|
||||||
|
// Navigate to the admin console
|
||||||
|
await this.navService.redirectTo('/overview', false);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user