Project

General

Profile

1
<div id="page_content">
2
  <div id="page_content_inner">
3
    <h2 class="heading_b uk-margin-bottom">Register your datasource</h2>
4

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

    
10
    <div class="uk-grid">
11

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

    
17
      <!-- MIDDLE -->
18
      <div class=" uk-width-expand@m">
19
        <div class="md-card uk-margin-large-bottom">
20
          <div class="md-card-content">
21
            <form class="uk-form-stacked" id="wizard_advanced_form" novalidate="">
22
              <div id="wizard_advanced" role="application" class="wizard clearfix">
23
                <div class="steps clearfix">
24
                  <ul role="tablist">
25
                    <li role="tab" class="first {{ (currentStep == 1) ? 'current' : '' }}" aria-disabled="false" aria-selected="true">
26
                      <a id="wizard_advanced-t-0" href="#wizard_advanced-h-0" aria-controls="wizard_advanced-p-0">
27
                        <!--<span class="current-info audible">current step: </span>-->
28
                        <span class="number">1</span>
29
                        <span class="title">Enter Information</span>
30
                      </a>
31
                    </li>
32
                    <li role="tab" class="{{ (currentStep < 2) ? 'disabled' : '' }} {{ (currentStep == 2) ? 'current' : '' }}" aria-disabled="true">
33
                      <a id="wizard_advanced-t-1" href="#wizard_advanced-h-1" aria-controls="wizard_advanced-p-1">
34
                        <span class="number">2</span>
35
                        <span class="title">Add Interfaces</span>
36
                      </a>
37
                    </li>
38
                    <li role="tab" class=" {{ (currentStep < 3) ? 'disabled' : '' }} {{ (currentStep == 3) ? 'current' : '' }}" aria-disabled="true">
39
                      <a id="wizard_advanced-t-2" href="#wizard_advanced-h-2" aria-controls="wizard_advanced-p-2">
40
                        <span class="number">3</span>
41
                    <!-- ToU: uncomment this section -->
42
                        <!--<span class="title">Terms of Use</span>
43
                      </a>
44
                    </li>
45
                    <li role="tab" class=" {{ (currentStep < 4) ? 'disabled' : '' }} {{ (currentStep == 4) ? 'current' : '' }}" aria-disabled="true">
46
                      <a id="wizard_advanced-t-3" href="#wizard_advanced-h-3" aria-controls="wizard_advanced-p-2">
47
                        <span class="number">4</span>-->
48
                        <span class="title">Finish</span>
49
                      </a>
50
                    </li>
51
                  </ul>
52
                </div>
53
                <div class="content clearfix" style="height: 660px">
54

    
55
                  <div *ngIf="loadingMessage" class="loading-big">
56
                    <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
57
                      {{ loadingMessage }}
58
                    </div>
59
                    <div class="whiteFilm"></div>
60
                  </div>
61
                  <div *ngIf="errorMessage" class="uk-alert uk-alert-danger uk-margin-top">{{ errorMessage }}</div>
62

    
63
                  <!-- first section -->
64
                  <h3 id="wizard_advanced-h-0" tabindex="-1" class="title {{ (currentStep == 1) ? 'current' : '' }}">Enter Information</h3>
65
                  <section id="wizard_advanced-p-0" role="tabpanel" aria-labelledby="wizard_advanced-h-0"
66
                           class="body step-0 {{ (currentStep == 1) ? 'current' : '' }}" data-step="0" aria-hidden="false">
67
                    <!--<h2 class="heading_a">-->
68
                    <!--Select Repository-->
69
                    <!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
70
                    <!--</h2>-->
71
                    <!--<hr class="md-hr">-->
72
                    <datasource-create-form *ngIf="(currentStep === 1) && !loadingMessage"
73
                                            #registerDatasource
74
                                            [mode]="datasourceType"
75
                                            [selectedRepo]="repo"
76
                                            (emittedInfo)="getCurrentRepo($event)"></datasource-create-form>
77
                  </section>
78

    
79
                  <!-- second section -->
80
                  <h3 id="wizard_advanced-h-1" tabindex="-1" class="title {{ (currentStep == 2) ? 'current' : '' }}">Add Interfaces</h3>
81
                  <section id="wizard_advanced-p-1" role="tabpanel" aria-labelledby="wizard_advanced-h-1"
82
                           class="body step-1 {{ (currentStep == 2) ? 'current' : '' }}" data-step="1"  aria-hidden="true">
83
                    <!--<h2 class="heading_a">-->
84
                    <!--Enter Information-->
