Project

General

Profile

1
<div id="page_content">
2
  <div id="page_content_inner">
3
    <h2 class="heading_b uk-margin-bottom">{{ title }}</h2>
4

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

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

    
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>
16

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

    
20
        <div *ngIf="errorMessage" class="uk-alert uk-alert-warning">{{ errorMessage }}</div>
21
        <div *ngIf="repo">
22

    
23
          <h3>Supported Reports</h3>
24

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

    
108
        </div>
109

    
110
      </div>
111

    
112
      <!-- RIGHT HELP CONTENT -->
113
      <aside-help-content #rightHelperContent [position]="'right'"
114
                          [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
115
      </aside-help-content>
116

    
117
    </div>
118

    
119
    <!-- BOTTOM HELP CONTENT -->
120
    <help-content #bottomHelperContent [position]="'bottom'"
121
                  [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
122
    </help-content>
123

    
124
  </div>
125
</div>
126

    
127

    
(12-12/17)