Project

General

Profile

« Previous | Next » 

Revision 52836

added cookie-law banner - 403 authorization via ui and new usage-stats pages

View differences:

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

  
10
        <h1 class="uk-h2">Get usage statistics report</h1>
10
        <h1 class="uk-h2">{{ title }}</h1>
11 11

  
12 12
        <!-- TOP HELP CONTENT -->
13 13
        <help-content #topHelperContent [position]="'top'"
......
25 25
            <!-- MIDDLE -->
26 26
            <div class=" uk-width-expand@m" style="min-height:500px;">
27 27

  
28
              <div *ngIf="errorMessage" class="uk-alert uk-alert-warning">{{errorMessage}}</div>
28
              <div *ngIf="errorMessage" class="uk-alert uk-alert-warning">{{ errorMessage }}</div>
29 29
              <div *ngIf="repo">
30
                <label class="control-label">Supported Reports</label>
31
                <select class="form-control" (change)="onChooseReport($event)" [disabled]="disable_report_choice">
32
                  <option value="">-- none selected --</option>
33
                  <option value="AR1">AR1 Report</option>
34
                  <option value="IR1">IR1 Report</option>
35
                  <option value="RR1">RR1 Report</option>
36
                  <option *ngIf="repo && repo.issn && repo.issn !== 'null' " value="JR1">JR1 Report</option>
37
                  <option value="BR1">BR1 Report</option>
38
                  <option value="BR2">BR2 Report</option>
39
                </select>
40
              </div>
41
              <div *ngIf="chosen_report" class="uk-margin-top">
30
                <h3>Supported Reports</h3>
42 31

  
43
                <div class="uk-forml uk-width-1-1@s uk-width-2-3@m uk-container">
44
                  <h3>Report Request</h3>
45
                  <div class="uk-grid">
46
                    <div class=" uk-width-1-3 uk-text-right">
47
                      Report Name:
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>
48 44
                    </div>
49
                    <div class="uk-width-2-3">
50
                      {{ chosen_report }}
51
                    </div>
52 45
                  </div>
53
                  <div class="uk-grid">
54
                    <div class=" uk-width-1-3 uk-text-right">
55
                      Release:
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>
56 57
                    </div>
57
                    <div class="uk-width-2-3">
58
                      4
59
                    </div>
60 58
                  </div>
61
                  <div class="uk-grid">
62
                    <div class=" uk-width-1-3 uk-text-right">
63
                      Requestor:
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>
64 70
                    </div>
65
                    <div class="uk-width-2-3">
66
                      {{ userEmail }}
67
                    </div>
68 71
                  </div>
69
                  <h3>Report Filters</h3>
70
                  <h5>Date range</h5>
71
                  <p>Valid date formats are yyyy-mm-dd or yyyy-mm. Default range is the last available month.
72
                  </p>
73
                  <div class="uk-grid">
74
                    <div class=" uk-width-1-3 uk-text-right">
75
                      Begin Date:
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>
76 83
                    </div>
77
                    <div class="uk-width-2-3">
78
                      <input name="BeginDate" placeholder="2016-03" type="text" (blur)="updateBeginDate($event)">
79
                    </div>
80 84
                  </div>
81
                  <div class="uk-grid">
82
                    <div class=" uk-width-1-3 uk-text-right">
83
                      End Date:
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>
84 96
                    </div>
85
                    <div class="uk-width-2-3">
86
                      <input name="EndDate" placeholder="2016-06" type="text" (blur)="updateEndDate($event)">
87
                    </div>
88 97
                  </div>
89
                  <h5><span *ngIf="chosen_report == 'RR1' || chosen_report == 'JR1'">Optional </span>Filters</h5>
90
                  <p>Provide either a Repository Identifier or an Item Identifier<br>
91
                    Identifier format: <b>namespace:value</b><br>
92
                    Valid namespace for Repository Identifier: <b>openaire</b> or <b>opendoar</b>.<br>
93
                    Valid namespace for Item Identifier: <b>openaire</b>, <b>doi</b> or <b>oid</b>(for OAI-PMH).
94
                  </p>
95
                  <div *ngIf="chosen_report != 'JR1'" class="uk-grid">
96
                    <div class=" uk-width-1-3 uk-text-right">
97
                      Repository Identifier:
98
                    </div>
