feat: enhance configuration saving logic with support for multiple groups

Signed-off-by: Manuel Abascal <mjabascal10@gmail.com>

Author: mjabascal10

frontend/src/app/app-module/conf/int-generic-group-config/int-generic-group-config.component.html

@@ -182,7 +182,7 @@
       </button>
       <button class="btn utm-button utm-button-primary" (click)="saveConfig(group)"
               [disabled]="!tenantIsConfigValid(group) || (changes && changes.keys.length===0 || !configHasChanges(group.id)) || savingConfig || uniqueConfigNameConstrain">
-        <i [ngClass]="savingConfig ? 'icon-spinner2 spinner':'icon-cog5 mr-1'"></i>
+        <i [ngClass]="savingConfigs.get(group.id) ? 'icon-spinner2 spinner':'icon-cog5 mr-1'"></i>
         Save configuration
       </button>
     </div>

frontend/src/app/app-module/conf/int-generic-group-config/int-generic-group-config.component.ts

@@ -1,12 +1,11 @@
 import {ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, OnDestroy, OnInit, Output, SimpleChanges} from '@angular/core';
 import {Subject} from 'rxjs';
-import {debounceTime, distinctUntilChanged, finalize, map, takeUntil, tap} from 'rxjs/operators';
+import {debounceTime, finalize, map, takeUntil, tap} from 'rxjs/operators';
 import {ModalService} from '../../../core/modal/modal.service';
 import {UtmToastService} from '../../../shared/alert/utm-toast.service';
 import {
   ModalConfirmationComponent
 } from '../../../shared/components/utm/util/modal-confirmation/modal-confirmation.component';
-import {EncryptService} from '../../../shared/services/util/encrypt.service';
 import {ModuleChangeStatusBehavior} from '../../shared/behavior/module-change-status.behavior';
 import {IntCreateGroupComponent} from '../../shared/components/int-create-group/int-create-group.component';
 import {GroupTypeEnum} from '../../shared/enum/group-type.enum';
@@ -46,10 +45,10 @@ export class IntGenericGroupConfigComponent implements OnInit, OnChanges, OnDest
   destroy$ = new Subject<void>();
   uniqueConfigNameConstrain = false;
   invalidDomainOrIp = false;
+  savingConfigs = new Map<number, boolean>();
 
   constructor(private utmModuleGroupService: UtmModuleGroupService,
               private toast: UtmToastService,
-              private encryptService: EncryptService,
               private utmModuleGroupConfService: UtmModuleGroupConfService,
               private modalService: ModalService,
               private moduleChangeStatusBehavior: ModuleChangeStatusBehavior,
@@ -189,15 +188,15 @@ export class IntGenericGroupConfigComponent implements OnInit, OnChanges, OnDest
   }
 
   saveConfig(group: UtmModuleGroupType) {
-    this.savingConfig = true;
+    this.savingConfigs.set(group.id, true);
     const configs = this.changes.keys.filter(change => change.groupId === group.id);
 
     this.utmModuleGroupConfService.update({
       moduleId: group.moduleId,
       keys: configs
     }).pipe(
       finalize(() => {
-        this.savingConfig = false;
+        this.savingConfigs.set(group.id, false);
         this.cdr.detectChanges();
       })
     ).subscribe({
@@ -440,6 +439,7 @@ export class IntGenericGroupConfigComponent implements OnInit, OnChanges, OnDest
     this.addChange(integrationConfig);
   }
 
+
   ngOnDestroy() {
     this.destroy$.next();
     this.destroy$.complete();