1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
import { HttpClient } from '@angular/common/http';
import { Component, HostListener, OnDestroy, OnInit } from '@angular/core';
import { NavigationEnd, Router, RouterEvent } from '@angular/router';
import { Subscription } from 'rxjs';
import { filter } from 'rxjs/operators';
import { NotificationType } from '~/app/shared/enum/notification-type.enum';
import { DocService } from '~/app/shared/services/doc.service';
import { NotificationService } from '~/app/shared/services/notification.service';
@Component({
selector: 'cd-error',
templateUrl: './error.component.html',
styleUrls: ['./error.component.scss']
})
export class ErrorComponent implements OnDestroy, OnInit {
header: string;
message: string;
section: string;
sectionInfo: string;
icon: string;
docUrl: string;
source: string;
routerSubscription: Subscription;
uiConfig: string;
uiApiPath: string;
buttonRoute: string;
buttonName: string;
buttonTitle: string;
component: string;
constructor(
private router: Router,
private docService: DocService,
private http: HttpClient,
private notificationService: NotificationService
) {}
ngOnInit() {
this.fetchData();
this.routerSubscription = this.router.events
.pipe(filter((event: RouterEvent) => event instanceof NavigationEnd))
.subscribe(() => {
this.fetchData();
});
}
doConfigure() {
this.http.post(`ui-api/${this.uiApiPath}/configure`, {}).subscribe({
next: () => {
this.notificationService.show(NotificationType.info, `Configuring ${this.component}`);
},
error: (error: any) => {
this.notificationService.show(NotificationType.error, error);
},
complete: () => {
setTimeout(() => {
this.router.navigate([this.uiApiPath]);
this.notificationService.show(NotificationType.success, `Configured ${this.component}`);
}, 3000);
}
});
}
@HostListener('window:beforeunload', ['$event']) unloadHandler(event: Event) {
event.returnValue = false;
}
fetchData() {
try {
this.router.onSameUrlNavigation = 'reload';
this.message = history.state.message;
this.header = history.state.header;
this.section = history.state.section;
this.sectionInfo = history.state.section_info;
this.icon = history.state.icon;
this.source = history.state.source;
this.uiConfig = history.state.uiConfig;
this.uiApiPath = history.state.uiApiPath;
this.buttonRoute = history.state.button_route;
this.buttonName = history.state.button_name;
this.buttonTitle = history.state.button_title;
this.component = history.state.component;
this.docUrl = this.docService.urlGenerator(this.section);
} catch (error) {
this.router.navigate(['/error']);
}
}
ngOnDestroy() {
if (this.routerSubscription) {
this.routerSubscription.unsubscribe();
}
}
}
|