dnet-docker/dnet-app/frontends/is/src/app/xslt-tester/xslt-tester.component.html

26 lines
1.0 KiB
HTML

<h2>Transformation Rule Tester (XSLT)</h2>
<form [formGroup]="xsltForm" (ngSubmit)="transformXslt()">
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
<mat-label>Transformation rule (XSLT)</mat-label>
<mat-select matInput formControlName="rule">
<mat-option *ngFor="let i of rules" [value]="i.name">{{i.name}}</mat-option>
</mat-select>
</mat-form-field>
<mat-form-field appearance="fill" floatLabel="always" style="width: 50%;">
<mat-label>Input Record</mat-label>
<textarea matInput rows="10" formControlName="xmlIn"></textarea>
</mat-form-field>
<mat-form-field appearance="fill" floatLabel="always" style="width: 50%;">
<mat-label>Output Record</mat-label>
<textarea matInput rows="10" formControlName="xmlOut" readonly></textarea>
</mat-form-field>
<button mat-stroked-button color="primary" type="submit" [disabled]="!xsltForm.valid">Submit</button>
<mat-error *ngIf="xsltForm.errors?.['serverError']">
{{ xsltForm.errors?.['serverError'] }}
</mat-error>
</form>