Project

General

Profile

Download (3.32 KB) Statistics
| Revision:

dnet45/modules/uoa-repository-dashboard-gui/trunk/app/pages/sources/sources-forms/datasource-interface-form.component.html @ 51830

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