import 15.2.0 Octopus source

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / block / mirroring / overview / overview.component.ts

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/overview/overview.component.ts b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/overview/overview.component.ts
index 1e2853395914bcbcfade0c7cf3e3eef5484d4245..6a3c7ef210ed1f7d40d8178960cda49d92245c4b 100644 (file)
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/overview/overview.component.ts
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/overview/overview.component.ts
@@ -1,9 +1,20 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
 
+import { I18n } from '@ngx-translate/i18n-polyfill';
+import { BsModalRef, BsModalService } from 'ngx-bootstrap/modal';
 import { Subscription } from 'rxjs';
 
 import { RbdMirroringService } from '../../../../shared/api/rbd-mirroring.service';
+import { Icons } from '../../../../shared/enum/icons.enum';
 import { ViewCacheStatus } from '../../../../shared/enum/view-cache-status.enum';
+import { CdTableAction } from '../../../../shared/models/cd-table-action';
+import { CdTableSelection } from '../../../../shared/models/cd-table-selection';
+import { Permission } from '../../../../shared/models/permissions';
+import { AuthStorageService } from '../../../../shared/services/auth-storage.service';
+import { Pool } from '../../../pool/pool';
+import { BootstrapCreateModalComponent } from '../bootstrap-create-modal/bootstrap-create-modal.component';
+import { BootstrapImportModalComponent } from '../bootstrap-import-modal/bootstrap-import-modal.component';
+import { EditSiteNameModalComponent } from '../edit-site-name-modal/edit-site-name-modal.component';
 
 @Component({
   selector: 'cd-mirroring',
@@ -11,11 +22,50 @@ import { ViewCacheStatus } from '../../../../shared/enum/view-cache-status.enum'
   styleUrls: ['./overview.component.scss']
 })
 export class OverviewComponent implements OnInit, OnDestroy {
+  permission: Permission;
+  tableActions: CdTableAction[];
+  selection = new CdTableSelection();
+
   subs: Subscription;
 
+  modalRef: BsModalRef;
+
+  peersExist = true;
+  siteName: any;
   status: ViewCacheStatus;
 
-  constructor(private rbdMirroringService: RbdMirroringService) {}
+  constructor(
+    private authStorageService: AuthStorageService,
+    private rbdMirroringService: RbdMirroringService,
+    private modalService: BsModalService,
+    private i18n: I18n
+  ) {
+    this.permission = this.authStorageService.getPermissions().rbdMirroring;
+
+    const editSiteNameAction: CdTableAction = {
+      permission: 'update',
+      icon: Icons.edit,
+      click: () => this.editSiteNameModal(),
+      name: this.i18n('Edit Site Name'),
+      canBePrimary: () => true,
+      disable: () => false
+    };
+    const createBootstrapAction: CdTableAction = {
+      permission: 'update',
+      icon: Icons.upload,
+      click: () => this.createBootstrapModal(),
+      name: this.i18n('Create Bootstrap Token'),
+      disable: () => false
+    };
+    const importBootstrapAction: CdTableAction = {
+      permission: 'update',
+      icon: Icons.download,
+      click: () => this.importBootstrapModal(),
+      name: this.i18n('Import Bootstrap Token'),
+      disable: () => this.peersExist
+    };
+    this.tableActions = [editSiteNameAction, createBootstrapAction, importBootstrapAction];
+  }
 
   ngOnInit() {
     this.subs = this.rbdMirroringService.subscribeSummary((data: any) => {
@@ -23,10 +73,34 @@ export class OverviewComponent implements OnInit, OnDestroy {
         return;
       }
       this.status = data.content_data.status;
+      this.siteName = data.site_name;
+
+      this.peersExist = !!data.content_data.pools.find((o: Pool) => o['peer_uuids'].length > 0);
     });
   }
 
   ngOnDestroy(): void {
     this.subs.unsubscribe();
   }
+
+  editSiteNameModal() {
+    const initialState = {
+      siteName: this.siteName
+    };
+    this.modalRef = this.modalService.show(EditSiteNameModalComponent, { initialState });
+  }
+
+  createBootstrapModal() {
+    const initialState = {
+      siteName: this.siteName
+    };
+    this.modalRef = this.modalService.show(BootstrapCreateModalComponent, { initialState });
+  }
+
+  importBootstrapModal() {
+    const initialState = {
+      siteName: this.siteName
+    };
+    this.modalRef = this.modalService.show(BootstrapImportModalComponent, { initialState });
+  }
 }