Project

General

Profile

1
<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
2
  <div class="uk-width-1-1@m uk-first-column">
3

    
4
    <h1 class="uk-h2">Register your datasource</h1>
5

    
6
    <!-- TOP HELP CONTENT -->
7
    <help-content #topHelperContent [position]="'top'"
8
                  [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
9
    </help-content>
10

    
11
    <div class="uk-container uk-margin-medium-top uk-margin-medium-bottom">
12
      <div class="uk-grid">
13

    
14
        <!-- LEFT HELP CONTENT -->
15
        <aside-help-content #leftHelperContent [position]="'left'"
16
                            [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
17
        </aside-help-content>
18

    
19
        <!-- MIDDLE -->
20
        <div class=" uk-width-expand@m">
21

    
22
          <div class="wizard">
23
            <div class="wizardBreadcrumbs">
24
              <div class="steps clearfix">
25
                <div class="step active">
26
                  <div>
27
                    Select repository
28
                    <span></span>
29
                  </div>
30
                </div>
31
                <div class="step {{step2}}">
32
                  <div>
33
                    Enter information
34
                    <span></span>
35
                  </div>
36
                </div>
37
                <div class="step {{step3}}">
38
                  <div>
39
                    Add interfaces
40
                    <span></span>
41
                  </div>
42
                </div>
43
                <div class="step {{step4}}">
44
                  <div>
45
                    Finish
46
                    <span></span>
47
                  </div>
48
                </div>
49
              </div>
50
            </div>
51
            <div class="content">
52
              <div>
53
                <div class="animated fadeInRight stepContent">
54
                  <div>
55
                    <register-datasource-shareable *ngIf="showRepositories"
56
                                                   #datasourcesByCountry
57
                                                   [mode]="'re3data'"
58
                                                   (emitRepoId)="getRepoId($event)"
59
                                                   (promptNext)="goToStep2($event)"></register-datasource-shareable>
60

    
61
                    <datasource-update-form *ngIf="showForm && repo"
62
                                            #updateDatasource
63
                                            [selectedRepo]="repo"
64
                                            (emittedInfo)="getUpdatedRepo($event)"></datasource-update-form>
65

    
66
                    <div *ngIf="loadingMessage" class="loading-big">
67
                      <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
68
                        {{ loadingMessage }}
69
                      </div>
70
                      <div class="whiteFilm"></div>
71
                    </div>
72
                    <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
73
                    <div *ngIf="showInterfaces && repoInterfaces">
74
                      <form [formGroup]="group">
75
                        <form-repeat #interfaceFormArray
76
                                     [component]="updateDatasourceInterfaces"
77
                                     [parentGroup]="group"
78
                                     [description]="interfaceFormDesc"
79
                                     [name]="'repository-interfaces'"
80
                                     [data]="repoInterfaces"
81
                                     [otherData]="repo">
82
                        </form-repeat>
83
                      </form>
84
                    </div>
85
                    <div *ngIf="showFinish" class="row openAIRECompliantLogoDownload">
86
                      <div class="col-lg-12">
87
                        <div class="col-md-12">
88
                          <div class="gwt-HTML">
89
                            <div class="openAIRECompliantLogo">
90
                              <h2 class="openAIRECompliantLogoMessage">
91
                                Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.
92
                              </h2>
93
                              <img src="assets/imgs/3_0ValidatedLogo.png" alt="OpenAireCompliant">
94
                            </div>
95
                          </div>
96
                          <a (click)="downloadLogo()">
97
                            Download
98
                            <i class="fa fa-download" style=""></i>
99
                          </a>
100
                        </div>
101
                      </div>
102
                    </div>
103
                  </div>
104
                </div>
105
              </div>
106
            </div>
107
            <div class="wizardActions">
108
              <button *ngIf="!showRepositories" class="uk-button uk-button-grey-light" type="button" (click)="moveBackAStep()">
109
                <i class="fa fa-angle-double-left"></i>
110
                Back
111
              </button>
112
              <button *ngIf="!showFinish" class="uk-button uk-button-grey-light" type="button" (click)="moveAStep()">
113
                Next
114
                <i class="fa fa-angle-double-right"></i>
115
              </button>
116
            </div>
117
          </div>
118

    
119
        </div>
120

    
121
        <!-- RIGHT HELP CONTENT -->
122
        <aside-help-content #rightHelperContent [position]="'right'"
123
                            [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
124
        </aside-help-content>
125

    
126
      </div>
127
    </div>
128

    
129

    
130
    <!-- BOTTOM HELP CONTENT -->
131
    <help-content #bottomHelperContent [position]="'bottom'"
132
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
133
    </help-content>
134

    
135

    
136
  </div>
137
</div>
138

    
(5-5/10)