import 15.2.0 Octopus source

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / block / rbd-configuration-form / rbd-configuration-form.component.ts

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-configuration-form/rbd-configuration-form.component.ts b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-configuration-form/rbd-configuration-form.component.ts
index 072ab6fea35e2c222889379e2a56c62fea369c43..67c64117359857fcffba1f1ad76ec1a473efee9d 100644 (file)
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-configuration-form/rbd-configuration-form.component.ts
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-configuration-form/rbd-configuration-form.component.ts
@@ -1,6 +1,7 @@
 import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { FormControl, Validators } from '@angular/forms';
 
+import { Icons } from '../../../shared/enum/icons.enum';
 import { CdFormGroup } from '../../../shared/forms/cd-form-group';
 import {
   RbdConfigurationEntry,
@@ -25,6 +26,9 @@ export class RbdConfigurationFormComponent implements OnInit {
   }>;
   @Output()
   changes = new EventEmitter<any>();
+
+  icons = Icons;
+
   ngDataReady = new EventEmitter<any>();
   initialData: RbdConfigurationEntry[];
   configurationType = RbdConfigurationType;
@@ -45,12 +49,14 @@ export class RbdConfigurationFormComponent implements OnInit {
     });
 
     if (this.initializeData) {
-      this.initializeData.subscribe((data) => {
+      this.initializeData.subscribe((data: Record<string, any>) => {
         this.initialData = data.initialData;
         const dataType = data.sourceType;
 
         this.rbdConfigurationService.getWritableOptionFields().forEach((option) => {
-          const optionData = data.initialData.filter((entry) => entry.name === option.name).pop();
+          const optionData = data.initialData
+            .filter((entry: Record<string, any>) => entry.name === option.name)
+            .pop();
           if (optionData && optionData['source'] === dataType) {
             this.form.get(`configuration.${option.name}`).setValue(optionData['value']);
           }
@@ -73,7 +79,7 @@ export class RbdConfigurationFormComponent implements OnInit {
     const result = {};
 
     this.rbdConfigurationService.getWritableOptionFields().forEach((config) => {
-      const control = this.form.get('configuration').get(config.name);
+      const control: any = this.form.get('configuration').get(config.name);
       const dirty = control.dirty;
 
       if (this.initialData && this.initialData[config.name] === control.value) {
@@ -127,7 +133,7 @@ export class RbdConfigurationFormComponent implements OnInit {
    * Reset the value. The inherited value will be used instead.
    */
   reset(optionName: string) {
-    const formControl = this.form.get('configuration').get(optionName);
+    const formControl: any = this.form.get('configuration').get(optionName);
     if (formControl.disabled) {
       formControl.setValue(formControl['previousValue'] || 0);
       formControl.enable();
@@ -146,7 +152,7 @@ export class RbdConfigurationFormComponent implements OnInit {
     return this.form.get('configuration').get(optionName).disabled;
   }
 
-  toggleSectionVisibility(className) {
+  toggleSectionVisibility(className: string) {
     this.sectionVisibility[className] = !this.sectionVisibility[className];
   }
 }