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 *ngIf="errorMessage" class="uk-alert uk-alert-warning">{{errorMessage}}</div>
49
                  <div>
50
                    <datasource-create-form *ngIf="showForm"
51
                                            #registerJournal
52
                                            (emittedInfo)="getCurrentRepo($event)"></datasource-create-form>
53

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

    
99
        </div>
100

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

    
106
      </div>
107
    </div>
108

    
109

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

    
115

    
116
  </div>
117
</div>
(7-7/10)