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 class="uk-alert uk-alert-danger" style="display: none;" aria-hidden="true"></div>
30
          <div *ngIf="noAggregations">{{ noHistory }}</div>
31
          <div *ngIf="aggregations && !noAggregations">
32
            <div class="uk-width-1-1@m">
33
              <div class="section md-bg-blue-grey-700">
34
                <div class="uk-container uk-container-center">
35
                  <div class="al_timeline">
36
                    <div *ngFor="let aggr of aggregations.aggregationHistory" class="al_timeline_block versionChange">
37
                      <div class="al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up">
38
                        <div class="al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-left">
39
                          <h3 *ngIf="aggr.date">{{ aggr.date }}</h3>
40
                          <p *ngIf="aggr.aggregationStage">Aggregation stage - {{ aggr.aggregationStage }}</p>
41
                          <p *ngIf="aggr.collectionMode">CollectionMode - {{ aggr.collectionMode }}</p>
42
                          <p>Number of records - {{ aggr.numberOfRecords }}</p>
43
                        </div>
44
                      </div>
45
                    </div>
46
                  </div>
47
                </div>
48
              </div>
49
            </div>
50
          </div>
51

    
52
        </div>
53

    
54
        <!-- RIGHT HELP CONTENT -->
55
        <aside-help-content #rightHelperContent [position]="'right'"
56
                            [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
57
        </aside-help-content>
58

    
59
      </div>
60
    </div>
61

    
62

    
63
    <!-- BOTTOM HELP CONTENT -->
64
    <help-content #bottomHelperContent [position]="'bottom'"
65
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
66
    </help-content>
67

    
68

    
69
  </div>
70
</div>
71

    
72

    
73
<!--  *** OLD HTML ***
74

    
75
<div class="uk-grid uk-grid-stack">
76
  <div class="uk-width-expand@m uk-first-column">
77
    <div class="gwt-HTML uk-margin-medium-bottom">
78
      <h1 class="uk-article-title">Aggregation history for {{ repoName }}</h1>
79
    </div>
80
    <div>
81
      <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
82
      <div *ngIf="loadingMessage" class="loading-big">
83
        <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
84
          {{ loadingMessage }}
85
        </div>
86
        <div class="whiteFilm"></div>
87
      </div>
88
      <div class="uk-alert uk-alert-danger" style="display: none;" aria-hidden="true"></div>
89
      <div *ngIf="noAggregations">{{ noHistory }}</div>
90
      <div *ngIf="aggregations && !this.aggregations.aggregationHistory">
91
        The aggregation History will be displayed here!
92
      </div>
93
    </div>
94
  </div>
95
</div>
96
-->
(1-1/15)