metadata-validator-ui/src/app/pages/single-record-validator/single-record-validator.com...

34 lines
1.4 KiB
HTML

<div id="page_content">
<div id="page_content_header" class="uk-blur-background" offset="65">
<div class="uk-container uk-container-large">
<div class="uk-section" [formGroup]="form">
<h6>1. Select guidelines (*)</h6>
<div input class="uk-width-large" [formInput]="form.get('guidelines')" placeholder="Select a guideline" [options]="options" type="select"></div>
<h6>2. Paste metadata record (*)</h6>
<div input class="uk-width-1-1 uk-margin-top" [formInput]="form.get('xml')" placeholder="Paste your xml here" type="textarea" [rows]="15"></div>
<div class="uk-margin-medium-top">
<button class="uk-button uk-flex uk-flex-middle uk-flex-wrap"
[class.uk-button-primary]="form.valid" [class.uk-disabled]="!form.valid" (click)="validate()">
<div name="cloud_upload">
<span class="uk-flex"><span class="material-icons" style="font-size: 20px;">check</span></span>
</div>
<span class="uk-margin-small-left">Validate!</span>
</button>
</div>
<div class="uk-margin-large-top">
<h6>Validation Results</h6>
<div *ngIf="!result" class="uk-alert uk-alert-primary">
No validated metadata record yet
</div>
<div *ngFor="let resultString of result">
{{resultString}}
</div>
</div>
</div>
</div>
</div>
</div>