Project

General

Profile

« Previous | Next » 

Revision 57098

Finished the first version of the collection monitor pages

View differences:

modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/sources/sources-update.component.html
69 69
  </div>
70 70
</div>
71 71

  
72
    <!--<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">-->
73
      <!--<div class="uk-width-1-1@m uk-first-column">-->
74
        <!--<h1 class="uk-h2">Manage your datasources</h1>-->
75

  
76
        <!--&lt;!&ndash; TOP HELP CONTENT &ndash;&gt;-->
77
        <!--<help-content #topHelperContent [position]="'top'"-->
78
                      <!--[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">-->
79
        <!--</help-content>-->
80

  
81
        <!--<div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">-->
82
          <!--<div class="uk-grid">-->
83

  
84
            <!--&lt;!&ndash; LEFT HELP CONTENT &ndash;&gt;-->
85
            <!--<aside-help-content #leftHelperContent [position]="'left'"-->
86
                                <!--[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">-->
87
            <!--</aside-help-content>-->
88

  
89
            <!--&lt;!&ndash; MIDDLE &ndash;&gt;-->
90
            <!--<div class=" uk-width-expand@m">-->
91

  
92
              <!--<repository-tiles #repositoryTiles [parent]="'sourcesUpdate'"-->
93
                                <!--(emitNoRepos)="setNoRepositories($event)"></repository-tiles>-->
94

  
95
              <!--<div *ngIf="!noRepositories" class="row openAIRECompliantLogoDownload">-->
96
                <!--<div class="col-lg-12">-->
97
                  <!--<div class="col-md-12">-->
98
                    <!--<div>-->
99
                      <!--<div class="openAIRECompliantLogo">-->
100
                        <!--<h2 class="openAIRECompliantLogoMessage">-->
101
                          <!--Congratulations! Your repository was successfully registered in OpenAIRE. You can download this logo to use in your site.-->
102
                        <!--</h2>-->
103
                        <!--<img src="../../../assets/imgs/OpenAIRE_validated_icon_medium.png" alt="OpenAireCompliant">-->
104
                      <!--</div>-->
105
                    <!--</div>-->
106
                    <!--<a (click)="downloadLogo()">-->
107
                      <!--Download-->
108
                      <!--<i class="fa fa-download" style=""></i>-->
109
                    <!--</a>-->
110
                  <!--</div>-->
111
                <!--</div>-->
112
              <!--</div>-->
113

  
114
            <!--</div>-->
115

  
116
            <!--&lt;!&ndash; RIGHT HELP CONTENT &ndash;&gt;-->
117
            <!--<aside-help-content #rightHelperContent [position]="'right'"-->
118
                                <!--[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">-->
119
            <!--</aside-help-content>-->
120

  
121
          <!--</div>-->
122
        <!--</div>-->
123

  
124

  
125
        <!--&lt;!&ndash; BOTTOM HELP CONTENT &ndash;&gt;-->
126
        <!--<help-content #bottomHelperContent [position]="'bottom'"-->
127
                      <!--[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">-->
128
        <!--</help-content>-->
129

  
130

  
131
      <!--</div>-->
132
    <!--</div>-->
133

  
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/compatibility/compatibility-monitor.component.ts
7 7

  
8 8
export class CompatibilityMonitorComponent implements OnInit {
9 9

  
10
  tilesView: boolean = true;
11

  
10 12
  constructor() {}
11 13

  
12
  ngOnInit() {}
14
  ngOnInit() {
15
    let body = document.getElementsByTagName('body')[0];
16
    body.classList.add("top_bar_active");   //add the class
17
  }
18

  
19
  changeView(view: string) {
20
    this.tilesView = (view == 'tiles');
21
  }
13 22
}
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/compatibility/compatibility-monitor-repo.component.ts
30 30
  ngOnInit() {
31 31
    this.readRepoId();
32 32
    this.getRepo();
33
    let body = document.getElementsByTagName('body')[0];
34
    body.classList.remove("top_bar_active");   //remove the class
33 35
  }
34 36

  
35 37
  readRepoId() {
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/compatibility/compatibility-monitor-fullHistory-repo.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">
1
<div id="page_content">
2
  <div id="page_content_inner">
3
    <h2 class="heading_b uk-margin-bottom">Aggregation history for {{ repoName }}</h2>
3 4

  
4
    <h1 class="uk-h2">Aggregation history for {{ repoName }}</h1>
5

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

  
11
    <div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">
12
      <div class="uk-grid">
10
    <div class="uk-grid">
13 11

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

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

  
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>
20
        <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
21
        <div *ngIf="loadingMessage" class="loading-big">
22
          <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
23
            {{ loadingMessage }}
28 24
          </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
              <ul class="uk-list uk-list-striped">
33
                <h4>{{ year }}</h4>
34
                <li *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><span *ngIf="aggr.indexedVersion !== null">Is the indexed version: {{ (aggr.indexedVersion === true) ? 'Yes': 'No' }}</span></div>
41
                  </div>
42
                </li>
43
              </ul>
44
              <hr>
25
          <div class="transparentFilm"></div>
26
        </div>
27
        <div *ngIf="noAggregations">{{ noAggregations }}</div>
28
        <div *ngIf="aggregationsMap && years && (years.length > 0) && !noAggregations">
29
          <div *ngFor="let year of years" class="uk-width-1-1@m uk-margin-medium-bottom">
30

  
31
            <h2 class="heading_b uk-margin-bottom">
32
              <span class="sub-heading">{{ year }}</span>
33
            </h2>
34

  
35
            <div class="md-card uk-margin-medium-bottom">
36
              <div class="md-card-content">
37
                <div class="uk-overflow-container">
38
                  <table class="uk-table uk-table-nowrap table_check">
39
                    <thead>
40
                    <tr>
41
                      <!--<th class="uk-width-1-10 uk-text-center small_col"><div class="icheckbox_md"><input type="checkbox" data-md-icheck="" class="check_all" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div></th>-->
42
                      <th class="uk-width-2-10">Date</th>
43
                      <th class="uk-width-2-10">Aggregation stage</th>
44
                      <th class="uk-width-2-10">Collection mode</th>
45
                      <th class="uk-width-2-10 uk-text-center">Number of records</th>
46
                      <th class="uk-width-2-10 uk-text-center">Indexed version?</th>
47
                    </tr>
48
                    </thead>
49
                    <tbody>
50
                    <tr *ngFor="let aggr of aggregationsMap[year]">
51
                      <!--<td class="uk-text-center uk-table-middle small_col"><div class="icheckbox_md"><input type="checkbox" data-md-icheck="" class="check_row" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 0px none; opacity: 0;"></ins></div></td>-->
52
                      <!--<td class="uk-text-center"><img class="md-user-image dense-image dense-ready" src="assets/img/avatars/avatar_01_tn@2x.png" alt="" data-dense-cap="2"></td>-->
53
                      <td><span *ngIf="aggr.date">{{ aggr.date | date : "yyyy-MM-dd" }}</span></td>
54
                      <td class=""><span *ngIf="aggr.aggregationStage">{{ aggr.aggregationStage }}</span></td>
55
                      <td class=""><span *ngIf="aggr.collectionMode">{{ aggr.collectionMode }}</span></td>
56
                      <td class="uk-text-center"><span *ngIf="aggr.numberOfRecords">{{ aggr.numberOfRecords }}</span></td>
57
                      <td class="uk-text-center"><span *ngIf="aggr.indexedVersion !== null && (aggr.indexedVersion === true)" class="uk-badge">Indexed version</span></td>
58
                    </tr>
59
                    </tbody>
60
                  </table>
61
                </div>
62

  
63
              </div>
45 64
            </div>
46
          </div>
47 65

  
48
          <div *ngIf="repo" class="uk-inline">
49
            <div class="uk-float-right" style="z-index: 100; bottom: 30px; position: fixed; right: 30px;">
50
              <button [routerLink]="['/compatibility/monitor', repo.id]"
51
                      style="box-shadow: 0 1px 10px #444444"
52
                      class="uk-button uk-button-primary">
53
                Go back
54
              </button>
55
            </div>
56 66
          </div>
67
        </div>
57 68

  
69
        <div *ngIf="repo" class="md-fab-wrapper">
70
          <a class="md-fab md-fab-success md-fab-wave-light waves-effect waves-button waves-light" [routerLink]="['/compatibility/monitor', repo.id]">
71
            <i class="material-icons">arrow_back</i>
72
          </a>
58 73
        </div>
59 74

  
60
        <!-- RIGHT HELP CONTENT -->
61
        <aside-help-content #rightHelperContent [position]="'right'"
62
                            [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
63
        </aside-help-content>
75
        <!--<div *ngIf="repo" class="uk-inline">-->
76
          <!--<div class="uk-float-right" style="z-index: 100; bottom: 30px; position: fixed; right: 30px;">-->
77
            <!--<button [routerLink]="['/compatibility/monitor', repo.id]"-->
78
                    <!--style="box-shadow: 0 1px 10px #444444"-->
79
                    <!--class="uk-button uk-button-primary">-->
80
              <!--Go back-->
81
            <!--</button>-->
82
          <!--</div>-->
83
        <!--</div>-->
64 84

  
65 85
      </div>
86

  
87
      <!-- RIGHT HELP CONTENT -->
88
      <aside-help-content #rightHelperContent [position]="'right'"
89
                          [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
90
      </aside-help-content>
91

  
66 92
    </div>
67 93

  
68

  
69 94
    <!-- BOTTOM HELP CONTENT -->
70 95
    <help-content #bottomHelperContent [position]="'bottom'"
71 96
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
72 97
    </help-content>
73 98

  
74

  
75 99
  </div>
76 100
</div>
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/compatibility/compatibility-monitor.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">
1
<div id="top_bar">
2
  <div class="md-top-bar">
3
    <div class="uk-width-large-8-10 uk-container-center">
4
      <ul class="top_bar_nav" id="list_grid_toggle">
5
        <li class="{{tilesView ? 'uk-active' : ''}}" data-view="grid_view">
6
          <a (click)="changeView('tiles')"><i class="uk-icon-th-large"></i> Grid</a>
7
        </li>
8
        <li data-view="list_view" class="{{tilesView ? '' : 'uk-active'}}">
9
          <a (click)="changeView('list')"><i class="uk-icon-list"></i> List</a>
10
        </li>
11
      </ul>
12
    </div>
13
  </div>
14
</div>
3 15

  
4
    <h1 class="uk-h2">Monitor</h1>
16
<div id="page_content">
17
  <div id="page_content_inner">
18
    <h2 class="heading_b uk-margin-bottom">Monitor</h2>
5 19

  
6 20
    <!-- TOP HELP CONTENT -->
7 21
    <help-content #topHelperContent [position]="'top'"
8 22
                  [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
9 23
    </help-content>
10 24

  
11
    <div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">
12
      <div class="uk-grid">
25
    <div class="uk-grid">
13 26

  
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>
27
      <!-- LEFT HELP CONTENT -->
28
      <aside-help-content #leftHelperContent [position]="'left'"
29
                          [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
30
      </aside-help-content>
18 31

  
19
        <!-- MIDDLE -->
20
        <div class=" uk-width-expand@m">
32
      <!-- MIDDLE -->
33
      <div class=" uk-width-expand@m">
21 34

  
22
          <repository-tiles [parent]="'compatibilityMonitor'" [tilesView]="true"></repository-tiles>
35
        <repository-tiles [parent]="'compatibilityMonitor'" [tilesView]="tilesView"></repository-tiles>
23 36

  
24
        </div>
37
      </div>
25 38

  
26
        <!-- RIGHT HELP CONTENT -->
27
        <aside-help-content #rightHelperContent [position]="'right'"
28
                            [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
29
        </aside-help-content>
39
      <!-- RIGHT HELP CONTENT -->
40
      <aside-help-content #rightHelperContent [position]="'right'"
41
                          [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
42
      </aside-help-content>
30 43

  
31
      </div>
32 44
    </div>
33 45

  
34

  
35 46
    <!-- BOTTOM HELP CONTENT -->
36 47
    <help-content #bottomHelperContent [position]="'bottom'"
37 48
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
38 49
    </help-content>
39 50

  
40

  
41 51
  </div>
42 52
</div>
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/compatibility/compatibility-monitor-repo.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">
1
<div id="page_content">
2
  <div id="page_content_inner">
3
    <h2 class="heading_b uk-margin-bottom">Recent aggregation history for {{ repoName }}</h2>
3 4

  
4
    <h1 class="uk-h2">Recent aggregation history for {{ repoName }}</h1>
5

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

  
11
    <div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">
12
      <div class="uk-grid">
10
    <div class="uk-grid">
13 11

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

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

  
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>
20
        <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
21
        <div *ngIf="loadingMessage" class="loading-big">
22
          <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
23
            {{ loadingMessage }}
28 24
          </div>
29
          <div *ngIf="noAggregations">{{ noAggregations }}</div>
30
          <div *ngIf="latestAggregations &&
31
                      (latestAggregations.length > 0) &&
32
                      !noAggregations">
33
            <div class="uk-width-1-1@m">
34
              <div class="section md-bg-blue-grey-700">
35
                <div class="uk-container uk-container-center">
36
                  <div class="al_timeline">
37
                    <div *ngFor="let aggr of latestAggregations" class="al_timeline_block versionChange">
38
                      <div class="al_timeline_image uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up">
39
                        <ng-container *ngIf="aggr.indexedVersion">
40
                          <img src="https://www.openaire.eu/images/Logos/Favicon-90x90.png" style="width: 80%;margin-top: 9%;">
41
                        </ng-container>
42
                      </div>
43
                      <div class="al_timeline_content uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-slide-left">
44
                        <h3 *ngIf="aggr.date" class="uk-inline">{{ aggr.date | date : "yyyy-MM-dd" }}</h3>
45
                        <span *ngIf="aggr.indexedVersion" class="ng-star-inserted uk-inline uk-float-right uk-badge"
46
                              style="padding-top: 10px;padding-left: 10px;padding-right: 10px;margin-top: 5px;">Indexed version</span>
47
                        <p *ngIf="aggr.aggregationStage">Aggregation stage - {{ aggr.aggregationStage }}</p>
48
                        <p *ngIf="aggr.collectionMode">CollectionMode - {{ aggr.collectionMode }}</p>
49
                        <p *ngIf="aggr.numberOfRecords">Number of records - {{ aggr.numberOfRecords }}</p>
50
                        <!--<p *ngIf="aggr.indexedVersion !== null">Is the indexed version - {{ (aggr.indexedVersion === true) ? 'Yes': 'No' }}</p>-->
51
                      </div>
52
                    </div>
25
          <div class="transparentFilm"></div>
26
        </div>
27
        <div *ngIf="noAggregations">{{ noAggregations }}</div>
28
        <div *ngIf="latestAggregations && (latestAggregations.length > 0) && !noAggregations">
29

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

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

  
54 93
                </div>
55 94
              </div>
56 95
            </div>
57
            <div class="uk-margin-top uk-text-center">
58
              <a [routerLink]="['/compatibility/monitor/fullHistory', repo.id]" class="uk-h3 uk-link">See more results ...</a>
59
            </div>
60 96
          </div>
97

  
98
          <div class="uk-margin-top uk-text-center">
99
            <a [routerLink]="['/compatibility/monitor/fullHistory', repo.id]" class="uk-h3 uk-link">See more results ...</a>
100
          </div>
101

  
102

  
61 103
        </div>
104
      </div>
62 105

  
63
        <!-- RIGHT HELP CONTENT -->
64
        <aside-help-content #rightHelperContent [position]="'right'"
65
                            [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
66
        </aside-help-content>
106
      <!-- RIGHT HELP CONTENT -->
107
      <aside-help-content #rightHelperContent [position]="'right'"
108
                          [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
109
      </aside-help-content>
67 110

  
68
      </div>
69 111
    </div>
70 112

  
71

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

  
77

  
78 118
  </div>
79 119
</div>
80 120

  
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/compatibility/compatibility-monitor-fullHistory-repo.component.ts
31 31
  ngOnInit() {
32 32
    this.readRepoId();
33 33
    this.getRepo();
34
    let body = document.getElementsByTagName('body')[0];
35
    body.classList.remove("top_bar_active");   //remove the class
34 36
  }
35 37

  
36 38
  readRepoId() {
modules/uoa-repository-dashboard-gui/branches/new-ui/src/assets/css/provide-custom.css
142 142
}
143 143

  
144 144
/***********************************************/
145

  
146
/********** TIMELINE **********/
147

  
148
.timeline_icon_white {
149
  background: #fff;
150
}
151

  
152
.timeline_item .md-list > li {
153
  border-bottom: none;
154
}
155

  
156
/******************************/
157

  

Also available in: Unified diff