Project

General

Profile

« Previous | Next » 

Revision 51118

added help-service panels and created aggregationHistory

View differences:

sr-journal.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
                    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
                                            #registerJournal
51
                                            (emittedInfo)="getCurrentRepo($event)"></datasource-create-form>
52

  
53
                    <div *ngIf="showInterfaces">
54
                      <form *ngIf="repo" [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="!showForm" 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

  
1 119
<div class="uk-grid uk-grid-stack">
2 120
  <div class="uk-width-expand@m uk-first-column">
3 121
    <div class="uk-margin-medium-bottom">
......
78 196
      </div>
79 197
    </div>
80 198
  </div>
81
<!--  <div class="tm-sidebar uk-width-1-4@m">
199
  <div class="tm-sidebar uk-width-1-4@m">
82 200
    <div>
83 201
      <div class="uk-card uk-card-body uk-card-default sidemenu">
84 202
        <h3 class="el-title uk-h3 uk-heading-bullet">Info</h3>
......
102 220
        </p>
103 221
      </div>
104 222
    </div>
105
  </div>-->
106
  <aside-help-content #rightHelperContent [position]="'right'"
107
                      [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
108
  </aside-help-content>
223
  </div>
224

  
109 225
</div>
226
-->

Also available in: Unified diff