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="loadingMessage" class="loading-big">
30
                <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
31
                  {{ loadingMessage }}
32
                </div>
33
                <div class="whiteFilm"></div>
34
              </div>
35
              <div *ngIf="repo && chosen_report" class="uk-margin-top">
36

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

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

    
176
              </div>
177

    
178
            </div>
179

    
180
            <!-- RIGHT HELP CONTENT -->
181
            <aside-help-content #rightHelperContent [position]="'right'"
182
                                [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
183
            </aside-help-content>
184

    
185
          </div>
186
        </div>
187

    
188

    
189
        <!-- BOTTOM HELP CONTENT -->
190
        <help-content #bottomHelperContent [position]="'bottom'"
191
                      [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
192
        </help-content>
193

    
194

    
195
      </div>
196
    </div>
197
  </div>
198
</div>
199

    
(9-9/16)