X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?a=blobdiff_plain;ds=sidebyside;f=webapp-frontend%2Fsrc%2Fapp%2Fpolicy%2Fno-type-policy-editor%2Fno-type-policy-editor.component.html;h=fdf174e94d2040c53e0ff4669cb58c544572590a;hb=66372cb88b6b3e94dada9197c5efeaa7b2c93e17;hp=9a2112e51ccf240071c50bd878c0891e410c83d2;hpb=042a087cf3eea5e6f941ee9add6e1c50cb106e91;p=portal%2Fnonrtric-controlpanel.git

diff --git a/webapp-frontend/src/app/policy/no-type-policy-editor/no-type-policy-editor.component.html b/webapp-frontend/src/app/policy/no-type-policy-editor/no-type-policy-editor.component.html
index 9a2112e..fdf174e 100644
--- a/webapp-frontend/src/app/policy/no-type-policy-editor/no-type-policy-editor.component.html
+++ b/webapp-frontend/src/app/policy/no-type-policy-editor/no-type-policy-editor.component.html
@@ -20,24 +20,29 @@
   /
 -->
 
-<mat-form-field style="width: 800px;"  appearance="fill">
-    <textarea id="policyJsonTextArea" formControlName="policyJsonTextArea" matInput cdkTextareaAutosize
-        cdkAutosizeMinRows="10" required [value]="this.policyJson" placeholder="Policy properties"
-        matTooltip="The properties of the policy instance, in JSON format" matTooltipPosition="before">
+<h4>
+    Properties *
+</h4>
+<form [formGroup]="instanceForm">
+    <mat-form-field style="width: 800px;" appearance="fill">
+        <textarea id="policyJsonTextArea" formControlName="policyJsonTextArea" matInput cdkTextareaAutosize
+            cdkAutosizeMinRows="10" required [value]="this.policyJson" placeholder="Policy properties"
+            matTooltip="The properties of the policy instance, in JSON format" matTooltipPosition="before">
     </textarea>
-    <div *ngIf="policyJsonTextArea.invalid && (policyJsonTextArea.dirty || policyJsonTextArea.touched)">
-        <div *ngIf="policyJsonTextArea.errors.required">
-            <mat-error role="alert">
-                This field is required.
-            </mat-error>
+        <div *ngIf="policyJsonTextArea.invalid && (policyJsonTextArea.dirty || policyJsonTextArea.touched)">
+            <div *ngIf="policyJsonTextArea.errors.required">
+                <mat-error role="alert">
+                    This field is required.
+                </mat-error>
+            </div>
+            <div *ngIf="policyJsonTextArea.errors.invalidJson">
+                <mat-error role="alert">
+                    The policy properties must be a valid JSON.
+                </mat-error>
+            </div>
         </div>
-        <div *ngIf="policyJsonTextArea.errors.invalidJson">
-            <mat-error role="alert">
-                The policy properties must be a valid JSON.
-            </mat-error>
-        </div>
-    </div>
-    <button id="formatButton" (click)="formatJsonInput();" mat-raised-button [disabled]="!policyJsonTextArea.valid">
-        Format JSON
-    </button>
-</mat-form-field>
+        <button id="formatButton" (click)="formatJsonInput();" mat-raised-button [disabled]="!policyJsonTextArea.valid">
+            Format JSON
+        </button>
+    </mat-form-field>
+</form>
\ No newline at end of file