Revision 57088
Added by Stefania Martziou over 4 years ago
datasource-new-interface-form.component.html | ||
---|---|---|
1 | 1 |
<div> |
2 | 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 }} |
|
3 |
|
|
4 |
<div class="md-class-content"> |
|
5 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
|
6 |
{{ loadingMessage }} |
|
7 |
</div> |
|
8 |
<div class="whiteFilm"></div> |
|
5 | 9 |
</div> |
6 |
<div class="whiteFilm"></div> |
|
10 |
|
|
7 | 11 |
</div> |
8 | 12 |
<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> |
|
13 |
|
|
14 |
<div class="md-card-toolbar"> |
|
15 |
<div class="md-card-toolbar-actions"> |
|
16 |
<a *ngIf="!inRegister" (click)="saveInterface()" class="uk-margin-small-right"><i class="md-icon material-icons">save</i></a> |
|
17 |
<a (click)="removeInterface()" class="uk-margin-small-left"><i class="md-icon material-icons">clear</i></a> |
|
18 |
</div> |
|
19 |
<!--<h3 class="md-card-toolbar-heading-text"> Card Heading </h3>--> |
|
12 | 20 |
</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>
|
|
21 |
|
|
22 |
<!--<div class="md-card-toolbar interfaceActionsPanel">-->
|
|
23 |
<!--<a *ngIf="!inRegister" (click)="saveInterface()" class="uk-margin-small-right"><i class="far fa-save fa-lg"></i></a>-->
|
|
24 |
<!--<a (click)="removeInterface()" class="uk-margin-small-left"><i class="fas fa-times fa-lg"></i></a>-->
|
|
25 |
<!--</div>-->
|
|
26 |
|
|
27 |
<div class="md-card-content">
|
|
28 |
<div *ngIf="successMessage" class="uk-alert uk-alert-success" style="clear: both">{{ successMessage }}</div>
|
|
29 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger" style="clear: both">{{ errorMessage }}</div>
|
|
30 |
|
|
31 |
<div class="md-input-wrapper uk-margin-medium-top {{ (repoInterfaceForm.get('baseUrl') != null) ? 'md-input-filled' : '' }}">
|
|
32 |
<label class="" for="baseUrl" title="{{ baseUrlDesc.desc }}">Base OAI-PMH URL (*)</label>
|
|
33 |
<span *ngIf="identifiedBaseUrl" class="help-block inline" style="margin-top: 8px; margin-bottom: 0px; padding-left: 10px; display: block;">
|
|
34 |
Identified
|
|
35 |
</span>
|
|
36 |
<input id="baseUrl" type="text" class="md-input" formControlName="baseUrl" (blur)="getInterfaceInfo()">
|
|
37 |
<span class="md-input-bar"></span>
|
|
30 | 38 |
</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> |
|
39 |
|
|
40 |
|
|
41 |
<!--<div class="form-group has-success">--> |
|
42 |
<!--<label class="control-label" for="baseUrl" title="{{ baseUrlDesc.desc }}">Base OAI-PMH URL (*)</label>--> |
|
43 |
<!--<span *ngIf="identifiedBaseUrl" class="help-block inline" style="margin-top: 0px; margin-bottom: 0px; padding-left: 10px;">--> |
|
44 |
<!--Identified--> |
|
45 |
<!--</span>--> |
|
46 |
<!--<input id="baseUrl" type="text" class="form-control" formControlName="baseUrl" (blur)="getInterfaceInfo()">--> |
|
47 |
<!--</div>--> |
|
48 |
|
|
49 |
|
|
50 |
<div class="radioButtonForm uk-margin-top"> |
|
51 |
<label class="control-label">Validation Set</label> |
|
52 |
|
|
53 |
<div class="form-group"> |
|
54 |
<label for="selectRadio{{interfaceID}}" title="{{ existingValSetDesc.desc }}" |
|
55 |
class="uk-button uk-link-muted visible_uk_links" |
|
56 |
style="display: block; text-align: left;"> |
|
57 |
<input id="selectRadio{{interfaceID}}" value="select" name="validationSet{{interfaceID}}" type="radio" |
|
58 |
(change)="chooseValSet(true)" checked > |
|
59 |
<span class="uk-margin-small-left">Choose existing</span> |
|
60 |
</label> |
|
61 |
</div> |
|
62 |
<div class="md-input-wrapper"> |
|
63 |
<!--<label class="">Select repository's country</label>--> |
|
64 |
<select class="md-input" id="selectValidationSet{{interfaceID}}" formControlName="selectValidationSet" (change)="checkIfValid()"> |
|
65 |
<option value="" selected>-- none selected --</option> |
|
66 |
<option *ngFor="let set of valsetList" value="{{set}}">{{set}}</option> |
|
67 |
</select> |
|
68 |
<span class="md-input-bar"></span> |
|
69 |
</div> |
|
70 |
<div class="form-group"> |
|
71 |
<label for="customRadio{{interfaceID}}" title="{{ customValSetDesc.desc }}" |
|
72 |
class="uk-button uk-link-muted visible_uk_links" |
|
73 |
style="display: block; text-align: left;"> |
|
74 |
<input id="customRadio{{interfaceID}}" value="custom" name="validationSet{{interfaceID}}" type="radio" |
|
75 |
(change)="chooseValSet(false)"> |
|
76 |
<span class="uk-margin-small-left">or a custom one</span> |
|
77 |
</label> |
|
78 |
</div> |
|
79 |
<div class="md-input-wrapper"> |
|
80 |
<input id="customValidationSet{{interfaceID}}" formControlName="customValidationSet" |
|
81 |
class="md-input" type="text" (keyup)="checkIfValid()"> |
|
82 |
<span class="md-input-bar"></span> |
|
83 |
</div> |
|
84 |
|
|
42 | 85 |
</div> |
43 |
<input id="customValidationSet{{interfaceID}}" formControlName="customValidationSet" |
|
44 |
class="form-control" type="text" (keyup)="checkIfValid()"> |
|
86 |
|
|
87 |
|
|
88 |
<!--<div class="form-group">--> |
|
89 |
<!--<label class="control-label">Validation Set</label>--> |
|
90 |
<!--<div>--> |
|
91 |
<!--<label class="uk-button validationSetRadio" for="selectRadio{{interfaceID}}" title="{{ existingValSetDesc.desc }}">--> |
|
92 |
<!--<input id="selectRadio{{interfaceID}}" value="select" name="validationSet{{interfaceID}}" type="radio"--> |
|
93 |
<!--(change)="chooseValSet(true)" checked >--> |
|
94 |
<!--<span class="uk-margin-small-left">Choose existing</span>--> |
|
95 |
<!--</label>--> |
|
96 |
<!--</div>--> |
|
97 |
<!--<select id="selectValidationSet{{interfaceID}}" formControlName="selectValidationSet"--> |
|
98 |
<!--class="form-control" (change)="checkIfValid()">--> |
|
99 |
<!--<option value="" selected>-- none selected --</option>--> |
|
100 |
<!--<option *ngFor="let set of valsetList" value="{{set}}">{{set}}</option>--> |
|
101 |
<!--</select>--> |
|
102 |
<!--<div>--> |
|
103 |
<!--<label class="uk-button validationSetRadio" for="customRadio{{interfaceID}}" title="{{ customValSetDesc.desc }}">--> |
|
104 |
<!--<input id="customRadio{{interfaceID}}" value="custom" name="validationSet{{interfaceID}}" type="radio"--> |
|
105 |
<!--(change)="chooseValSet(false)">--> |
|
106 |
<!--<span class="uk-margin-small-left">or a custom one</span>--> |
|
107 |
<!--</label>--> |
|
108 |
<!--</div>--> |
|
109 |
<!--<input id="customValidationSet{{interfaceID}}" formControlName="customValidationSet"--> |
|
110 |
<!--class="form-control" type="text" (keyup)="checkIfValid()">--> |
|
111 |
<!--</div>--> |
|
112 |
|
|
113 |
<div class="md-input-wrapper md-input-filled uk-margin-medium-top"> |
|
114 |
<label class="" for="compLvl" title="{{ compatibilityLevelDesc.desc }}">Desired Compatibility Level (*)</label> |
|
115 |
<select class="md-input" id="compLvl" formControlName="compatibilityLevel" (change)="checkIfValid()"> |
|
116 |
<option value="">-- none selected --</option> |
|
117 |
<option *ngFor="let key of classCodes" value="{{key}}">{{compClasses[key]}}</option> |
|
118 |
</select> |
|
119 |
<span class="md-input-bar"></span> |
|
120 |
</div> |
|
121 |
|
|
122 |
<!--<div class="form-group">--> |
|
123 |
<!--<label class="control-label" for="compLvl" title="{{ compatibilityLevelDesc.desc }}">Desired Compatibility Level (*)</label>--> |
|
124 |
<!--<select class="form-control" id="compLvl" formControlName="compatibilityLevel" (change)="checkIfValid()">--> |
|
125 |
<!--<option value="">-- none selected --</option>--> |
|
126 |
<!--<option *ngFor="let key of classCodes" value="{{key}}">{{compClasses[key]}}</option>--> |
|
127 |
<!--</select>--> |
|
128 |
<!--</div>--> |
|
129 |
|
|
130 |
<div class=""> |
|
131 |
<label class="">Current Compatibility Level</label> |
|
132 |
<div *ngIf="existingCompLevel">{{ existingCompLevel ? existingCompLevel : 'not available' }}</div> |
|
133 |
</div> |
|
134 |
|
|
135 |
<!--<div>--> |
|
136 |
<!--<label class="uk-form-controls-text control-label">Current Compatibility Level</label>--> |
|
137 |
<!--<div *ngIf="existingCompLevel">{{ existingCompLevel ? existingCompLevel : 'not available' }}</div>--> |
|
138 |
<!--</div>--> |
|
45 | 139 |
</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> |
|
140 |
|
|
57 | 141 |
</div> |
58 | 142 |
</div> |
Also available in: Unified diff
First commit for the new UI theme