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">Aggregation history for {{ repoName }}</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 *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
23
          <div *ngIf="loadingMessage" class="loading-big">
24
            <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
25
              {{ loadingMessage }}
26
            </div>
27
            <div class="whiteFilm"></div>
28
          </div>
29
          <div *ngIf="noAggregations">{{ noAggregations }}</div>
30
          <div *ngIf="aggregationsMap && years && (years.length > 0) && !noAggregations">
31
            <div *ngFor="let year of years" class="uk-width-1-1@m">
32
              <div>
33
                <h4>{{ year }}</h4>
34
                <div *ngFor="let aggr of aggregationsMap[year]">
35
                  <div class="uk-grid uk-child-width-1-4">
36
                    <div><span *ngIf="aggr.date">{{ aggr.date | date : "yyyy-MM-dd" }}</span></div>
37
                    <div><span *ngIf="aggr.aggregationStage">Aggregation stage: {{ aggr.aggregationStage }}</span></div>
38
                    <div><span *ngIf="aggr.collectionMode">CollectionMode: {{ aggr.collectionMode }}</span></div>
39
                    <div><span *ngIf="aggr.numberOfRecords">Number of records: {{ aggr.numberOfRecords }}</span></div>
40
                  </div>
41
                </div>
42
              </div>
43
              <!--<div class="section md-bg-blue-grey-700">
44
                <div class="uk-container uk-container-center">
45
                  <div class="al_timeline">
46
                    <div *ngFor="let aggr of aggregationsMap[year]" class="al_timeline_block versionChange">
47
                      <div class="al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up"></div>
48
                      <div class="al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-left">
49
                        <h3 *ngIf="aggr.date">{{ aggr.date | date : "yyyy-MM-dd" }}</h3>
50
                        <p *ngIf="aggr.aggregationStage">Aggregation stage - {{ aggr.aggregationStage }}</p>
51
                        <p *ngIf="aggr.collectionMode">CollectionMode - {{ aggr.collectionMode }}</p>
52
                        <p>Number of records - {{ aggr.numberOfRecords }}</p>
53
                      </div>
54
                    </div>
55
                  </div>
56
                </div>
57
              </div>-->
58
              <hr>
59
            </div>
60
          </div>
61

    
62
          <div *ngIf="repo" class="uk-inline">
63
            <div class="uk-float-right" style="z-index: 100; bottom: 30px; position: fixed; right: 30px;">
64
              <button [routerLink]="['/compatibility/monitor', repo.id]"
65
                      style="box-shadow: 0 1px 10px #444444"
66
                      class="uk-button uk-button-primary">
67
                Go back
68
              </button>
69
            </div>
70
          </div>
71

    
72
        </div>
73

    
74
        <!-- RIGHT HELP CONTENT -->
75
        <aside-help-content #rightHelperContent [position]="'right'"
76
                            [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
77
        </aside-help-content>
78

    
79
      </div>
80
    </div>
81

    
82

    
83
    <!-- BOTTOM HELP CONTENT -->
84
    <help-content #bottomHelperContent [position]="'bottom'"
85
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
86
    </help-content>
87

    
88

    
89
  </div>
90
</div>
(1-1/17)