1 |
54479
|
myrto.kouk
|
<div>
|
2 |
|
|
<div *ngIf="loadingMessage" class="loading-big">
|
3 |
|
|
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
|
4 |
|
|
{{ loadingMessage }}
|
5 |
|
|
</div>
|
6 |
|
|
<div class="whiteFilm"></div>
|
7 |
|
|
</div>
|
8 |
|
|
<div *ngIf="repoInterfaceForm && (!loadingMessage || (loadingMessage===''))" [formGroup]="repoInterfaceForm">
|
9 |
|
|
<div class="interfaceActionsPanel">
|
10 |
|
|
<a *ngIf="!inRegister" (click)="saveInterface()" class="uk-margin-small-right"><i class="far fa-save fa-lg"></i></a>
|
11 |
|
|
<a (click)="removeInterface()" class="uk-margin-small-left"><i class="fas fa-times fa-lg"></i></a>
|
12 |
|
|
</div>
|
13 |
|
|
<div *ngIf="successMessage" class="uk-alert uk-alert-success" style="clear: both">{{ successMessage }}</div>
|
14 |
|
|
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger" style="clear: both">{{ errorMessage }}</div>
|
15 |
|
|
<div class="form-group has-success">
|
16 |
|
|
<label class="control-label" for="baseUrl" title="{{ baseUrlDesc.desc }}">Base OAI-PMH URL (*)</label>
|
17 |
|
|
<span *ngIf="identifiedBaseUrl" class="help-block inline" style="margin-top: 0px; margin-bottom: 0px; padding-left: 10px;">
|
18 |
|
|
Identified
|
19 |
|
|
</span>
|
20 |
|
|
<input id="baseUrl" type="text" class="form-control" formControlName="baseUrl" (blur)="getInterfaceInfo()">
|
21 |
|
|
</div>
|
22 |
|
|
<div class="form-group">
|
23 |
|
|
<label class="control-label">Validation Set</label>
|
24 |
|
|
<div>
|
25 |
|
|
<label class="uk-button validationSetRadio" for="selectRadio{{interfaceID}}" title="{{ existingValSetDesc.desc }}">
|
26 |
|
|
<input id="selectRadio{{interfaceID}}" value="select" name="validationSet{{interfaceID}}" type="radio"
|
27 |
|
|
(change)="chooseValSet(true)" checked >
|
28 |
|
|
<span class="uk-margin-small-left">Choose existing</span>
|
29 |
|
|
</label>
|
30 |
|
|
</div>
|
31 |
|
|
<select id="selectValidationSet{{interfaceID}}" formControlName="selectValidationSet"
|
32 |
|
|
class="form-control" (change)="checkIfValid()">
|
33 |
|
|
<option value="" selected>-- none selected --</option>
|
34 |
|
|
<option *ngFor="let set of valsetList" value="{{set}}">{{set}}</option>
|
35 |
|
|
</select>
|
36 |
|
|
<div>
|
37 |
|
|
<label class="uk-button validationSetRadio" for="customRadio{{interfaceID}}" title="{{ customValSetDesc.desc }}">
|
38 |
|
|
<input id="customRadio{{interfaceID}}" value="custom" name="validationSet{{interfaceID}}" type="radio"
|
39 |
|
|
(change)="chooseValSet(false)">
|
40 |
|
|
<span class="uk-margin-small-left">or a custom one</span>
|
41 |
|
|
</label>
|
42 |
|
|
</div>
|
43 |
|
|
<input id="customValidationSet{{interfaceID}}" formControlName="customValidationSet"
|
44 |
|
|
class="form-control" type="text" (keyup)="checkIfValid()">
|
45 |
|
|
</div>
|
46 |
|
|
<div class="form-group">
|
47 |
|
|
<label class="control-label" for="compLvl" title="{{ compatibilityLevelDesc.desc }}">Desired Compatibility Level (*)</label>
|
48 |
|
|
<select class="form-control" id="compLvl" formControlName="compatibilityLevel" (change)="checkIfValid()">
|
49 |
|
|
<option value="">-- none selected --</option>
|
50 |
|
|
<option *ngFor="let key of classCodes" value="{{key}}">{{compClasses[key]}}</option>
|
51 |
|
|
</select>
|
52 |
|
|
</div>
|
53 |
|
|
<div>
|
54 |
|
|
<label class="uk-form-controls-text control-label">Current Compatibility Level</label>
|
55 |
|
|
<div *ngIf="existingCompLevel">{{ existingCompLevel ? existingCompLevel : 'not available' }}</div>
|
56 |
|
|
</div>
|
57 |
|
|
</div>
|
58 |
|
|
</div>
|