]>
Commit | Line | Data |
---|---|---|
11fdf7f2 | 1 | import { Component, OnDestroy, OnInit } from '@angular/core'; |
2a845540 | 2 | import { FormControl } from '@angular/forms'; |
11fdf7f2 | 3 | |
f67539c2 | 4 | import { NgbModalRef } from '@ng-bootstrap/ng-bootstrap'; |
11fdf7f2 TL |
5 | import { Subscription } from 'rxjs'; |
6 | ||
f67539c2 TL |
7 | import { Pool } from '~/app/ceph/pool/pool'; |
8 | import { RbdMirroringService } from '~/app/shared/api/rbd-mirroring.service'; | |
9 | import { Icons } from '~/app/shared/enum/icons.enum'; | |
10 | import { ViewCacheStatus } from '~/app/shared/enum/view-cache-status.enum'; | |
2a845540 | 11 | import { CdFormGroup } from '~/app/shared/forms/cd-form-group'; |
f67539c2 TL |
12 | import { CdTableAction } from '~/app/shared/models/cd-table-action'; |
13 | import { CdTableSelection } from '~/app/shared/models/cd-table-selection'; | |
2a845540 | 14 | import { FinishedTask } from '~/app/shared/models/finished-task'; |
f67539c2 TL |
15 | import { Permission } from '~/app/shared/models/permissions'; |
16 | import { AuthStorageService } from '~/app/shared/services/auth-storage.service'; | |
17 | import { ModalService } from '~/app/shared/services/modal.service'; | |
2a845540 | 18 | import { TaskWrapperService } from '~/app/shared/services/task-wrapper.service'; |
9f95a23c TL |
19 | import { BootstrapCreateModalComponent } from '../bootstrap-create-modal/bootstrap-create-modal.component'; |
20 | import { BootstrapImportModalComponent } from '../bootstrap-import-modal/bootstrap-import-modal.component'; | |
11fdf7f2 TL |
21 | |
22 | @Component({ | |
23 | selector: 'cd-mirroring', | |
24 | templateUrl: './overview.component.html', | |
25 | styleUrls: ['./overview.component.scss'] | |
26 | }) | |
27 | export class OverviewComponent implements OnInit, OnDestroy { | |
2a845540 | 28 | rbdmirroringForm: CdFormGroup; |
9f95a23c TL |
29 | permission: Permission; |
30 | tableActions: CdTableAction[]; | |
31 | selection = new CdTableSelection(); | |
f67539c2 | 32 | modalRef: NgbModalRef; |
9f95a23c TL |
33 | peersExist = true; |
34 | siteName: any; | |
11fdf7f2 | 35 | status: ViewCacheStatus; |
1911f103 | 36 | private subs = new Subscription(); |
2a845540 TL |
37 | editing = false; |
38 | ||
39 | icons = Icons; | |
11fdf7f2 | 40 | |
9f95a23c TL |
41 | constructor( |
42 | private authStorageService: AuthStorageService, | |
43 | private rbdMirroringService: RbdMirroringService, | |
2a845540 TL |
44 | private modalService: ModalService, |
45 | private taskWrapper: TaskWrapperService | |
9f95a23c TL |
46 | ) { |
47 | this.permission = this.authStorageService.getPermissions().rbdMirroring; | |
48 | ||
9f95a23c TL |
49 | const createBootstrapAction: CdTableAction = { |
50 | permission: 'update', | |
51 | icon: Icons.upload, | |
52 | click: () => this.createBootstrapModal(), | |
f67539c2 | 53 | name: $localize`Create Bootstrap Token`, |
2a845540 | 54 | canBePrimary: () => true, |
9f95a23c TL |
55 | disable: () => false |
56 | }; | |
57 | const importBootstrapAction: CdTableAction = { | |
58 | permission: 'update', | |
59 | icon: Icons.download, | |
60 | click: () => this.importBootstrapModal(), | |
f67539c2 | 61 | name: $localize`Import Bootstrap Token`, |
39ae355f | 62 | disable: () => false |
9f95a23c | 63 | }; |
2a845540 | 64 | this.tableActions = [createBootstrapAction, importBootstrapAction]; |
9f95a23c | 65 | } |
11fdf7f2 TL |
66 | |
67 | ngOnInit() { | |
2a845540 | 68 | this.createForm(); |
1911f103 TL |
69 | this.subs.add(this.rbdMirroringService.startPolling()); |
70 | this.subs.add( | |
f6b5b4d7 | 71 | this.rbdMirroringService.subscribeSummary((data) => { |
1911f103 | 72 | this.status = data.content_data.status; |
1911f103 TL |
73 | this.peersExist = !!data.content_data.pools.find((o: Pool) => o['peer_uuids'].length > 0); |
74 | }) | |
75 | ); | |
2a845540 TL |
76 | this.rbdMirroringService.getSiteName().subscribe((response: any) => { |
77 | this.siteName = response.site_name; | |
78 | this.rbdmirroringForm.get('siteName').setValue(this.siteName); | |
79 | }); | |
80 | } | |
81 | ||
82 | private createForm() { | |
83 | this.rbdmirroringForm = new CdFormGroup({ | |
84 | siteName: new FormControl({ value: '', disabled: true }) | |
85 | }); | |
11fdf7f2 TL |
86 | } |
87 | ||
88 | ngOnDestroy(): void { | |
89 | this.subs.unsubscribe(); | |
90 | } | |
9f95a23c | 91 | |
2a845540 TL |
92 | updateSiteName() { |
93 | if (this.editing) { | |
94 | const action = this.taskWrapper.wrapTaskAroundCall({ | |
95 | task: new FinishedTask('rbd/mirroring/site_name/edit', {}), | |
96 | call: this.rbdMirroringService.setSiteName(this.rbdmirroringForm.getValue('siteName')) | |
97 | }); | |
98 | ||
99 | action.subscribe({ | |
100 | complete: () => { | |
101 | this.rbdMirroringService.refresh(); | |
102 | } | |
103 | }); | |
104 | } | |
105 | this.editing = !this.editing; | |
9f95a23c TL |
106 | } |
107 | ||
108 | createBootstrapModal() { | |
109 | const initialState = { | |
110 | siteName: this.siteName | |
111 | }; | |
f67539c2 | 112 | this.modalRef = this.modalService.show(BootstrapCreateModalComponent, initialState); |
9f95a23c TL |
113 | } |
114 | ||
115 | importBootstrapModal() { | |
116 | const initialState = { | |
117 | siteName: this.siteName | |
118 | }; | |
f67539c2 | 119 | this.modalRef = this.modalService.show(BootstrapImportModalComponent, initialState); |
9f95a23c | 120 | } |
11fdf7f2 | 121 | } |