85
                    <!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
86
                    <!--</h2>-->
87
                    <!--<hr class="md-hr">-->
88

    
89
                    <div *ngIf="(currentStep === 2) && repo && !loadingMessage" class="uk-grid uk-grid-match">
90

    
91
                      <div *ngFor="let inter of dataForInterfaceComp" class="uk-width-1-2@m uk-margin-bottom">
92
                        <div>
93
                          <div class="md-card" style="height: 100%">
94
                            <app-repository-interface-form #interfacesArray
95
                                                           [data]="inter"
96
                                                           (emitDeleteInterface)="removeInterfaceFromList($event)">
97
                            </app-repository-interface-form>
98
                          </div>
99
                        </div>
100
                      </div>
101

    
102
                      <div class="uk-width-1-2@m uk-margin-bottom">
103
                        <div>
104
                          <div class="md-card" style="height: 100%">
105
                            <div class="md-card-toolbar">
106
                            </div>
107
                            <div class="md-card-content">
108
                              <div class="interface-box new" style="text-align: center">
109
                                <a class="add-new-element add-new-group" (click)="addInterfaceToList()">
110
                                  <i class="far fa-plus-square" aria-hidden="true"></i>
111
                                  <span class="info">Add New Interface</span>
112
                                </a>
113
                              </div>
114
                            </div>
115
                          </div>
116
                        </div>
117

    
118
                      </div>
119

    
120

    
121
                    </div>
122
                  </section>
123

    
124
                  <!-- third section -->
125
                  <h3 id="wizard_advanced-h-2" tabindex="-1" class="title {{ (currentStep == 3) ? 'current' : '' }}">Finish</h3>
126
                  <!-- ToU: replace line above with line below -->
127
                  <!--                  <h3 id="wizard_advanced-h-2" tabindex="-1" class="title {{ (currentStep == 3) ? 'current' : '' }}">Terms of Use</h3>-->
128
                  <section id="wizard_advanced-p-2" role="tabpanel" aria-labelledby="wizard_advanced-h-2"
129
                           class="body step-2 {{ (currentStep == 3) ? 'current' : '' }}" data-step="2" aria-hidden="true">
130
                    <div *ngIf="(currentStep === 3) && !loadingMessage" class="row openAIRECompliantLogoDownload">
131
                    <!-- ToU: delete line above and uncomment section below -->
132
                    <!--<div *ngIf="(currentStep === 3) && !loadingMessage" class="uk-grid">
133
                      <datasource-update-terms-form #updateTermsForm
134
                                                    [selectedRepo]="repo"
135
                                                    [showButton]=false></datasource-update-terms-form>
136
                    </div>
137
                  </section>
138

    
139
                  &lt;!&ndash; fourth section &ndash;&gt;
140
                  <h3 id="wizard_advanced-h-3" tabindex="-1" class="title {{ (currentStep == 4) ? 'current' : '' }}">Finish</h3>
141
                  <section id="wizard_advanced-p-3" role="tabpanel" aria-labelledby="wizard_advanced-h-3"
142
                           class="body step-3 {{ (currentStep == 4) ? 'current' : '' }}" data-step="3" aria-hidden="true">
143
                    <div *ngIf="(currentStep === 4) && !loadingMessage" class="row openAIRECompliantLogoDownload">-->
144
                      <div class="col-lg-12">
145
                        <div class="col-md-12">
146
                          <div>
147
                            <div class="openAIRECompliantLogo">
148
                              <h2 class="openAIRECompliantLogoMessage">
149
                                We successfully received the request to register your repository to the OpenAIRE compliant list of content providers.
150
                                A validation process against the OpenAIRE guidelines compatibility has been started.
151
                                You will be informed via email once the process is finished.
152
                                <!--Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.-->
153
                              </h2>
154
                              <!--<img src="../../../../assets/imgs/3_0ValidatedLogo.png" alt="OpenAireCompliant">-->
155
                            </div>
156
                          </div>
157
                          <!--<a (click)="downloadLogo()">-->
158
                          <!--Download-->
159
                          <!--<i class="fa fa-download" style=""></i>-->
160
                          <!--</a>-->
161
                        </div>
162
                      </div>
163
                    </div>
164
                  </section>
165

    
166
                </div>
167
                <div *ngIf="currentStep != 3" class="actions clearfix">
168
                  <ul role="menu" aria-label="Pagination">
169
                    <li class="button_previous {{ (currentStep < 1) ? 'disabled' : '' }}" aria-disabled="true">
