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
                        <span class="title">Finish</span>
42
                      </a>
43
                    </li>
44
                  </ul>
45
                </div>
46
                <div class="content clearfix" style="height: 660px">
47

    
48
                  <div *ngIf="loadingMessage" class="loading-big">
49
                    <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
50
                      {{ loadingMessage }}
51
                    </div>
52
                    <div class="whiteFilm"></div>
53
                  </div>
54
                  <div *ngIf="errorMessage" class="uk-alert uk-alert-danger uk-margin-top">{{ errorMessage }}</div>
55

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

    
72
                  <!-- second section -->
73
                  <h3 id="wizard_advanced-h-1" tabindex="-1" class="title {{ (currentStep == 2) ? 'current' : '' }}">Enter Information</h3>
74
                  <section id="wizard_advanced-p-1" role="tabpanel" aria-labelledby="wizard_advanced-h-1"
75
                           class="body step-1 {{ (currentStep == 2) ? 'current' : '' }}" data-step="1"  aria-hidden="true">
76
                    <!--<h2 class="heading_a">-->
77
                    <!--Enter Information-->
78
                    <!--<span class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</span>-->
79
                    <!--</h2>-->
80
                    <!--<hr class="md-hr">-->
81

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

    
84
                      <div *ngFor="let inter of dataForInterfaceComp" class="uk-width-1-2@m uk-margin-bottom">
85
                        <div>
86
                          <div class="md-card" style="height: 100%">
87
                            <app-repository-interface-form #interfacesArray
88
                                                           [data]="inter"
89
                                                           (emitDeleteInterface)="removeInterfaceFromList($event)">
90
                            </app-repository-interface-form>
91
                          </div>
92
                        </div>
93
                      </div>
94

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

    
111
                      </div>
112

    
113

    
114
                    </div>
115
                  </section>
116

    
117
                  <!-- third section -->
118
                  <h3 id="wizard_advanced-h-2" tabindex="-1" class="title {{ (currentStep == 3) ? 'current' : '' }}">Add Interfaces</h3>
119
                  <section id="wizard_advanced-p-2" role="tabpanel" aria-labelledby="wizard_advanced-h-2"
120
                           class="body step-2 {{ (currentStep == 3) ? 'current' : '' }}" data-step="2" aria-hidden="true">
121
                    <div *ngIf="(currentStep === 3) && !loadingMessage" class="row openAIRECompliantLogoDownload">
122
                      <div class="col-lg-12">
123
                        <div class="col-md-12">
124
                          <div>
125
                            <div class="openAIRECompliantLogo">
126
                              <h2 class="openAIRECompliantLogoMessage">
127
                                We successfully received the request to register your repository to the OpenAIRE compliant list of content providers.
128
                                A validation process against the OpenAIRE guidelines compatibility has been started.
129
                                You will be informed via email once the process is finished.
130
                                <!--Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.-->
131
                              </h2>
132
                              <!--<img src="../../../../assets/imgs/3_0ValidatedLogo.png" alt="OpenAireCompliant">-->
133
                            </div>
134
                          </div>
135
                          <!--<a (click)="downloadLogo()">-->
136
                          <!--Download-->
137
                          <!--<i class="fa fa-download" style=""></i>-->
138
                          <!--</a>-->
139
                        </div>
140
                      </div>
141
                    </div>
142
                  </section>
143

    
144
                </div>
145
                <div *ngIf="currentStep != 3" class="actions clearfix">
146
                  <ul role="menu" aria-label="Pagination">
147
                    <li class="button_previous {{ (currentStep < 1) ? 'disabled' : '' }}" aria-disabled="true">
148
                      <a (click)="moveBackAStep()" role="menuitem"><i class="material-icons"></i> Previous</a>
149
                    </li>
150
                    <li *ngIf="currentStep < 2" class="button_next" aria-hidden="false" aria-disabled="false">
151
                      <a (click)="moveAStep()" role="menuitem">Next<i class="material-icons"></i></a>
152
                    </li>
153
                    <li *ngIf="currentStep == 2" class="button_finish" aria-hidden="true">
154
                      <a (click)="moveAStep()" role="menuitem">Finish</a>
155
                    </li>
156
                  </ul>
157
                </div>
158
              </div>
159
            </form>
160
          </div>
161
        </div>
162
      </div>
163

    
164
      <!-- RIGHT HELP CONTENT -->
165
      <aside-help-content #rightHelperContent [position]="'right'"
