MaDgIK
/
uoa-repository-manager-ui
13
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui changes at interface form

This commit is contained in:
John Balasis 2023-01-27 10:35:29 +00:00
parent 5e94e0c59e
commit cd6bbdeee7
2 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/app/shared/reusablecomponents/sources-forms/datasource-new-interface-form.component.html
View File

@ -24,11 +24,16 @@
'uk-alert-danger': errorMessage != invalidCustomBaseUrl}" style="clear: both">{{ errorMessage }}
</div>
<div class="md-input-wrapper uk-margin-medium-top {{ (repoInterfaceForm.get('baseurl') != null) ? 'md-input-filled' : '' }}">
<label class="" for="baseurl" title="{{ baseUrlDesc.desc }}">Base OAI-PMH URL (*)</label>
<span *ngIf="showIdentifiedBaseUrl" class="help-block inline" style="margin-top: 8px; margin-bottom: 0px; padding-left: 10px; display: block;">
<div class="md-input-wrapper uk-margin-top {{ (repoInterfaceForm.get('baseurl') != null) ? 'md-input-filled' : '' }}">
<div>
<label class="uk-text-bold" for="baseurl" title="{{ baseUrlDesc.desc }}">Base OAI-PMH URL (*)</label>
</div>
<span *ngIf="showIdentifiedBaseUrl" class="help-block inline uk-text-success" style="margin-top: 8px; margin-bottom: 0px; padding-left: 10px; display: block;">
Identified
</span>
<span *ngIf="errorMessage == invalidCustomBaseUrl" class="help-block inline uk-text-warning" style="margin-top: 8px; margin-bottom: 0px; padding-left: 10px; display: block;">
Not identified
</span>
<input id="baseurl" type="text" class="md-input" [ngClass]="{'uk-disabled': !canEdit}"
formControlName="baseurl" (blur)="getInterfaceInfo()">
<span class="md-input-bar"></span>
@ -36,7 +41,7 @@
<div class="radioButtonForm uk-margin-top">
<label for="selectValidationSet{{interfaceID}}" class="control-label">Set</label>
<label for="selectValidationSet{{interfaceID}}" class="control-label uk-text-bold">Set</label>
<div class="md-input-wrapper">
<select class="md-input" id="selectValidationSet{{interfaceID}}" formControlName="selectValidationSet" (change)="checkIfValid()">
<option value="" selected>-- none selected --</option>
@ -49,9 +54,13 @@
<div class="md-input-wrapper md-input-filled uk-margin-medium-top">
<div>
<label class="" for="compLvl" title="{{ compatibilityLevelDesc.desc }}">Select the Guidelines with which your data source is compatible.
Please note that the Aggregation Team will evaluate the compatibility, so the actual compliance level may be different from which you chose.
<label class="uk-text-bold" for="compLvl" title="{{ compatibilityLevelDesc.desc }}">
Desired compatibility level (*)
</label>
<div class="uk-comment-meta uk-text-italic uk-margin-small-top uk-margin-small-bottom">
Select the Guidelines with which your data source is compatible.
Please note that the Aggregation Team will evaluate the compatibility, so the actual compliance level may be different from which you chose.
</div>
</div>
<select class="md-input" id="compLvl" formControlName="desiredCompatibilityLevel" (change)="checkIfValid()">
<option value="">-- none selected --</option>
@ -61,18 +70,24 @@
</div>
<div class="uk-margin-medium-top">
<label class="">Compatible level returned by the Validator tool after your request to register the interface.</label>
<label class="uk-text-bold">Current compatibility level</label>
<div class="uk-comment-meta uk-text-italic uk-margin-small-top uk-margin-small-bottom">
Compatible level returned by the Validator tool after your request to register the interface.
</div>
<div class="uk-margin-small-top">{{(repoInterfaceForm.get('compatibilityLevel').value && repoInterfaceForm.get('compatibilityLevel').value !== 'UNKNOWN')
? this.compClasses[repoInterfaceForm.get('compatibilityLevel').value] : 'not available' }}</div>
</div>
<div class="uk-margin-medium-top">
<label class="">Actual compatibility level of your data source, according to the validation process by the Aggregation Team. This is the compatibility level displayed on the data source public page in EXPLORE</label>
<label class="uk-text-bold">Compatibility override</label>
<div class="uk-comment-meta uk-text-italic uk-margin-small-top uk-margin-small-bottom">
Actual compatibility level of your data source, according to the validation process by the Aggregation Team. This is the compatibility level displayed on the data source public page in EXPLORE
</div>
<div class="uk-margin-small-top">{{repoInterfaceForm.get('compatibilityLevelOverride').value ? this.compClasses[repoInterfaceForm.get('compatibilityLevelOverride').value] : 'not available' }}</div>
</div>
<div class="uk-margin-medium-top">
<label class="" for="comment" title="{{ commentDesc.desc }}">Comments (What else do we need to know?)</label>
<div class="uk-margin-medium-top uk-margin-bottom">
<label class="uk-text-bold" for="comment" title="{{ commentDesc.desc }}">Comments (What else do we need to know?)</label>
<textarea id="comment" class="uk-textarea" rows="3" formControlName="comment" (blur)="checkIfValid()"></textarea>
</div>

2
src/app/shared/reusablecomponents/sources-forms/datasource-new-interface-form.component.ts
View File

@ -52,7 +52,7 @@ export class DatasourceNewInterfaceFormComponent implements OnInit {
identifiedBaseUrl: boolean;
canEdit = true;
showIdentifiedBaseUrl: boolean;
showIdentifiedBaseUrl: boolean = null;
valsetList: string[] = [];
existingCompLevel: string;
classCodes: string[] = [];