Project

General

Profile

1
<div class="uk-grid uk-grid-stack">
2
  <div class="uk-width-expand@m uk-first-column">
3
    <div class="uk-margin-medium-bottom">
4
      <h1 class="uk-article-title">Run compatibility test</h1>
5
    </div>
6
    <div class="wizard">
7
      <div class="wizardBreadcrumbs">
8
        <div class="steps clearfix">
9
          <div class="step active">
10
            <div>
11
              Select datasource
12
              <span></span>
13
            </div>
14
          </div>
15
          <div class="step {{step2}}">
16
            <div>
17
              Select guidlines
18
              <span></span>
19
            </div>
20
          </div>
21
          <div class="step {{step3}}">
22
            <div>
23
              Select parameters
24
              <span></span>
25
            </div>
26
          </div>
27
          <div class="step {{step4}}">
28
            <div>
29
              Finish
30
              <span></span>
31
            </div>
32
          </div>
33
        </div>
34
      </div>
35
      <div class="content">
36
        <div>
37
          <div class="animated fadeInRight stepContent">
38
            <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
39
            <div *ngIf="showSpinner" style="text-align: center; margin-top: 100px;">
40
              <span>{{ loadingMessage }}</span><br>
41
              <img src="/assets/imgs/loader-big.gif">
42
            </div>
43
            <div *ngIf="showDatasource">
44
              <compatibility-validate-step1 #step1ChooseBaseUrl
45
                                            [type]="type"
46
                                            [baseUrlList]="baseUrlList"></compatibility-validate-step1>
47
            </div>
48
            <div *ngIf="showGuidelines">
49
              <div>
50
                Select Guidlines
51
              </div>
52
            </div>
53
            <div *ngIf="showParameters">
54
              <div>
55
                Select Parameters
56
              </div>
57
            </div>
58
            <div *ngIf="showFinish">
59
              <div>
60
                <div class="success">
61
                  <i class="fa fa-check-circle" style=""></i>
62
                  <h3>Validation has begun successfully!</h3>
63
                </div>
64
                <div class="uk-alert uk-alert-primary marginTop20 textAlignCenter">
65
                  You will be notified by email with the results of the compatibility test.
66
                </div>
67
              </div>
68
            </div>
69
          </div>
70
        </div>
71
      </div>
72
      <div class="wizardActions">
73
        <button *ngIf="!showDatasource && !showFinish" class="uk-button uk-button-grey-light" type="button" (click)="moveBackAStep()">
74
          <i class="fa fa-angle-double-left"></i>
75
          Back
76
        </button>
77
        <button *ngIf="!showFinish" class="uk-button uk-button-grey-light" type="button" (click)="moveAStep()">
78
          <span *ngIf="!showParameters">Next</span>
79
          <span *ngIf="showParameters" class="uk-link">Finish</span>
80
          <i class="fa fa-angle-double-right"></i>
81
        </button>
82
      </div>
83
    </div>
84
  </div>
85
  <div class="tm-sidebar uk-width-1-4@m">
86
    <div *ngIf="showDatasource">
87
      <div class="uk-card uk-card-body uk-card-default sidemenu">
88
        <h3 class="el-title uk-h3 uk-heading-bullet">Select repository/journal</h3>
89
        <p class="small">
90
          Select from the list, or enter the base OAI URL of the repository/journal. The repository's/journal's published sets are exposed in a later stage and you may select one for the compatibility tests.
91
        </p>
92
      </div>
93
    </div>
94
    <div *ngIf="showGuidelines">
95
      <div class="uk-card uk-card-body uk-card-default sidemenu">
96
        <h3 class="el-title uk-h3 uk-heading-bullet">Select guidelines</h3>
97
        <p class="small">
98
          You may apply two types of compatibility tests on your repository:
99
        </p>
100
        <ul class="small">
101
          <li>Content: specific to the content/format of the dc fields</li>
102
          <li>Usage: specific to the implementation of OAI-PMH</li>
103
        </ul>
104
        <p class="small">
105
          You may select from a predifined set of rules (OpenAIRE for Literature Repositories, OpenAIRE for Data Archives) or customize them according to your needs.
106
        </p>
107
      </div>
108
    </div>
109
    <div *ngIf="showParameters">parameters</div>
110
    <div *ngIf="showFinish">finish</div>
111
  </div>
112
</div>
113

    
(5-5/13)