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