X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;f=webapp-frontend%2Fsrc%2Fapp%2Fpolicy-control%2Fno-type-policy-instance-dialog.component.ts;h=8c2a11429157667992ede34e7380eca74d877dad;hb=174e972d55a5f49b4368be1329d3681f83605bdf;hp=da05ebb04e45dd429ea4b9ced9539b98e21d6b0e;hpb=f3153ee6f2ea63afda276c7c3abab9ee4004820b;p=portal%2Fnonrtric-controlpanel.git

diff --git a/webapp-frontend/src/app/policy-control/no-type-policy-instance-dialog.component.ts b/webapp-frontend/src/app/policy-control/no-type-policy-instance-dialog.component.ts
index da05ebb..8c2a114 100644
--- a/webapp-frontend/src/app/policy-control/no-type-policy-instance-dialog.component.ts
+++ b/webapp-frontend/src/app/policy-control/no-type-policy-instance-dialog.component.ts
@@ -33,8 +33,6 @@ import * as uuid from 'uuid';
   styleUrls: ['./no-type-policy-instance-dialog.component.scss']
 })
 export class NoTypePolicyInstanceDialogComponent implements OnInit {
-
-  // Declare following variables as Public variable. Private variables should not be used in template HTML
   instanceForm: FormGroup;
 
   policyInstanceId: string; // null if not yet created
@@ -50,7 +48,7 @@ export class NoTypePolicyInstanceDialogComponent implements OnInit {
     @Inject(MAT_DIALOG_DATA) private data,
     private ui: UiService) {
     this.policyInstanceId = data.instanceId;
-    this.policyJson = data.instanceJson ? JSON.stringify(JSON.parse(data.instanceJson), null, 2) : '';
+    this.policyJson = data.instanceJson ? this.formatJsonString(data.instanceJson) : '';
     this.ric = data.ric;
   }
 
@@ -107,6 +105,14 @@ export class NoTypePolicyInstanceDialogComponent implements OnInit {
         complete() { }
       });
   }
+
+ private formatJsonString(jsonToFormat: string) {
+   return JSON.stringify(JSON.parse(jsonToFormat), null, 2);
+ }
+
+ formatJsonInput() {
+   this.policyJson = this.formatJsonString(this.policyJsonTextArea.value);
+ }
 }
 
 export function jsonValidator(): ValidatorFn {