170
                      <a (click)="moveBackAStep()" role="menuitem"><i class="material-icons"></i> Previous</a>
171
                    </li>
172
                    <li *ngIf="currentStep < 2" class="button_next" aria-hidden="false" aria-disabled="false">
173
                      <a (click)="moveAStep()" role="menuitem">Next<i class="material-icons"></i></a>
174
                    </li>
175
                    <li *ngIf="currentStep == 2" class="button_finish" aria-hidden="true">
176
                      <a (click)="moveAStep()" role="menuitem">Finish</a>
177
                    </li>
178
                  </ul>
179
                </div>
180
                <!-- ToU: replace above <div> with commented section below -->
181
                <!--<div *ngIf="currentStep != 4" class="actions clearfix">
182
                  <ul role="menu" aria-label="Pagination">
183
                    <li class="button_previous {{ (currentStep <= 1) ? 'disabled' : '' }}" aria-disabled="true">
184
                      <a (click)="moveBackAStep()" role="menuitem"><i class="material-icons"></i> Previous</a>
185
                    </li>
186
                    <li *ngIf="currentStep < 3" class="button_next" aria-hidden="false" aria-disabled="false">
187
                      <a (click)="moveAStep()" role="menuitem">Next<i class="material-icons"></i></a>
188
                    </li>
189
                    <li *ngIf="currentStep == 3" class="button_finish" aria-hidden="true">
190
                      <a (click)="moveAStep()" role="menuitem">Finish</a>
191
                    </li>
192
                  </ul>
193
                </div>-->
194
              </div>
195
            </form>
196
          </div>
197
        </div>
198
      </div>
199

    
200
      <!-- RIGHT HELP CONTENT -->
201
      <aside-help-content #rightHelperContent [position]="'right'"