166
                          [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
167
      </aside-help-content>
168

    
169
    </div>
170

    
171
    <!-- BOTTOM HELP CONTENT -->
172
    <help-content #bottomHelperContent [position]="'bottom'"
173
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
174
    </help-content>
175

    
176
  </div>
177
</div>
178

    
179

    
180

    
181
<!--<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">-->
182
  <!--<div class="uk-width-1-1@m uk-first-column">-->
183

    
184
    <!--<h1 class="uk-h2">Register your datasource</h1>-->
185

    
186
    <!--&lt;!&ndash; TOP HELP CONTENT &ndash;&gt;-->
187
    <!--<help-content #topHelperContent [position]="'top'"-->
188
                  <!--[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">-->
189
    <!--</help-content>-->
190

    
191
    <!--<div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">-->
192
      <!--<div class="uk-grid">-->
193

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

    
199
        <!--&lt;!&ndash; MIDDLE &ndash;&gt;-->
200
        <!--<div class=" uk-width-expand@m">-->
201

    
202
          <!--<div class="wizard">-->
203
            <!--<div class="wizardBreadcrumbs">-->
204
              <!--<div class="steps clearfix">-->
205
                <!--<div class="step active">-->
206
                  <!--<div>-->
207
                    <!--Enter Information-->
208
                    <!--<span></span>-->
209
                  <!--</div>-->
210
                <!--</div>-->
211
                <!--<div class="step {{ (currentStep > 1) ? 'active' : '' }}">-->
212
                  <!--<div>-->
213
                    <!--Add Interfaces-->
214
                    <!--<span></span>-->
215
                  <!--</div>-->
216
                <!--</div>-->
217
                <!--<div class="step {{ (currentStep > 2) ? 'active' : '' }}">-->
218
                  <!--<div>-->
219
                    <!--Finish-->
220
                    <!--<span></span>-->
221
                  <!--</div>-->
222
                <!--</div>-->
223
              <!--</div>-->
224
            <!--</div>-->
225
            <!--<div class="content">-->
226
              <!--<div>-->
227
                <!--<div class="animated fadeInRight stepContent">-->
228
                  <!--<div *ngIf="loadingMessage" class="loading-big">-->
229
                    <!--<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">-->
230
                      <!--{{ loadingMessage }}-->
231
                    <!--</div>-->
232
                    <!--<div class="whiteFilm"></div>-->
233
                  <!--</div>-->
234
                  <!--<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>-->
235

    
236
                  <!--<div>-->
237
                    <!--<datasource-create-form *ngIf="(currentStep === 1) && !loadingMessage"-->
238
                                            <!--#registerDatasource-->
239
                                            <!--[mode]="datasourceType"-->
240
                                            <!--[selectedRepo]="repo"-->
241
                                            <!--(emittedInfo)="getCurrentRepo($event)"></datasource-create-form>-->
242

    
243
                    <!--<div *ngIf="(currentStep === 2) && repo && !loadingMessage" class="uk-grid uk-child-width-1-2">-->
244
                      <!--<div *ngFor="let inter of dataForInterfaceComp"-->
245
                           <!--class="interfacesForm el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom">-->
246
                        <!--<app-repository-interface-form #interfacesArray-->
247
                                                       <!--[data]="inter"-->
248
                                                       <!--(emitDeleteInterface)="removeInterfaceFromList($event)">-->
249
                        <!--</app-repository-interface-form>-->
250
                      <!--</div>-->
251
                      <!--<div class="el-item uk-card uk-card-default uk-card-body uk-scrollspy-inview uk-animation-fade uk-margin-bottom">-->
252
                        <!--<div class="interface-box new" style="text-align: center">-->
253
                          <!--<a class="add-new-element add-new-group" (click)="addInterfaceToList()">-->
254
                            <!--<i class="far fa-plus-square" aria-hidden="true"></i>-->
255
                            <!--<span class="info">Add New Interface</span>-->
256
                          <!--</a>-->
257
                        <!--</div>-->
258
                      <!--</div>-->
259
                    <!--</div>-->
260
                    <!--<div *ngIf="(currentStep === 3) && !loadingMessage" class="row openAIRECompliantLogoDownload">-->
261
                      <!--<div class="col-lg-12">-->
262
                        <!--<div class="col-md-12">-->
263
                          <!--<div>-->
264
                            <!--<div class="openAIRECompliantLogo">-->
265
                              <!--<h2 class="openAIRECompliantLogoMessage">-->
266
                                <!--We successfully received the request to register your repository to the OpenAIRE compliant list of content providers.-->
267
                                <!--A validation process against the OpenAIRE guidelines compatibility has been started.-->
268
                                <!--You will be informed via email once the process is finished.-->
269
                                <!--&lt;!&ndash;Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.&ndash;&gt;-->
270
                              <!--</h2>-->
271
                              <!--&lt;!&ndash;<img src="../../../../assets/imgs/3_0ValidatedLogo.png" alt="OpenAireCompliant">&ndash;&gt;-->
272
                            <!--</div>-->
273
                          <!--</div>-->
274
                          <!--&lt;!&ndash;<a (click)="downloadLogo()">&ndash;&gt;-->
275
                            <!--&lt;!&ndash;Download&ndash;&gt;-->
276
                            <!--&lt;!&ndash;<i class="fa fa-download" style=""></i>&ndash;&gt;-->
277
                          <!--&lt;!&ndash;</a>&ndash;&gt;-->
278
                        <!--</div>-->
279
                      <!--</div>-->
280
                    <!--</div>-->
281
                  <!--</div>-->
282
                <!--</div>-->
283
              <!--</div>-->
284
            <!--</div>-->
285
            <!--<div class="wizardActions">-->
286
              <!--<button *ngIf="(currentStep === 2) && !loadingMessage" class="uk-button uk-button-grey-light uk-margin-small-right"-->
287
                      <!--type="button" (click)="moveBackAStep()">-->
288
                <!--<i class="fa fa-angle-double-left"></i>-->
289
                <!--Back-->
290
              <!--</button>-->
291
              <!--<button *ngIf="(currentStep < 3) && !loadingMessage" class="uk-button uk-button-grey-light uk-margin-small-left"-->
292
                      <!--type="button" (click)="moveAStep()">-->
293
                <!--Next-->
294
                <!--<i class="fa fa-angle-double-right"></i>-->
295
              <!--</button>-->
296
            <!--</div>-->
297
          <!--</div>-->
298

    
299
        <!--</div>-->
300

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

    
306
      <!--</div>-->
307
    <!--</div>-->
308

    
309

    
310
    <!--&lt;!&ndash; BOTTOM HELP CONTENT &ndash;&gt;-->
311
    <!--<help-content #bottomHelperContent [position]="'bottom'"-->
312
                  <!--[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">-->
313
    <!--</help-content>-->
314

    
315

    
316
  <!--</div>-->
317
<!--</div>-->
(5-5/10)