git.apps.os.sepia.ceph.com Git - ceph.git/blob

   1 import { Component, OnInit } from '@angular/core';
   2 import { CdTableAction } from '~/app/shared/models/cd-table-action';
   3 import { CdTableColumn } from '~/app/shared/models/cd-table-column';
   4 import { CdTableSelection } from '~/app/shared/models/cd-table-selection';
   5
   6 import { ListWithDetails } from '~/app/shared/classes/list-with-details.class';
   7 import {
   8   StorageClass,
   9   TIER_TYPE,
  10   TIER_TYPE_DISPLAY,
  11   ZoneGroupDetails
  12 } from '../models/rgw-storage-class.model';
  13 import { ActionLabelsI18n } from '~/app/shared/constants/app.constants';
  14 import { FinishedTask } from '~/app/shared/models/finished-task';
  15 import { Icons } from '~/app/shared/enum/icons.enum';
  16 import { RgwZonegroupService } from '~/app/shared/api/rgw-zonegroup.service';
  17 import { DeleteConfirmationModalComponent } from '~/app/shared/components/delete-confirmation-modal/delete-confirmation-modal.component';
  18 import { ModalCdsService } from '~/app/shared/services/modal-cds.service';
  19 import { TaskWrapperService } from '~/app/shared/services/task-wrapper.service';
  20 import { RgwStorageClassService } from '~/app/shared/api/rgw-storage-class.service';
  21 import { AuthStorageService } from '~/app/shared/services/auth-storage.service';
  22 import { URLBuilderService } from '~/app/shared/services/url-builder.service';
  23 import { Permission } from '~/app/shared/models/permissions';
  24 import { BucketTieringUtils } from '../utils/rgw-bucket-tiering';
  25 import { Router } from '@angular/router';
  26
  27 const BASE_URL = 'rgw/tiering';
  28 @Component({
  29   selector: 'cd-rgw-storage-class-list',
  30   templateUrl: './rgw-storage-class-list.component.html',
  31   styleUrls: ['./rgw-storage-class-list.component.scss'],
  32   providers: [{ provide: URLBuilderService, useValue: new URLBuilderService(BASE_URL) }]
  33 })
  34 export class RgwStorageClassListComponent extends ListWithDetails implements OnInit {
  35   columns: CdTableColumn[];
  36   selection = new CdTableSelection();
  37   permission: Permission;
  38   tableActions: CdTableAction[];
  39   storageClassList: StorageClass[] = [];
  40
  41   constructor(
  42     private rgwZonegroupService: RgwZonegroupService,
  43     public actionLabels: ActionLabelsI18n,
  44     private cdsModalService: ModalCdsService,
  45     private taskWrapper: TaskWrapperService,
  46     private authStorageService: AuthStorageService,
  47     private rgwStorageClassService: RgwStorageClassService,
  48     private router: Router,
  49     private urlBuilder: URLBuilderService
  50   ) {
  51     super();
  52     this.permission = this.authStorageService.getPermissions().rgw;
  53   }
  54
  55   ngOnInit() {
  56     this.columns = [
  57       {
  58         prop: 'uniqueId',
  59         isInvisible: true,
  60         isHidden: true
  61       },
  62       {
  63         name: $localize`Storage Class`,
  64         prop: 'storage_class',
  65         flexGrow: 2
  66       },
  67       {
  68         name: $localize`Type`,
  69         prop: 'tier_type',
  70         flexGrow: 2
  71       },
  72       {
  73         name: $localize`Zone Group`,
  74         prop: 'zonegroup_name',
  75         flexGrow: 2
  76       },
  77       {
  78         name: $localize`Placement Target`,
  79         prop: 'placement_target',
  80         flexGrow: 2
  81       },
  82       {
  83         name: $localize`Target Region`,
  84         prop: 'region',
  85         flexGrow: 2
  86       },
  87       {
  88         name: $localize`Target Endpoint`,
  89         prop: 'endpoint',
  90         flexGrow: 2
  91       }
  92     ];
  93     const getStorageUri = () =>
  94       this.selection.first() &&
  95       `${encodeURI(this.selection.first().zonegroup_name)}/${encodeURI(
  96         this.selection.first().placement_target
  97       )}/${encodeURI(this.selection.first().storage_class)}`;
  98     this.tableActions = [
  99       {
 100         name: this.actionLabels.CREATE,
 101         permission: 'create',
 102         icon: Icons.add,
 103         click: () => this.router.navigate([this.urlBuilder.getCreate()]),
 104         canBePrimary: (selection: CdTableSelection) => !selection.hasSelection
 105       },
 106       {
 107         name: this.actionLabels.EDIT,
 108         permission: 'update',
 109         icon: Icons.edit,
 110         routerLink: () => [`/rgw/tiering/edit/${getStorageUri()}`]
 111       },
 112       {
 113         name: this.actionLabels.REMOVE,
 114         permission: 'delete',
 115         icon: Icons.destroy,
 116         click: () => this.removeStorageClassModal()
 117       }
 118     ];
 119   }
 120
 121   loadStorageClass(): Promise<void> {
 122     return new Promise((resolve, reject) => {
 123       this.rgwZonegroupService.getAllZonegroupsInfo().subscribe(
 124         (data: ZoneGroupDetails) => {
 125           this.storageClassList = [];
 126           const tierObj = BucketTieringUtils.filterAndMapTierTargets(data);
 127           const tierConfig = tierObj.map((item) => {
 128             let tierTypeDisplay;
 129
 130             switch (item.tier_type?.toLowerCase()) {
 131               case TIER_TYPE.CLOUD_TIER:
 132                 tierTypeDisplay = TIER_TYPE_DISPLAY.CLOUD_TIER;
 133                 break;
 134               case TIER_TYPE.LOCAL:
 135                 tierTypeDisplay = TIER_TYPE_DISPLAY.LOCAL;
 136                 break;
 137               case TIER_TYPE.GLACIER:
 138                 tierTypeDisplay = TIER_TYPE_DISPLAY.GLACIER;
 139                 break;
 140               default:
 141                 tierTypeDisplay = item.tier_type;
 142             }
 143             return {
 144               ...item,
 145               tier_type: tierTypeDisplay
 146             };
 147           });
 148           this.transformTierData(tierConfig);
 149           this.storageClassList.push(...tierConfig);
 150           resolve();
 151         },
 152         (error) => {
 153           reject(error);
 154         }
 155       );
 156     });
 157   }
 158
 159   transformTierData(tierConfig: any[]) {
 160     tierConfig.forEach((item, index) => {
 161       const zone_group = item?.zone_group;
 162       const storageClass = item?.storage_class;
 163       const uniqueId = `${zone_group}-${storageClass}-${index}`;
 164       item.uniqueId = uniqueId;
 165     });
 166     return tierConfig;
 167   }
 168
 169   removeStorageClassModal() {
 170     const storage_class = this.selection.first().storage_class;
 171     const placement_target = this.selection.first().placement_target;
 172     this.cdsModalService.show(DeleteConfirmationModalComponent, {
 173       itemDescription: $localize`Tiering Storage Class`,
 174       itemNames: [storage_class],
 175       actionDescription: 'remove',
 176       submitActionObservable: () =>
 177         this.taskWrapper.wrapTaskAroundCall({
 178           task: new FinishedTask('rgw/zonegroup/storage-class', {
 179             placement_target: placement_target,
 180             storage_class: storage_class
 181           }),
 182           call: this.rgwStorageClassService.removeStorageClass(placement_target, storage_class)
 183         })
 184     });
 185   }
 186
 187   updateSelection(selection: CdTableSelection) {
 188     this.selection = selection;
 189   }
 190
 191   setExpandedRow(expandedRow: any) {
 192     super.setExpandedRow(expandedRow);
 193   }
 194 }