Project

General

Profile

1
<div class="uk-section-default uk-section uk-section-small uk-padding-remove-bottom" style="min-height: 325px">
2

    
3
  <!-- MARGIN-TOP  -->
4
  <div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div>
5
  <div class="uk-container">
6

    
7
    <div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">
8
      <div class="uk-width-1-1@m uk-first-column">
9

    
10
        <h1 class="uk-h2">{{ title }}</h1>
11

    
12
        <!-- TOP HELP CONTENT -->
13
        <help-content #topHelperContent [position]="'top'"
14
                      [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
15
        </help-content>
16

    
17
        <div class="uk-container uk-margin-medium-top uk-margin-medium-bottom">
18
          <div class="uk-grid">
19

    
20
            <!-- LEFT HELP CONTENT -->
21
            <aside-help-content #leftHelperContent [position]="'left'"
22
                                [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
23
            </aside-help-content>
24

    
25
            <!-- MIDDLE -->
26
            <div class=" uk-width-expand@m" style="min-height:500px;">
27

    
28
              <div *ngIf="errorMessage" class="uk-alert uk-alert-warning">{{ errorMessage }}</div>
29
              <div *ngIf="repo">
30
                <h3>Supported Reports</h3>
31

    
32
                <div class="uk-margin uk-grid repositoryTypeSelection">
33
                  <div class="uk-width-1-3 uk-grid-item-match uk-first-column">
34
                    <div class="uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium">
35
                      <a [routerLink]="['AR1']" class="uk-position-cover uk-margin-remove-adjacent"></a>
36
                      <div class="uk-card-media-top">
37
                        <img src="../../../assets/imgs/Icons_Reports_wide_AR1.png" alt="" style="width: 100%;">
38
                      </div>
39
                      <div class="uk-card-body">
40
                        <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
41
                          Article Report 1, number of successful article download requests by month and repository.
42
                        </h3>
43
                      </div>
44
                    </div>
45
                  </div>
46
                  <div class="uk-width-1-3 uk-grid-item-match uk-first-column">
47
                    <div class="uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium">
48
                      <a [routerLink]="['IR1']" class="uk-position-cover uk-margin-remove-adjacent"></a>
49
                      <div class="uk-card-media-top">
50
                        <img class="el-image" src="../../../assets/imgs/Icons_Reports_wide_IR1.png" alt="" style="width:100%;">
51
                      </div>
52
                      <div class="uk-card-body">
53
                        <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
54
                          Item Report 1, number of successful item download requests by month and repository.
55
                        </h3>
56
                      </div>
57
                    </div>
58
                  </div>
59
                  <div class="uk-width-1-3 uk-grid-item-match uk-first-column">
60
                    <div class="uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium">
61
                      <a [routerLink]="['RR1']" class="uk-position-cover uk-margin-remove-adjacent"></a>
62
                      <div class="uk-card-media-top">
63
                        <img class="el-image" src="../../../assets/imgs/Icons_Reports_wide_RR1.png" alt="" style="width:100%;">
64
                      </div>
65
                      <div class="uk-card-body">
66
                        <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
67
                          Repository Report 1, number of successful item downloads for all repositories participating in the usage statistics service.
68
                        </h3>
69
                      </div>
70
                    </div>
71
                  </div>
72
                  <div *ngIf="repo.datasourceType === 'journal'" class="uk-width-1-3 uk-grid-item-match uk-first-column">
73
                    <div class="uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium">
74
                      <a [routerLink]="['JR1']" class="uk-position-cover uk-margin-remove-adjacent"></a>
75
                      <div class="uk-card-media-top">
76
                        <img class="el-image" src="../../../assets/imgs/Icons_Reports_wide_JR1.png" alt="" style="width:100%;">
77
                      </div>
78
                      <div class="uk-card-body">
79
                        <h2 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
80
                          Journal Report 1, number of successful full-text article requests by month and journal.
81
                        </h2>
82
                      </div>
83
                    </div>
84
                  </div>
85
                  <div class="uk-width-1-3 uk-grid-item-match uk-first-column">
86
                    <div class="uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium">
87
                      <a [routerLink]="['BR1']" class="uk-position-cover uk-margin-remove-adjacent"></a>
88
                      <div class="uk-card-media-top">
89
                        <img class="el-image" src="../../../assets/imgs/Icons_Reports_wide_BR1.png" alt="" style="width:100%;">
90
                      </div>
91
                      <div class="uk-card-body">
92
                        <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
93
                          Book Report 1, number of successful title requests by month and title.
94
                        </h3>
95
                      </div>
96
                    </div>
97
                  </div>
98
                  <div class="uk-width-1-3 uk-grid-item-match uk-first-column">
99
                    <div class="uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium">
100
                      <a [routerLink]="['BR2']" class="uk-position-cover uk-margin-remove-adjacent"></a>
101
                      <div class="uk-card-media-top">
102
                        <img class="el-image" src="../../../assets/imgs/Icons_Reports_wide_BR2.png" alt="" style="width:100%;">
103
                      </div>
104
                      <div class="uk-card-body">
105
                        <h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">
106
                          Book Report 2, number of successful section requests by month and title.
107
                        </h3>
108
                      </div>
109
                    </div>
110
                  </div>
111
                </div>
112

    
113
              </div>
114

    
115
            </div>
116

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

    
122
          </div>
123
        </div>
124

    
125

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

    
131

    
132
      </div>
133
    </div>
134
  </div>
135
</div>
136

    
(11-11/16)