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
                    Enter Information
28
                    <span></span>
29
                  </div>
30
                </div>
31
                <div class="step {{ step2 }}">
32
                  <div>
33
                    Add Interfaces
34
                    <span></span>
35
                  </div>
36
                </div>
37
                <div class="step {{ step3 }}">
38
                  <div>
39
                    Finish
40
                    <span></span>
41
                  </div>
42
                </div>
43
              </div>
44
            </div>
45
            <div class="content">
46
              <div>
47
                <div class="animated fadeInRight stepContent">
48
                  <div>
49
                    <datasource-create-form *ngIf="showForm"
50
                                            #registerAggregator
51
                                            (emittedInfo)="getCurrentRepo($event)"></datasource-create-form>
52

    
53
                    <div *ngIf="showInterfaces && repo">
54
                      <form [formGroup]="group">
55
                        <form-repeat [component]="addDatasourceInterfaces"
56
                                     [parentGroup]="group"
57
                                     [description]="interfaceFormDesc"
58
                                     [name]="'repository-interfaces'"
59
                                     [otherData]="repo">
60
                        </form-repeat>
61
                      </form>
62
                    </div>
63
                    <div *ngIf="showFinish" class="row openAIRECompliantLogoDownload">
64
                      <div class="col-lg-12">
65
                        <div class="col-md-12">
66
                          <div class="gwt-HTML">
67
                            <div class="openAIRECompliantLogo">
68
                              <h2 class="openAIRECompliantLogoMessage">
69
                                Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.
70
                              </h2>
71
                              <img src="assets/imgs/3_0ValidatedLogo.png" alt="OpenAireCompliant">
72
                            </div>
73
                          </div>
74
                          <a>
75
                            Download
76
                            <i class="fa fa-download" style=""></i>
77
                          </a>
78
                        </div>
79
                      </div>
80
                    </div>
81
                  </div>
82
                </div>
83
              </div>
84
            </div>
85
            <div class="wizardActions">
86
              <button *ngIf="!showRepositories" class="uk-button uk-button-grey-light" type="button" (click)="moveBackAStep()">
87
                <i class="fa fa-angle-double-left"></i>
88
                Back
89
              </button>
90
              <button *ngIf="!showFinish" class="uk-button uk-button-grey-light" type="button" (click)="moveAStep()">
91
                Next
92
                <i class="fa fa-angle-double-right"></i>
93
              </button>
94
            </div>
95
          </div>
96

    
97
        </div>
98

    
99
        <!-- RIGHT HELP CONTENT -->
100
        <aside-help-content #rightHelperContent [position]="'right'"
101
                            [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
102
        </aside-help-content>
103

    
104
      </div>
105
    </div>
106

    
107

    
108
    <!-- BOTTOM HELP CONTENT -->
109
    <help-content #bottomHelperContent [position]="'bottom'"
110
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
111
    </help-content>
112

    
113

    
114
  </div>
115
</div>
116

    
117
<!--   *** OLD HTML ***
118

    
119
<div class="uk-grid uk-grid-stack">
120
  <div class="uk-width-expand@m uk-first-column">
121
    <div class="uk-margin-medium-bottom">
122
      <h1 class="uk-article-title">Register your datasource</h1>
123
    </div>
124
    <div class="wizard">
125
      <div class="wizardBreadcrumbs">
126
        <div class="steps clearfix">
127
          <div class="step active">
128
            <div>
129
              Enter Information
130
              <span></span>
131
            </div>
132
          </div>
133
          <div class="step {{ step2 }}">
134
            <div>
135
              Add Interfaces
136
              <span></span>
137
            </div>
138
          </div>
139
          <div class="step {{ step3 }}">
140
            <div>
141
              Finish
142
              <span></span>
143
            </div>
144
          </div>
145
        </div>
146
      </div>
147
      <div class="content">
148
        <div>
149
          <div class="animated fadeInRight stepContent">
150
            <div>
151
              <datasource-create-form *ngIf="showForm"
152
                                    #registerAggregator
153
                                    (emittedInfo)="getCurrentRepo($event)"></datasource-create-form>
154

    
155
              <div *ngIf="showInterfaces && repo">
156
                <form [formGroup]="group">
157
                  <form-repeat [component]="addDatasourceInterfaces"
158
                               [parentGroup]="group"
159
                               [description]="interfaceFormDesc"
160
                               [name]="'repository-interfaces'"
161
                               [otherData]="repo">
162
                  </form-repeat>
163
                </form>
164
              </div>
165
              <div *ngIf="showFinish" class="row openAIRECompliantLogoDownload">
166
                <div class="col-lg-12">
167
                  <div class="col-md-12">
168
                    <div class="gwt-HTML">
169
                      <div class="openAIRECompliantLogo">
170
                        <h2 class="openAIRECompliantLogoMessage">
171
                          Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.
172
                        </h2>
173
                        <img src="assets/imgs/3_0ValidatedLogo.png" alt="OpenAireCompliant">
174
                      </div>
175
                    </div>
176
                    <a>
177
                      Download
178
                      <i class="fa fa-download" style=""></i>
179
                    </a>
180
                  </div>
181
                </div>
182
              </div>
183
            </div>
184
          </div>
185
        </div>
186
      </div>
187
      <div class="wizardActions">
188
        <button *ngIf="!showRepositories" class="uk-button uk-button-grey-light" type="button" (click)="moveBackAStep()">
189
          <i class="fa fa-angle-double-left"></i>
190
          Back
191
        </button>
192
        <button *ngIf="!showFinish" class="uk-button uk-button-grey-light" type="button" (click)="moveAStep()">
193
          Next
194
          <i class="fa fa-angle-double-right"></i>
195
        </button>
196
      </div>
197
    </div>
198
  </div>
199
  <div class="tm-sidebar uk-width-1-4@m">
200
    <div>
201
      <div class="uk-card uk-card-body uk-card-default sidemenu">
202
        <h3 class="el-title uk-h3 uk-heading-bullet">Info</h3>
203
        <p class="small">
204
          Use the form on the right to add your repository or journal in OpenAIRE. If you want to find more information about this process
205
          &lt;!&ndash; TARGET FILE MISSING! jsps/manuals/user-manual.pdf &ndash;&gt;
206
          <a target="_blank" href="#">click here</a>
207
          .
208
        </p>
209
        <div class="uk-alert uk-alert-default small">
210
          The official repository/journal administrator (his/her email address being retrieved from the OAI-PMH verb
211
          <b>Identify</b>
212
          ) 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.
213
        </div>
214
        <p class="small">
215
          For any problems or questions please contact the
216
          <a class="external" target="_blank" href="https://www.openaire.eu/support/helpdesk" >
217
            OpenAIRE helpdesk
218
          </a>
219
          .
220
        </p>
221
      </div>
222
    </div>
223
  </div>
224
</div>
225
-->
(3-3/10)