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]="'opendoar'"
58
                                                   (emitRepoId)="getRepoId($event)"></register-datasource-shareable>
59

    
60
                    <datasource-update-form *ngIf="showForm && repo"
61
                                            #updateDatasource
62
                                            [selectedRepo]="repo"></datasource-update-form>
63

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

    
116
        </div>
117

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

    
123
      </div>
124
    </div>
125

    
126

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

    
132

    
133
  </div>
134
</div>
135

    
136
<!--   *** OLD HTML ***
137

    
138
<div class="uk-grid uk-grid-stack">
139
  <div class="uk-width-expand@m uk-first-column">
140
    <div class="uk-margin-medium-bottom">
141
      <h1 class="uk-article-title">Register your datasource</h1>
142
    </div>
143
    <div class="wizard">
144
      <div class="wizardBreadcrumbs">
145
        <div class="steps clearfix">
146
          <div class="step active">
147
            <div>
148
              Select repository
149
              <span></span>
150
            </div>
151
          </div>
152
          <div class="step {{step2}}">
153
            <div>
154
              Enter information
155
              <span></span>
156
            </div>
157
          </div>
158
          <div class="step {{step3}}">
159
            <div>
160
              Add interfaces
161
              <span></span>
162
            </div>
163
          </div>
164
          <div class="step {{step4}}">
165
            <div>
166
              Finish
167
              <span></span>
168
            </div>
169
          </div>
170
        </div>
171
      </div>
172
      <div class="content">
173
        <div>
174
          <div class="animated fadeInRight stepContent">
175
            <div>
176
              <register-datasource-shareable *ngIf="showRepositories"
177
                                             #datasourcesByCountry
178
                                             [mode]="'opendoar'"
179
                                             (emitRepoId)="getRepoId($event)"></register-datasource-shareable>
180

    
181
              <datasource-update-form *ngIf="showForm && repo"
182
                                    #updateDatasource
183
                                    [selectedRepo]="repo"></datasource-update-form>
184

    
185
              <div *ngIf="loadingMessage" class="loading-big">
186
                <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
187
                  {{ loadingMessage }}
188
                </div>
189
                <div class="whiteFilm"></div>
190
              </div>
191
              <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
192
              <div *ngIf="showInterfaces && repoInterfaces">
193
                <form [formGroup]="group">
194
                  <form-repeat [component]="updateDatasourceInterfaces"
195
                               [parentGroup]="group"
196
                               [description]="interfaceFormDesc"
197
                               [name]="'repository-interfaces'"
198
                               [data]="repoInterfaces"
199
                               [otherData]="repo">
200
                  </form-repeat>
201
                </form>
202
              </div>
203
              <div *ngIf="showFinish" class="row openAIRECompliantLogoDownload">
204
                <div class="col-lg-12">
205
                  <div class="col-md-12">
206
                    <div class="gwt-HTML">
207
                      <div class="openAIRECompliantLogo">
208
                        <h2 class="openAIRECompliantLogoMessage">
209
                          Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.
210
                        </h2>
211
                        <img src="assets/imgs/3_0ValidatedLogo.png" alt="OpenAireCompliant">
212
                      </div>
213
                    </div>
214
                    <a>
215
                      Download
216
                      <i class="fa fa-download" style=""></i>
217
                    </a>
218
                  </div>
219
                </div>
220
              </div>
221
            </div>
222
          </div>
223
        </div>
224
      </div>
225
      <div class="wizardActions">
226
        <button *ngIf="!showRepositories" class="uk-button uk-button-grey-light" type="button" (click)="moveBackAStep()">
227
          <i class="fa fa-angle-double-left"></i>
228
          Back
229
        </button>
230
        <button *ngIf="!showFinish" class="uk-button uk-button-grey-light" type="button" (click)="moveAStep()">
231
          Next
232
          <i class="fa fa-angle-double-right"></i>
233
        </button>
234
      </div>
235
    </div>
236
  </div>
237
  <div class="tm-sidebar uk-width-1-4@m">
238
    <div>
239
      <div class="uk-card uk-card-body uk-card-default sidemenu">
240
        <h3>Info</h3>
241
        <p class="small">
242
          Use the form on the left to add your repository or journal in OpenAIRE. If you want to find more information about this process
243
          &lt;!&ndash; TARGET FILE MISSING! jsps/manuals/user-manual.pdf &ndash;&gt;
244
          <a target="_blank" href="#">click here</a>
245
          .
246
        </p>
247
        <div class="alert alert-default small">
248
          The official repository/journal administrator (his/her email address being retrieved from the OAI-PMH verb
249
          <b>Identify</b>) will be contacted and informed about registration request. So please make sure that you are either this person or have access to the email address, or that you have notified them.
250
        </div>
251
        <p class="small">
252
          For any problems or questions please contact the
253
          <a class="external" target="_blank" href="https://www.openaire.eu/support/helpdesk" >
254
            OpenAIRE helpdesk
255
          </a>
256
          .
257
        </p>
258
      </div>
259
    </div>
260
  </div>
261
</div>
262
-->
(9-9/10)