FOGL-7291: Wizard flow for adding plugins based on groups (#245)

* show group based config in add or update  service, task notification, filter pages
* Revamp show configuration on different pages 
* Different property files upload fix for script

Author: mshariq-nerd

src/app/app.module.ts

@@ -45,7 +45,6 @@ import { SharedModule } from './shared.module';
 import { ProgressBarComponent } from './components/common/progress-bar/progress-bar.component';
 import { ProgressBarService } from './services/progress-bar.service';
 import { DashboardModule } from './components/core/dashboard/dashboard.module';
-import { ValidateFormService } from './services/validate-form.service';
 import { Router } from '@angular/router';
 import { LogsModule } from './components/core/logs/logs.module';
 
@@ -133,7 +132,6 @@ export function pingServiceFactory(ping: PingService, sharedService: SharedServi
     NorthService,
     SchedulesService,
     ProgressBarService,
-    ValidateFormService,
     UserService,
     {
       provide: HTTP_INTERCEPTORS,

src/app/components/core/configuration-manager/config-children/config-children.component.html

@@ -0,0 +1,47 @@
+<div class="tabs is-boxed" *ngIf="from !== 'config-manager'">
+  <ul>
+    <li *ngFor="let g of groups" [ngClass]="{'is-active': selectedGroup == g.group}">
+      <h6 class="is-6 has-text-weight-semibold">
+        <a (click)="selectTab(g.group)">
+          {{g.group}}
+        </a>
+      </h6>
+    </li>
+    <ng-container *ngIf="from !== 'notification'">
+      <li [ngClass]="{'is-active': selectedGroup == 'developer'}"
+        *ngIf="developerFeaturesService.getDeveloperFeatureControl() && pages.includes(from) && rolesService.hasEditPermissions()">
+        <h6 class="is-6 has-text-weight-semibold">
+          <a (click)="selectedGroup = 'developer'">Developer</a>
+        </h6>
+      </li>
+    </ng-container>
+  </ul>
+</div>
+<div [ngClass]="{'highlight': from !== 'config-manager'}">
+  <ng-container *ngFor="let g of groups">
+    <ng-container *ngIf="g.category == category?.name+'Advanced'; else SecurityGroup">
+      <app-show-configuration [hidden]="selectedGroup !== g.group" [groupConfiguration]="g.config" [group]="g.group"
+        [selectedGroup]="selectedGroup" [fullConfiguration]="g.config" (event)="getChangedAdvanceConfiguration($event)"
+        (formStatusEvent)="formStatus($event)"></app-show-configuration>
+    </ng-container>
+    <ng-template #SecurityGroup>
+      <ng-container *ngIf="g.category == category?.name+'Security'; else pluginGroup">
+        <app-show-configuration [hidden]="selectedGroup !== g.group" [groupConfiguration]="g.config" [group]="g.group"
+          [selectedGroup]="selectedGroup" [fullConfiguration]="g.config"
+          (event)="getChangedSecurityConfiguration($event)"
+          (formStatusEvent)="formStatus($event)"></app-show-configuration>
+      </ng-container>
+    </ng-template>
+    <ng-template #pluginGroup>
+      <app-show-configuration [hidden]="selectedGroup !== g.group" [groupConfiguration]="g.config" [group]="g.group"
+        [selectedGroup]="selectedGroup" [fullConfiguration]="category.config" (event)="getChangedConfiguration($event)"
+        (formStatusEvent)="formStatus($event)"></app-show-configuration>
+    </ng-template>
+  </ng-container>
+  <ng-container *ngIf="from !== 'notification'">
+    <app-plugin-persist-data *ngIf="selectedGroup == 'developer' && pages.includes(from)" [serviceStaus]="serviceStatus"
+      [serviceName]="category?.name" [pluginName]="plugin">
+    </app-plugin-persist-data>
+  </ng-container>
+
+</div>

src/app/components/core/configuration-manager/config-children/config-children.component.spec.ts

@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ConfigurationGroupComponent } from './configuration-group.component';
+
+describe('ConfigurationGroupComponent', () => {
+  let component: ConfigurationGroupComponent;
+  let fixture: ComponentFixture<ConfigurationGroupComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ ConfigurationGroupComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ConfigurationGroupComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});