99
                    <div class="uk-width-2-3">
100
                      {{ shownRepoId }}
101
                    </div>
102
                  </div>
103
                  <div *ngIf="repo.issn && chosen_report == 'JR1'" class="uk-grid">
104
                    <div class=" uk-width-1-3 uk-text-right">
105
                      Journal Identifier:
106
                    </div>
107
                    <div class="uk-width-2-3">
108
                      {{ issnToShow }}
109
                    </div>
110
                  </div>
111
                  <div *ngIf="chosen_report != 'JR1' && chosen_report != 'RR1'" class="uk-grid">
112
                    <div class=" uk-width-1-3 uk-text-right">
113
                      Item Identifier:
114
                    </div>
115
                    <div class="uk-width-2-3">
116
                      <input name="ItemIdentifier" placeholder="e.g. openaire:od_________::fb90de6f20d79783d05749d8f60417d5"
117
                             type="text" (blur)="updateItemIdentifier($event)">
118
                    </div>
119
                  </div>
120

  
121
                  <div *ngIf="chosen_report == 'IR1' || chosen_report == 'RR1' || chosen_report == 'JR1'">
122
                    <p>Optional filter to only show results for a single item type, e.g. article, book, etc.</p>
123
                    <div class="uk-grid">
124
                      <div class=" uk-width-1-3 uk-text-right">
125
                        Item Data Type:
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%;">
126 103
                      </div>
127
                      <div class="uk-width-2-3">
128
                        <select name="ItemDataType" (change)="updateItemDataType($event)">
129
                          <option value="">--- Select ItemDataType ---</option>
130
                          <option value="Annotation">Annotation</option>
131
                          <option value="Article">Article</option>
132
                          <option value="Bachelor thesis">Bachelor thesis</option>
133
                          <option value="Book">Book</option>
134
                          <option value="clinical trial">clinical trial</option>
135
                          <option value="Collection">Collection</option>
136
                          <option value="Conference object">Conference object</option>
137
                          <option value="Contribution for newspaper or weekly magazine">Contribution for newspaper or weekly magazine</option>
138
                          <option value="Dataset">Dataset</option>
139
                          <option value="Doctoral thesis">Doctoral thesis</option>
140
                          <option value="Event">Event</option>
141
                          <option value="External research report">External research report</option>
142
                          <option value="Film">Film</option>
143
                          <option value="Image">Image</option>
144
                          <option value="InteractiveResource">InteractiveResource</option>
145
                          <option value="Internal report">Internal report</option>
146
                          <option value="Lecture">Lecture</option>
147
                          <option value="Master thesis">Master thesis</option>
148
                          <option value="Newsletter">Newsletter</option>
149
                          <option value="Other">Other</option>
150
                          <option value="Part of book or chapter of book">Part of book or chapter of book</option>
151
                          <option value="Patent">Patent</option>
152
                          <option value="PhysicalObject">PhysicalObject</option>
153
                          <option value="Preprint">Preprint</option>
154
                          <option value="Report">Report</option>
155
                          <option value="Research">Research</option>
156
                          <option value="Review">Review</option>
157
                          <option value="Software">Software</option>
158
                          <option value="Sound">Sound</option>
159
                          <option value="Unknown">Unknown</option>
160
                        </select>
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>
161 108
                      </div>
162 109
                    </div>
163 110
                  </div>
164
                  <h3>Report Attributes</h3>
165
                  <p>Valid Granularity values: Monthly or Totals</p>
166
                  <div class="uk-grid">
167
                    <div class=" uk-width-1-3 uk-text-right">
168
                      Granularity:
169
                    </div>
170
                    <div class="uk-width-2-3">
171
                      <select name="Granularity" (change)="updateGranularity($event)">
172
                        <option value="Monthly">Monthly</option>
173
                        <option value="Totals">Totals</option>
174
                      </select>
175
                    </div>
176
                  </div>
177
                  <p>The Pretty attribute is just for humans playing with the API and looking at results in a browser.</p>
178
                  <p><input name="Pretty" value="Pretty" checked="checked" type="checkbox" (change)="updatePretty($event)">Pretty print json(p) for humans</p>
179
                  <a class="uk-button uk-button-primary" (click)="goToReport()">Get Report</a>
180 111
                </div>
181 112

  
182 113
              </div>

Also available in: Unified diff