fix[frontend](federation): added email configuration initial parameters load

Author: AlexSanchez-bit

frontend/src/app/federation/pages/email-config/federation-email-config.page.component.ts

@@ -1,4 +1,6 @@
-import {Component} from '@angular/core';
+import {Component, OnInit} from '@angular/core';
+import {UtmConfigParamsService} from '../../../shared/services/config/utm-config-params.service';
+import {SectionConfigParamType} from '../../../shared/types/configuration/section-config-param.type';
 import {
   FEDERATION_EMAIL_CONFIG_PARAMS,
   FEDERATION_EMAIL_CONFIG_SECTION
@@ -9,7 +11,46 @@ import {
   templateUrl: './federation-email-config.page.component.html',
   styleUrls: ['./federation-email-config.page.component.scss']
 })
-export class FederationEmailConfigPageComponent {
+export class FederationEmailConfigPageComponent implements OnInit {
   readonly section = FEDERATION_EMAIL_CONFIG_SECTION;
-  readonly params = FEDERATION_EMAIL_CONFIG_PARAMS;
+  readonly params: SectionConfigParamType[] = FEDERATION_EMAIL_CONFIG_PARAMS.map(p => ({...p}));
+
+  constructor(private paramsService: UtmConfigParamsService) {}
+
+  ngOnInit(): void {
+    this.paramsService.query({
+      page: 0,
+      size: 10000,
+      'sectionId.equals': this.section.id,
+      sort: 'id,asc'
+    }).subscribe(response => {
+      const byShort = new Map<string, SectionConfigParamType>();
+      (response.body || []).forEach(p => byShort.set(p.confParamShort, p));
+      this.params.forEach(p => {
+        const server = byShort.get(p.confParamShort);
+        if (server) {
+          p.id = server.id;
+          p.confParamValue = server.confParamValue;
+        }
+      });
+      this.maskPasswordIfPreviouslySet();
+    });
+  }
+
+  private maskPasswordIfPreviouslySet(): void {
+    const password = this.params.find(p => p.confParamShort === 'utmstack.mail.password');
+    if (!password || !this.isEmpty(password.confParamValue)) {
+      return;
+    }
+    const others = this.params.filter(p => p !== password);
+    const allOthersFilled = others.length > 0 && others.every(p => !this.isEmpty(p.confParamValue));
+    if (allOthersFilled) {
+      password.confParamPlaceholder = '••••••••';
+      password.confParamRequired = false;
+    }
+  }
+
+  private isEmpty(value: unknown): boolean {
+    return value === null || value === undefined || value === '';
+  }
 }

frontend/src/app/shared/components/utm/config/app-config-sections/app-config-sections.component.html

@@ -82,6 +82,7 @@ <h6 class="font-weight-semibold mb-2">{{section.section | titlecase}}</h6>
                  [id]="'sectionParam'+conf.id"
                  [required]="conf.confParamRequired"
                  [disabled]="checkDisable(conf)"
+                 [placeholder]="conf.confParamPlaceholder || ''"
                  [type]="conf.confParamDatatype" class="form-control pr-5">
 
           <i *ngIf="allowCopy(conf)"

frontend/src/app/shared/types/configuration/section-config-param.type.ts

@@ -4,7 +4,7 @@ export class SectionConfigParamType {
   confParamDatatype?: ConfigDataTypeEnum;
   confParamDescription?: string;
   confParamLarge?: string;
-  confParamRequired?: true;
+  confParamRequired?: boolean;
   confParamShort?: string;
   confParamValue?: any;
   id?: number;
@@ -15,6 +15,7 @@ export class SectionConfigParamType {
   confParamRestartRequired: boolean;
   confParamOption: string;
   confParamRegexp?: string;
+  confParamPlaceholder?: string;
 }
 
 export enum ConfigDataTypeEnum {