webapp-frontend/src/app/policy/no-type-policy-editor/no-type-policy-editor.component.html

   1 <mat-form-field style="width: 800px;"  appearance="fill">
   2     <textarea id="policyJsonTextArea" formControlName="policyJsonTextArea" matInput cdkTextareaAutosize
   3         cdkAutosizeMinRows="10" required [(value)]="this.policyJson" placeholder="Policy properties"
   4         matTooltip="The properties of the policy instance, in JSON format" matTooltipPosition="before">
   5     </textarea>
   6     <div *ngIf="policyJsonTextArea.invalid && (policyJsonTextArea.dirty || policyJsonTextArea.touched)">
   7         <div *ngIf="policyJsonTextArea.errors.required">
   8             <mat-error role="alert">
   9                 This field is required.
  10             </mat-error>
  11         </div>
  12         <div *ngIf="policyJsonTextArea.errors.invalidJson">
  13             <mat-error role="alert">
  14                 The policy properties must be a valid JSON.
  15             </mat-error>
  16         </div>
  17     </div>
  18     <button id="formatButton" (click)="formatJsonInput();" mat-raised-button [disabled]="!policyJsonTextArea.valid">
  19         Format JSON
  20     </button>
  21 </mat-form-field>