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">Get usage statistics report</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>
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 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 && repo" class="uk-margin-top">
42

    
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:
48
                    </div>
49
                    <div class="uk-width-2-3">
50
                      {{ chosen_report }}
51
                    </div>
52
                  </div>
53
                  <div class="uk-grid">
54
                    <div class=" uk-width-1-3 uk-text-right">
55
                      Release:
56
                    </div>
57
                    <div class="uk-width-2-3">
58
                      4
59
                    </div>
60
                  </div>
61
                  <div class="uk-grid">
62
                    <div class=" uk-width-1-3 uk-text-right">
63
                      Requestor:
64
                    </div>
65
                    <div class="uk-width-2-3">
66
                      {{ userEmail }}
67
                    </div>
68
                  </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:
76
                    </div>
77
                    <div class="uk-width-2-3">
78
                      <input name="BeginDate" placeholder="2016-03" type="text" (blur)="updateBeginDate($event)">
79
                    </div>
80
                  </div>
81
                  <div class="uk-grid">
82
                    <div class=" uk-width-1-3 uk-text-right">
83
                      End Date:
84
                    </div>
85
                    <div class="uk-width-2-3">
86
                      <input name="EndDate" placeholder="2016-06" type="text" (blur)="updateEndDate($event)">
87
                    </div>
88
                  </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
                      {{ repoId }}
101
                    </div>
102
                  </div>
103
                  <div *ngIf="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'" 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
                      {{ repo.piwikInfo.openaireId }}
117
                    </div>
118
                  </div>
119

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

    
181
              </div>
182

    
183
            </div>
184

    
185
            <!-- RIGHT HELP CONTENT -->
186
            <aside-help-content #rightHelperContent [position]="'right'"
187
                                [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
188
            </aside-help-content>
189

    
190
          </div>
191
        </div>
192

    
193

    
194
        <!-- BOTTOM HELP CONTENT -->
195
        <help-content #bottomHelperContent [position]="'bottom'"
196
                      [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
197
        </help-content>
198

    
199

    
200
      </div>
201
    </div>
202
  </div>
203
</div>
204

    
(7-7/12)