Project

General

Profile

1
<div id="page_content_inner">
2
  <!--<h2 *ngIf="repoName" class="heading_b uk-margin-bottom">Recent aggregation history for {{ repoName }}</h2>-->
3

    
4
  <!-- TOP HELP CONTENT -->
5
  <help-content #topHelperContent [position]="'top'"
6
                [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
7
  </help-content>
8

    
9
  <div class="uk-grid">
10

    
11
    <!-- LEFT HELP CONTENT -->
12
    <aside-help-content #leftHelperContent [position]="'left'"
13
                        [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
14
    </aside-help-content>
15

    
16
    <!-- MIDDLE -->
17
    <div class=" uk-width-expand@m">
18

    
19
      <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
20
      <div *ngIf="loadingMessage" class="loading-big">
21
        <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
22
          {{ loadingMessage }}
23
        </div>
24
        <div class="transparentFilm"></div>
25
      </div>
26
      <div *ngIf="noAggregations">{{ noAggregations }}</div>
27
      <div *ngIf="latestAggregations && (latestAggregations.length > 0) && !noAggregations">
28

    
29
        <div class="uk-width-large-2-3 uk-container-center">
30
          <div class="timeline timeline-center">
31
            <div *ngFor="let aggr of latestAggregations" class="timeline_item">
32
              <div class="timeline_icon timeline_icon_white uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up"
33
                   data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible', delay:300, repeat: true}">
34
                <ng-container *ngIf="aggr.indexedVersion">
35
                  <img src="https://www.openaire.eu/images/Logos/Favicon-90x90.png" style="width: 80%;margin-top: 9%;">
36
                </ng-container>
37
                <!--<i class="material-icons"></i>-->
38
              </div>
39
              <div *ngIf="aggr.date" class="timeline_date uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-right"
40
                   data-uk-scrollspy="{cls:'uk-animation-slide-right uk-invisible', delay:300}">
41
                {{ aggr.date | date : "yyyy-MM-dd" }}
42
              </div>
43
              <div class="timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-left"
44
                   data-uk-scrollspy="{cls:'uk-animation-slide-left uk-invisible', delay:300}">
45
                  <span *ngIf="aggr.indexedVersion" class="ng-star-inserted uk-inline uk-float-right uk-badge"
46
                        style="padding-top: 3px;padding-left: 10px;padding-right: 10px;margin-top: 5px;">Indexed version</span>
47

    
48
                <div class="timeline_content_addon">
49
                  <ul class="md-list md-list-addon">
50
                    <li *ngIf="aggr.aggregationStage">
51
                      <div class="md-list-addon-element">
52
                          <span *ngIf="aggr.aggregationStage=='TRANSFORM'" class="md-user-image md-list-addon-avatar dense-image dense-ready">
53
                            <i class="material-icons">transform</i>
54
                          </span>
55
                        <span *ngIf="aggr.aggregationStage=='COLLECT'" class="md-user-image md-list-addon-avatar dense-image dense-ready">
56
                            <i class="material-icons">collections</i>
57
                          </span>
58
                        <!--<img class="md-user-image md-list-addon-avatar dense-image dense-ready" src="assets/img/avatars/avatar_02_tn@2x.png" alt="" data-dense-cap="2">-->
59
                      </div>
60
                      <div class="md-list-content">
61
                        <span class="md-list-heading">Aggregation stage</span>
62
                        <span class="uk-text-small uk-text-muted">{{ aggr.aggregationStage }}</span>
63
                      </div>
64
                    </li>
65
                    <li *ngIf="aggr.collectionMode">
66
                      <div class="md-list-addon-element">
67
                          <span *ngIf="aggr.collectionMode=='REFRESH'" class="md-user-image md-list-addon-avatar dense-image dense-ready">
68
                            <i class="material-icons">refresh</i>
69
                          </span>
70
                        <!--<img class="md-user-image md-list-addon-avatar dense-image dense-ready" src="assets/img/avatars/avatar_02_tn@2x.png" alt="" data-dense-cap="2">-->
71
                      </div>
72
                      <div class="md-list-content">
73
                        <span class="md-list-heading">Collection mode</span>
74
                        <span class="uk-text-small uk-text-muted">{{ aggr.collectionMode }}</span>
75
                      </div>
76
                    </li>
77
                    <li *ngIf="aggr.numberOfRecords">
78
                      <div class="md-list-addon-element">
79
                          <span class="md-user-image md-list-addon-avatar dense-image dense-ready">
80
                            <i class="material-icons">list</i>
81
                          </span>
82
                      </div>
83
                      <div class="md-list-content">
84
                        <span class="md-list-heading">Number of records</span>
85
                        <span class="uk-text-small uk-text-muted">{{ aggr.numberOfRecords }}</span>
86
                      </div>
87
                    </li>
88
                  </ul>
89
                  <!--<p *ngIf="aggr.indexedVersion !== null">Is the indexed version - {{ (aggr.indexedVersion === true) ? 'Yes': 'No' }}</p>-->
90
                </div>
91

    
92
              </div>
93
            </div>
94
          </div>
95
        </div>
96

    
97
        <div class="uk-margin-top uk-text-center">
98
          <a *ngIf="repo" [routerLink]="['/repository/' + repo.id + '/aggregationHistory/fullHistory']" class="uk-h3 uk-link">See more results ...</a>
99
        </div>
100

    
101

    
102
      </div>
103
    </div>
104

    
105
    <!-- RIGHT HELP CONTENT -->
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>
109

    
110
  </div>
111

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

    
117
</div>
118

    
(3-3/6)