fix: default app svc on register center return the configurable with some fields values like func executer order, selected profiles or device names containing space character result failing parsing

Signed-off-by: Huaqiao Zhang <huaqiaoz@vmware.com>

Author: Huaqiao Zhang

web/src/app/app-service/app-service-configurable/app-service-configurable.component.ts

@@ -83,15 +83,15 @@ export class AppServiceConfigurableComponent implements OnInit {
 
     loadAppSvcConfig() {
         this.appSvc.getAppSvcConfigBySvcKey(this.appServiceKey).subscribe((resp) => {
+            Object.assign(this.configTrigger, resp[this.TirggerIdentifier]);
 
-            Object.assign(this.configTrigger, resp[this.TirggerIdentifier])
-
-            let writable: Writable = resp[this.writableIdentifier]
+            let writable: Writable = resp[this.writableIdentifier];
             Object.assign(this.configWritable, writable);
             Object.assign(this.insecureSecrets, writable.InsecureSecrets)
 
             this.selectedFunctionsName = writable.Pipeline.ExecutionOrder.split(',');
             Object.assign(this.availableFunctions, writable.Pipeline.Functions);
+            // console.log(this.availableFunctions)
         })
     }
 

web/src/app/app-service/app-service-configurable/pipeline-function/pipeline-function.component.ts

@@ -47,7 +47,10 @@ export class PipelineFunctionComponent implements OnInit, OnChanges {
     private _selectedFunctionsName: string[] = [];
     @Input() 
     get selectedFunctionsName(): string[] {return this._selectedFunctionsName };
-    set selectedFunctionsName(funcNames: string[]) {this._selectedFunctionsName = funcNames;}
+    set selectedFunctionsName(funcNames: string[]) {
+        funcNames.forEach((v,i) => {funcNames[i] = v.trim()});
+        this._selectedFunctionsName = funcNames;
+    }
     @Output() selectedFunctionsNameChange = new EventEmitter<string[]>();
 
     constructor() { 
@@ -69,6 +72,7 @@ export class PipelineFunctionComponent implements OnInit, OnChanges {
         if (this.availableFunctions.FilterByProfileName?.Parameters) {
             if (this.availableFunctions.FilterByProfileName!.Parameters.ProfileNames) {
                 this.profileNames  = this.availableFunctions.FilterByProfileName!.Parameters.ProfileNames.split(',');
+                this.profileNames.forEach((v,i) => {this.profileNames[i] = v.trim()});
             }
         }
     }
@@ -121,7 +125,7 @@ export class PipelineFunctionComponent implements OnInit, OnChanges {
     isSelected(funcName: string): boolean {
         let selected = false
         this.selectedFunctionsName.forEach((name) => {
-            if (funcName === name) {
+            if (funcName === name.trim()) {
                 selected = true
                 return 
             }