202
                          [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
203
      </aside-help-content>
204

    
205
    </div>
206

    
207
    <!-- BOTTOM HELP CONTENT -->
208
    <help-content #bottomHelperContent [position]="'bottom'"
209
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
210
    </help-content>
211

    
212
  </div>
213
</div>
214

    
215

    
216

    
217
<!--<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">-->
218
  <!--<div class="uk-width-1-1@m uk-first-column">-->
219

    
220
    <!--<h1 class="uk-h2">Register your datasource</h1>-->
221

    
222
    <!--&lt;!&ndash; TOP HELP CONTENT &ndash;&gt;-->
223
    <!--<help-content #topHelperContent [position]="'top'"-->
224
                  <!--[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">-->
225
    <!--</help-content>-->
226

    
227
    <!--<div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">-->
228
      <!--<div class="uk-grid">-->
229

    
230
        <!--&lt;!&ndash; LEFT HELP CONTENT &ndash;&gt;-->
231
        <!--<aside-help-content #leftHelperContent [position]="'left'"-->
232
                            <!--[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">-->
233
        <!--</aside-help-content>-->
234

    
235
        <!--&lt;!&ndash; MIDDLE &ndash;&gt;-->
236
        <!--<div class=" uk-width-expand@m">-->
237

    
238
          <!--<div class="wizard">-->
239
            <!--<div class="wizardBreadcrumbs">-->
240
              <!--<div class="steps clearfix">-->
241
                <!--<div class="step active">-->
242
                  <!--<div>-->
243
                    <!--Enter Information-->
244
                    <!--<span></span>-->
245
                  <!--</div>-->
246
                <!--</div>-->
247
                <!--<div class="step {{ (currentStep > 1) ? 'active' : '' }}">-->
248
                  <!--<div>-->
249
                    <!--Add Interfaces-->
250
                    <!--<span></span>-->
251
                  <!--</div>-->
252
                <!--</div>-->
253
                <!--<div class="step {{ (currentStep > 2) ? 'active' : '' }}">-->
254
                  <!--<div>-->
255
                    <!--Finish-->
256
                    <!--<span></span>-->
257
                  <!--</div>-->
258
                <!--</div>-->
259
              <!--</div>-->
260
            <!--</div>-->
261
            <!--<div class="content">-->
262
              <!--<div>-->
263
                <!--<div class="animated fadeInRight stepContent">-->
264
                  <!--<div *ngIf="loadingMessage" class="loading-big">-->
265
                    <!--<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">-->
266
                      <!--{{ loadingMessage }}-->
267
                    <!--</div>-->
268
                    <!--<div class="whiteFilm"></div>-->
269
                  <!--</div>-->
270
                  <!--<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>-->
271

    
272
                  <!--<div>-->
273
                    <!--<datasource-create-form *ngIf="(currentStep === 1) && !loadingMessage"-->
274
                                            <!--#registerDatasource-->
275
                                            <!--[mode]="datasourceType"-->
276
                                            <!--[selectedRepo]="repo"-->
277
                                            <!--(emittedInfo)="getCurrentRepo($event)"></datasource-create-form>-->
278

    
279
                    <!--<div *ngIf="(currentStep === 2) && repo && !loadingMessage" class="uk-grid uk-child-width-1-2">-->
280
                      <!--<div *ngFor="let inter of dataForInterfaceComp"-->
281
                           <!--class="interfacesForm el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom">-->
282
                        <!--<app-repository-interface-form #interfacesArray-->
283
                                                       <!--[data]="inter"-->
284
                                                       <!--(emitDeleteInterface)="removeInterfaceFromList($event)">-->
285
                        <!--</app-repository-interface-form>-->
286
                      <!--</div>-->
287
                      <!--<div class="el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom">-->
288
                        <!--<div class="interface-box new" style="text-align: center">-->
289
                          <!--<a class="add-new-element add-new-group" (click)="addInterfaceToList()">-->
290
                            <!--<i class="far fa-plus-square" aria-hidden="true"></i>-->
291
                            <!--<span class="info">Add New Interface</span>-->
292
                          <!--</a>-->
293
                        <!--</div>-->
294
                      <!--</div>-->
295
                    <!--</div>-->
296
                    <!--<div *ngIf="(currentStep === 3) && !loadingMessage" class="row openAIRECompliantLogoDownload">-->
297
                      <!--<div class="col-lg-12">-->
298
                        <!--<div class="col-md-12">-->
299
                          <!--<div>-->
300
                            <!--<div class="openAIRECompliantLogo">-->
301
                              <!--<h2 class="openAIRECompliantLogoMessage">-->
302
                                <!--We successfully received the request to register your repository to the OpenAIRE compliant list of content providers.-->
303
                                <!--A validation process against the OpenAIRE guidelines compatibility has been started.-->
304
                                <!--You will be informed via email once the process is finished.-->
305
                                <!--&lt;!&ndash;Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.&ndash;&gt;-->
306
                              <!--</h2>-->
307
                              <!--&lt;!&ndash;<img src="../../../../assets/imgs/3_0ValidatedLogo.png" alt="OpenAireCompliant">&ndash;&gt;-->
308
                            <!--</div>-->
309
                          <!--</div>-->
310
                          <!--&lt;!&ndash;<a (click)="downloadLogo()">&ndash;&gt;-->
311
                            <!--&lt;!&ndash;Download&ndash;&gt;-->
312
                            <!--&lt;!&ndash;<i class="fa fa-download" style=""></i>&ndash;&gt;-->
313
                          <!--&lt;!&ndash;</a>&ndash;&gt;-->
314
                        <!--</div>-->
315
                      <!--</div>-->
316
                    <!--</div>-->
317
                  <!--</div>-->
318
                <!--</div>-->
319
              <!--</div>-->
320
            <!--</div>-->
321
            <!--<div class="wizardActions">-->
322
              <!--<button *ngIf="(currentStep === 2) && !loadingMessage" class="uk-button uk-button-grey-light uk-margin-small-right"-->
323
                      <!--type="button" (click)="moveBackAStep()">-->
324
                <!--<i class="fa fa-angle-double-left"></i>-->
325
                <!--Back-->
326
              <!--</button>-->
327
              <!--<button *ngIf="(currentStep < 3) && !loadingMessage" class="uk-button uk-button-grey-light uk-margin-small-left"-->
328
                      <!--type="button" (click)="moveAStep()">-->
329
                <!--Next-->
330
                <!--<i class="fa fa-angle-double-right"></i>-->
331
              <!--</button>-->
332
            <!--</div>-->
333
          <!--</div>-->
334

    
335
        <!--</div>-->
336

    
337
        <!--&lt;!&ndash; RIGHT HELP CONTENT &ndash;&gt;-->
338
        <!--<aside-help-content #rightHelperContent [position]="'right'"-->
339
                            <!--[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">-->
340
        <!--</aside-help-content>-->
341

    
342
      <!--</div>-->
343
    <!--</div>-->
344

    
345

    
346
    <!--&lt;!&ndash; BOTTOM HELP CONTENT &ndash;&gt;-->
347
    <!--<help-content #bottomHelperContent [position]="'bottom'"-->
348
                  <!--[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">-->
349
    <!--</help-content>-->
350

    
351

    
352
  <!--</div>-->
353
<!--</div>-->
(5-5/10)