|
1 | | -import { Component, EventEmitter, OnDestroy, OnInit, Output } from '@angular/core'; |
| 1 | +import { |
| 2 | + Component, |
| 3 | + EventEmitter, |
| 4 | + OnDestroy, |
| 5 | + OnInit, |
| 6 | + Output, |
| 7 | +} from '@angular/core'; |
2 | 8 | import { Title } from '@angular/platform-browser'; |
3 | 9 | import { ActivatedRoute, Router } from '@angular/router'; |
4 | 10 | import { Application } from '@applications/application.model'; |
5 | 11 | import { ApplicationService } from '@applications/application.service'; |
| 12 | +import { environment } from '@environments/environment'; |
6 | 13 | import { TranslateService } from '@ngx-translate/core'; |
7 | 14 | import { DeleteDialogService } from '@shared/components/delete-dialog/delete-dialog.service'; |
| 15 | +import { DeviceType } from '@shared/enums/device-type'; |
8 | 16 | import { BackButton } from '@shared/models/back-button.model'; |
9 | 17 | import { DropdownButton } from '@shared/models/dropdown-button.model'; |
10 | 18 | import { MeService } from '@shared/services/me.service'; |
11 | 19 | import { Subscription } from 'rxjs'; |
12 | 20 |
|
13 | 21 | @Component({ |
14 | | - selector: 'app-application', |
15 | | - templateUrl: './application-detail.component.html', |
16 | | - styleUrls: ['./application-detail.component.scss'], |
| 22 | + selector: 'app-application', |
| 23 | + templateUrl: './application-detail.component.html', |
| 24 | + styleUrls: ['./application-detail.component.scss'], |
17 | 25 | }) |
18 | 26 | export class ApplicationDetailComponent implements OnInit, OnDestroy { |
19 | | - @Output() deleteApplication = new EventEmitter(); |
20 | | - public applicationsSubscription: Subscription; |
21 | | - private deleteDialogSubscription: Subscription; |
22 | | - public application: Application; |
23 | | - public backButton: BackButton = { label: '', routerLink: '/applications' }; |
24 | | - public id: number; |
25 | | - public dropdownButton: DropdownButton; |
26 | | - public errorMessage: string; |
27 | | - public canEdit = false; |
| 27 | + @Output() deleteApplication = new EventEmitter(); |
| 28 | + public applicationsSubscription: Subscription; |
| 29 | + public application: Application; |
| 30 | + public backButton: BackButton = { label: '', routerLink: '/applications' }; |
| 31 | + public id: number; |
| 32 | + public pageLimit = environment.tablePageSize; |
| 33 | + public dropdownButton: DropdownButton; |
| 34 | + public errorMessage: string; |
| 35 | + public canEdit = false; |
28 | 36 |
|
29 | | - constructor( |
30 | | - private applicationService: ApplicationService, |
31 | | - private route: ActivatedRoute, |
32 | | - public translate: TranslateService, |
33 | | - public router: Router, |
34 | | - private meService: MeService, |
35 | | - private titleService: Title, |
36 | | - private deleteDialogService: DeleteDialogService |
37 | | - ) { } |
| 37 | + constructor( |
| 38 | + private applicationService: ApplicationService, |
| 39 | + private route: ActivatedRoute, |
| 40 | + public translate: TranslateService, |
| 41 | + public router: Router, |
| 42 | + private meService: MeService, |
| 43 | + private titleService: Title, |
| 44 | + private deleteDialogService: DeleteDialogService |
| 45 | + ) {} |
38 | 46 |
|
39 | | - ngOnInit(): void { |
40 | | - this.id = +this.route.snapshot.paramMap.get('id'); |
41 | | - if (this.id) { |
42 | | - this.bindApplication(this.id); |
43 | | - this.dropdownButton = { |
44 | | - label: '', |
45 | | - editRouterLink: '../../edit-application/' + this.id, |
46 | | - isErasable: true, |
47 | | - }; |
| 47 | + ngOnInit(): void { |
| 48 | + this.id = +this.route.snapshot.paramMap.get('id'); |
| 49 | + if (this.id) { |
| 50 | + this.bindApplication(this.id); |
| 51 | + this.dropdownButton = { |
| 52 | + label: '', |
| 53 | + editRouterLink: '../../edit-application/' + this.id, |
| 54 | + isErasable: true, |
| 55 | + }; |
48 | 56 |
|
49 | | - console.log(this.id); |
50 | | - } |
51 | | - |
52 | | - this.translate.get(['NAV.APPLICATIONS', 'APPLICATION-TABLE-ROW.SHOW-OPTIONS', 'TITLE.APPLICATION']) |
53 | | - .subscribe(translations => { |
54 | | - this.backButton.label = translations['NAV.APPLICATIONS']; |
55 | | - this.dropdownButton.label = translations['APPLICATION-TABLE-ROW.SHOW-OPTIONS']; |
56 | | - this.titleService.setTitle(translations['TITLE.APPLICATION']); |
57 | | - }); |
58 | | - this.canEdit = this.meService.canWriteInTargetOrganization(); |
| 57 | + console.log(this.id); |
59 | 58 | } |
60 | 59 |
|
61 | | - onDeleteApplication() { |
62 | | - let message: string; |
63 | | - if (this.applicationHasDevices()) { |
64 | | - message = this.translate.instant('APPLICATION.DELETE-HAS-DEVICES-PROMPT'); |
65 | | - } |
66 | | - |
67 | | - this.deleteDialogSubscription = this.deleteDialogService.showSimpleDialog(message).subscribe( |
68 | | - (response) => { |
69 | | - if (response) { |
70 | | - this.applicationService.deleteApplication(this.application.id).subscribe((response) => { |
71 | | - if (response.ok && response.body.affected > 0) { |
72 | | - console.log('delete application with id:' + this.application.id.toString()); |
73 | | - this.router.navigate(['applications']); |
74 | | - } else { |
75 | | - this.errorMessage = response?.error?.message; |
76 | | - } |
77 | | - }); |
78 | | - } else { |
79 | | - console.log(response); |
80 | | - } |
81 | | - } |
82 | | - ); |
83 | | - } |
| 60 | + this.translate |
| 61 | + .get([ |
| 62 | + 'NAV.APPLICATIONS', |
| 63 | + 'APPLICATION-TABLE-ROW.SHOW-OPTIONS', |
| 64 | + 'TITLE.APPLICATION', |
| 65 | + ]) |
| 66 | + .subscribe((translations) => { |
| 67 | + this.backButton.label = translations['NAV.APPLICATIONS']; |
| 68 | + this.dropdownButton.label = |
| 69 | + translations['APPLICATION-TABLE-ROW.SHOW-OPTIONS']; |
| 70 | + this.titleService.setTitle(translations['TITLE.APPLICATION']); |
| 71 | + }); |
| 72 | + this.canEdit = this.meService.canWriteInTargetOrganization(); |
| 73 | + } |
84 | 74 |
|
85 | | - applicationHasDevices(): boolean { |
86 | | - return this.application.iotDevices?.length > 0; |
87 | | - } |
| 75 | + onDeleteApplication() { |
| 76 | + this.deleteDialogService |
| 77 | + .showApplicationDialog(this.application) |
| 78 | + .subscribe((response) => { |
| 79 | + if (response) { |
| 80 | + this.applicationService |
| 81 | + .deleteApplication(this.application.id) |
| 82 | + .subscribe((response) => { |
| 83 | + if (response.ok && response.body.affected > 0) { |
| 84 | + console.log( |
| 85 | + 'delete application with id:' + this.application.id.toString() |
| 86 | + ); |
| 87 | + this.router.navigate(['applications']); |
| 88 | + } else { |
| 89 | + this.errorMessage = response?.error?.message; |
| 90 | + } |
| 91 | + }); |
| 92 | + } else { |
| 93 | + console.log(response); |
| 94 | + } |
| 95 | + }); |
| 96 | + } |
88 | 97 |
|
89 | | - bindApplication(id: number): void { |
90 | | - this.applicationsSubscription = this.applicationService.getApplication(id).subscribe((application) => { |
91 | | - this.application = application; |
92 | | - }); |
93 | | - } |
| 98 | + bindApplication(id: number): void { |
| 99 | + this.applicationsSubscription = this.applicationService |
| 100 | + .getApplication(id) |
| 101 | + .subscribe((application) => { |
| 102 | + this.application = application; |
| 103 | + }); |
| 104 | + } |
94 | 105 |
|
95 | | - ngOnDestroy() { |
96 | | - if (this.applicationsSubscription) { |
97 | | - this.applicationsSubscription.unsubscribe(); |
98 | | - } |
99 | | - if (this.deleteDialogSubscription) { |
100 | | - this.deleteDialogSubscription.unsubscribe(); |
101 | | - } |
| 106 | + ngOnDestroy() { |
| 107 | + if (this.applicationsSubscription) { |
| 108 | + this.applicationsSubscription.unsubscribe(); |
102 | 109 | } |
| 110 | + } |
103 | 111 | } |
0 commit comments