Project

General

Profile

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