2023-07-25 10:58:23 +02:00
|
|
|
<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">
|
|
|
|
<ng-container>
|
|
|
|
<div class="uk-margin-large-bottom">
|
|
|
|
<h6><span class="uk-text-secondary uk-margin-right">1.</span> Select a data source (repository or journal)</h6>
|
|
|
|
<div input class="uk-width-xlarge uk-margin-xsmall-left uk-margin-medium-top" inputClass="flat x-small" [formInput]="form.get('url')"
|
|
|
|
placeholder="Give the URL from one of your registered repositories" type="URL" (valueChange)="getSets()"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="uk-margin-large-bottom">
|
|
|
|
<h6><span class="uk-text-secondary uk-margin-right">2.</span> Select guidelines</h6>
|
|
|
|
<div class="uk-margin-medium-top">
|
|
|
|
<div *ngFor="let option of options" class="uk-margin-xsmall-left uk-margin-small-bottom">
|
|
|
|
<input [id]="option.value" type="radio" [value]="option.value" name="guidelines" formControlName="guidelines">
|
|
|
|
<label [for]="option.value" class="uk-margin-xsmall-left">{{option.label}}</label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="uk-margin-large-bottom">
|
|
|
|
<h6><span class="uk-text-secondary uk-margin-right">3.</span> Define the number of record to validate</h6>
|
2023-07-25 15:58:41 +02:00
|
|
|
<div class="uk-disabled uk-text-muted uk-margin-xsmall-left uk-margin-medium-top uk-margin-small-bottom">
|
2023-07-25 10:58:23 +02:00
|
|
|
<input id="all" type="radio" name="recordsNum" value="-1" formControlName="recordsNum">
|
|
|
|
<label for="all" class="uk-margin-xsmall-left">All</label>
|
|
|
|
</div>
|
|
|
|
<div class="uk-flex uk-flex-middle uk-margin-xsmall-left">
|
|
|
|
<input id="custom" type="radio" name="recordsNum" [value]="recordsNum" formControlName="recordsNum">
|
|
|
|
<label for="custom" class="uk-margin-xsmall-left">
|
|
|
|
Custom
|
|
|
|
</label>
|
|
|
|
<span class="uk-margin-left uk-flex-inline uk-flex-middle">
|
2023-07-25 15:58:41 +02:00
|
|
|
<icon class="clickable" name="remove_circle_outline" flex="true" ratio="0.9" type="outlined"
|
|
|
|
[ngClass]="recordsNum <= 10 ? 'uk-disabled uk-text-muted' : ''" (click)="updateRecordsNum(false)"></icon>
|
2023-07-25 10:58:23 +02:00
|
|
|
<span class="uk-margin-small-left uk-margin-small-right">{{recordsNum}}</span>
|
2023-07-25 15:58:41 +02:00
|
|
|
<icon class="clickable" name="add_circle_outline" flex="true" ratio="0.9" type="outlined"
|
|
|
|
[ngClass]="recordsNum >= 20 ? 'uk-disabled uk-text-muted' : ''" (click)="updateRecordsNum(true)"></icon>
|
2023-07-25 10:58:23 +02:00
|
|
|
</span>
|
|
|
|
</div>
|
|
|
|
|
2023-07-25 15:58:41 +02:00
|
|
|
<div [disabled]="loadingSets || sets.length == 1" input type="select" placeholder="Select validation set" inputClass="flat x-small"
|
2023-07-25 10:58:23 +02:00
|
|
|
[options]="sets" [formInput]="form.get('set')" class="uk-width-large uk-margin-medium-top uk-margin-xsmall-left"></div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="uk-margin-medium-top uk-margin-xsmall-left">
|
|
|
|
<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();">
|
|
|
|
<span class="uk-margin-small-left">Start Validation</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|