Project

General

Profile

« Previous | Next » 

Revision 51118

added help-service panels and created aggregationHistory

View differences:

sr-data.component.html
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]="'re3data'"
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

  
1 138
<div class="uk-grid uk-grid-stack">
2 139
  <div class="uk-width-expand@m uk-first-column">
3 140
    <div class="uk-margin-medium-bottom">
......
97 234
      </div>
98 235
    </div>
99 236
  </div>
100
<!--  <div class="tm-sidebar uk-width-1-4@m">
237
  <div class="tm-sidebar uk-width-1-4@m">
101 238
    <div>
102 239
      <div class="uk-card uk-card-body uk-card-default sidemenu">
103 240
        <h3 class="el-title uk-h3 uk-heading-bullet">Info</h3>
......
121 258
        </p>
122 259
      </div>
123 260
    </div>
124
  </div>-->
125
  <aside-help-content #rightHelperContent [position]="'right'"
126
                      [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
127
  </aside-help-content>
261
  </div>
128 262
</div>
263
-->

Also available in: Unified diff