Project

General

Profile

1
<div>
2
  <div *ngIf="loadingMessage" class="loading-big">
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>
9
    </div>
10

    
11
  </div>
12
  <div *ngIf="repoInterfaceForm && (!loadingMessage || (loadingMessage===''))" [formGroup]="repoInterfaceForm">
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>-->
20
    </div>
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" [ngClass]="{'uk-alert-warning': errorMessage == invalidCustomBaseUrl,
30
                'uk-alert-danger': errorMessage != invalidCustomBaseUrl}" style="clear: both">{{ errorMessage }}</div>
31

    
32
      <div class="md-input-wrapper uk-margin-medium-top {{ (repoInterfaceForm.get('baseUrl') != null) ? 'md-input-filled' : '' }}">
33
        <label class="" for="baseUrl" title="{{ baseUrlDesc.desc }}">Base OAI-PMH URL (*)</label>
34
        <span *ngIf="showIdentifiedBaseUrl" class="help-block inline" style="margin-top: 8px; margin-bottom: 0px; padding-left: 10px; display: block;">
35
          Identified
36
        </span>
37
        <input id="baseUrl" type="text" class="md-input" formControlName="baseUrl" (blur)="getInterfaceInfo()">
38
        <span class="md-input-bar"></span>
39
      </div>
40

    
41

    
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
      <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>
63
        <div class="md-input-wrapper">
64
          <!--<label class="">Select repository's country</label>-->
65
          <select class="md-input" id="selectValidationSet{{interfaceID}}" formControlName="selectValidationSet" (change)="checkIfValid()">
66
            <option value="" selected>-- none selected --</option>
67
            <option *ngFor="let set of valsetList" value="{{set}}">{{set}}</option>
68
          </select>
69
          <span class="md-input-bar"></span>
70
        </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

    
86
      </div>
87

    
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>&#45;&#45; none selected &#45;&#45;</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
      <div class="md-input-wrapper md-input-filled uk-margin-medium-top">
115
        <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()">
117
          <option value="">-- none selected --</option>
118
          <option *ngFor="let key of classCodes" value="{{key}}">{{compClasses[key]}}</option>
119
        </select>
120
        <span class="md-input-bar"></span>
121
      </div>
122

    
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="">&#45;&#45; none selected &#45;&#45;</option>-->
127
          <!--<option *ngFor="let key of classCodes" value="{{key}}">{{compClasses[key]}}</option>-->
128
        <!--</select>-->
129
      <!--</div>-->
130

    
131
      <div class="">
132
        <label class="">Current Compatibility Level</label>
133
        <div *ngIf="existingCompLevel">{{ existingCompLevel ? existingCompLevel : 'not available' }}</div>
134
      </div>
135

    
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>-->
140

    
141
      <div class="uk-margin-medium-top">
142
        <label class="" for="comments" title="{{ commentsDesc.desc }}">Comments</label>
143
        <textarea id="comments" class="uk-textarea" rows="3" formControlName="comments"></textarea>
144
      </div>
145

    
146
    </div>
147

    
148
  </div>
149
</div>
(3-3/8)