Project

General

Profile

1
<div id="tm-main" class=" uk-section  uk-margin-small-top tm-middle"   >
2
  <div uk-grid uk-grid>
3
   <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
4

    
5
<div id="project" class="uk-container uk-margin-top project">
6
    <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top" role="alert">{{warningMessage}}</div>
7
    <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger  uk-margin-large-top" role="alert">{{errorMessage}}</div>
8
    <div *ngIf="showLoading" class="uk-alert uk-alert-primary  uk-margin-large-top" role="alert">Loading...</div>
9

    
10
    <div *ngIf="projectInfo != null" uk-grid>
11
        <div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
12
            <!--h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3>
13
            <h3 *ngIf="projectInfo.acronym == undefined || projectInfo.acronym == ''">{{projectInfo.title}}</h3-->
14
            <h2 class="projectIcon">
15
              <!--span class="entityTitleIcon projectTitleIcon"></span-->
16
              <span *ngIf="projectInfo.specialClause39==true" class="sc39">{{projectName}}</span>
17
              <span *ngIf="projectInfo.specialClause39!=true">{{projectName}}</span>
18
              <span  *ngIf="  projectInfo.title == projectName ">({{projectInfo.contractNum}})</span>
19
            </h2>
20
            <div class="uk-text-large " *ngIf="projectInfo.title && projectInfo.title != projectName ">{{projectInfo.title}} ({{projectInfo.contractNum}})</div>
21

    
22
            <span class="uk-label custom-label label-blue " title="Type">Project</span>
23
            <span class="uk-label custom-label label-red " title="Funder">{{projectInfo.funder}}</span>
24
            <span *ngIf="projectInfo.openAccessMandate != undefined && projectInfo.openAccessMandate " class="uk-label custom-label label-green " title="Open Access mandate">Open Access mandate</span>
25
            <span *ngIf="projectInfo.specialClause39" class="uk-label custom-label label-orange " title="Special Clause 39">Special Clause 39</span>
26
            <ul class="uk-list">
27
              <li  *ngIf="projectInfo.funding"><span class="uk-text-bold">Funding:</span> {{projectInfo.funding}}</li>
28
              <li  *ngIf="projectInfo.startDate"><span class="uk-text-bold">Start Date:</span> {{projectInfo.startDate}}</li>
29
              <li  *ngIf="projectInfo.endDate"><span class="uk-text-bold">End Date:</span> {{projectInfo.endDate}}</li>
30
              <li  *ngIf="projectInfo.openAccessMandate != undefined && !projectInfo.openAccessMandate "><span class="uk-text-bold">Open Access mandate:</span> no</li>              
31
              <li *ngIf="projectInfo.organizations && projectInfo.organizations.length > 0"><span class="uk-text-bold">Organizations:</span>
32

    
33
                <span class="list-horizontal-line">
34
                  <span *ngFor="let organization of projectInfo.organizations let i=index">
35

    
36
                        <a *ngIf="organization.id"
37
                            [queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active" routerLink="/search/organization">
38
                                {{organization.name}}</a>
39
                                <span
40

    
41
                        *ngIf="!organization.id">
42
                            {{organization.name}}</span>
43
                  </span>
44
                </span>
45
              </li>
46
              <li *ngIf="projectInfo.urlInfo ">
47
                <span class="uk-button-text">
48
                    <a target="_blank" href="{{projectInfo.url}}">
49
                        {{projectInfo.urlInfo}}
50
                    </a>
51
                </span>
52
              </li>
53
            </ul>
54
            <ul class="uk-tab uk-visible@m" uk-tab="connect: #tab-content">
55
                <li (click)="activeTab='Publications'">
56
                    <a>
57
                        Publications
58
                        <span class="uk-badge uk-badge-notification">
59
                            {{fetchPublications.searchUtils.totalResults}}
60
                        </span>
61
                    </a>
62
                </li>
63
                <li (click)="activeTab='Research Data'; searchDatasetsInit()">
64
                    <a>
65
                        Research Data
66
                        <span class="uk-badge uk-badge-notification">
67
                            {{fetchDatasets.searchUtils.totalResults}}
68
                        </span>
69
                    </a>
70
                </li>
71
                <li (click)="activeTab='Statistics'; statsClicked=true">
72
                    <a>
73
                        Statistics
74
                        <i class="icon-pie-chart"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 32"  style="fill:currentColor;">
75
<path d="M14.026 18.028v-14.016c-7.741 0-14.016 6.275-14.016 14.016s6.275 14.016 14.016 14.016 14.016-6.275 14.016-14.016c0-2.253-0.533-4.383-1.478-6.269l-12.539 6.269zM28.567 7.755c-2.301-4.593-7.051-7.747-12.539-7.747v14.016l12.538-6.269z"></path>
76
</svg></i>
77
                    </a>
78
                </li>
79
                <li (click)="activeTab='Metrics'; metricsClicked=true">
80
                    <a>
81
                        Metrics
82
                        <i class="icon-line-chart"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 36 36"  style="fill:currentColor;">
83
<path d="M4.415 31.713h31.704v4.529h-36.233v-36.233h4.529zM10.077 29.447c-1.877 0-3.396-1.521-3.396-3.396s1.521-3.396 3.396-3.396c0.101 0 0.199 0.006 0.297 0.014l3.652-6.086c-0.348-0.534-0.551-1.171-0.551-1.855 0-1.877 1.521-3.396 3.396-3.396s3.396 1.521 3.396 3.396c0 0.685-0.203 1.321-0.551 1.855l3.652 6.086c0.098-0.009 0.196-0.014 0.297-0.014 0.076 0 0.151 0.004 0.225 0.009l6.028-10.549c-0.373-0.546-0.592-1.204-0.592-1.916 0-1.877 1.521-3.396 3.396-3.396s3.396 1.521 3.396 3.396c0 1.877-1.521 3.396-3.396 3.396-0.076 0-0.151-0.004-0.225-0.009l-6.028 10.549c0.373 0.546 0.592 1.204 0.592 1.916 0 1.877-1.521 3.396-3.396 3.396s-3.396-1.521-3.396-3.396c0-0.684 0.203-1.321 0.551-1.855l-3.652-6.086c-0.098 0.009-0.196 0.014-0.297 0.014s-0.199-0.006-0.297-0.014l-3.652 6.086c0.348 0.534 0.551 1.171 0.551 1.855 0 1.877-1.521 3.396-3.396 3.396z"></path>
84
  </svg></i>
85
                    </a>
86
                </li>
87
            </ul>
88

    
89
            <button class="uk-button uk-button-default uk-hidden@m" type="button">
90
              <span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>
91
            </button>
92

    
93
            <ul id="toggle-small-tabs" class="uk-subnav uk-subnav-pill uk-dropdown uk-hidden@m" uk-switcher="connect: #tab-content" uk-dropdown="mode: click" uk-toggle="target: #toggle-small-tabs">
94
              <li (click)="activeTab='Publications'">
95
                  <a>
96
                      Publications
97
                      <span class="uk-badge uk-badge-notification">
98
                          {{fetchPublications.searchUtils.totalResults}}
99
                      </span>
100
                  </a>
101
              </li>
102
              <li (click)="searchDatasetsInit(); activeTab='Research Data'">
103
                  <a>
104
                      Research Data
105
                      <span class="uk-badge uk-badge-notification">
106
                          {{fetchDatasets.searchUtils.totalResults}}
107
                      </span>
108
                  </a>
109
              </li>
110
              <li (click)="statsClicked=true; activeTab='Statistics'">
111
                  <a>
112
                      Statistics
113
                      <i class="icon-pie-chart"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 32"  style="fill:currentColor;">
114
<path d="M14.026 18.028v-14.016c-7.741 0-14.016 6.275-14.016 14.016s6.275 14.016 14.016 14.016 14.016-6.275 14.016-14.016c0-2.253-0.533-4.383-1.478-6.269l-12.539 6.269zM28.567 7.755c-2.301-4.593-7.051-7.747-12.539-7.747v14.016l12.538-6.269z"></path>
115
</svg></i>
116
                  </a>
117
              </li>
118
              <li (click)="metricsClicked=true; activeTab='Metrics'">
119
                  <a>
120
                      Metrics
121
                      <i class="icon-line-chart"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 36 36"  style="fill:currentColor;">
122
<path d="M4.415 31.713h31.704v4.529h-36.233v-36.233h4.529zM10.077 29.447c-1.877 0-3.396-1.521-3.396-3.396s1.521-3.396 3.396-3.396c0.101 0 0.199 0.006 0.297 0.014l3.652-6.086c-0.348-0.534-0.551-1.171-0.551-1.855 0-1.877 1.521-3.396 3.396-3.396s3.396 1.521 3.396 3.396c0 0.685-0.203 1.321-0.551 1.855l3.652 6.086c0.098-0.009 0.196-0.014 0.297-0.014 0.076 0 0.151 0.004 0.225 0.009l6.028-10.549c-0.373-0.546-0.592-1.204-0.592-1.916 0-1.877 1.521-3.396 3.396-3.396s3.396 1.521 3.396 3.396c0 1.877-1.521 3.396-3.396 3.396-0.076 0-0.151-0.004-0.225-0.009l-6.028 10.549c0.373 0.546 0.592 1.204 0.592 1.916 0 1.877-1.521 3.396-3.396 3.396s-3.396-1.521-3.396-3.396c0-0.684 0.203-1.321 0.551-1.855l-3.652-6.086c-0.098 0.009-0.196 0.014-0.297 0.014s-0.199-0.006-0.297-0.014l-3.652 6.086c0.348 0.534 0.551 1.171 0.551 1.855 0 1.877-1.521 3.396-3.396 3.396z"></path>
123
  </svg></i>
124
                  </a>
125
              </li>
126
            </ul>
127

    
128
            <ul id="tab-content" class="uk-switcher uk-margin custom-tab-content">
129
                <li class="uk-animation-fade">
130
                    <!--div *ngIf="fetchPublications.searchUtils.totalResults == 0" class = "uk-alert  uk-alert-primary" >
131
                        There are no publications
132
                    </div-->
133
                    <div *ngIf="fetchPublications.searchUtils.status == errorCodes.NONE" class="uk-alert uk-alert-primary uk-animation-fade" role="alert">There are no publications</div>
134
                    <div *ngIf="fetchPublications.searchUtils.status == errorCodes.ERROR" class="uk-alert uk-alert-warning uk-animation-fade" role="alert">An Error Occured</div>
135
                    <div *ngIf="fetchPublications.searchUtils.status == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger uk-animation-fade" role="alert">Service not available</div>
136
                    <div *ngIf="fetchPublications.searchUtils.status == errorCodes.LOADING" class="uk-alert uk-alert-primary uk-animation-fade" role="alert">Loading...</div>
137

    
138

    
139
                    <div *ngIf="fetchPublications.searchUtils.totalResults > 0">
140
                        <div class = "uk-text-right" *ngIf = "fetchPublications.searchUtils.totalResults > 10" >
141
                            <a  [queryParams]="routerHelper.createQueryParams(['projectId', 'pr'], [projectId, 'and'])"
142
                                routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications">
143
                                View all {{fetchPublications.searchUtils.totalResults}} results
144
                            </a>
145
                        </div>
146
                        <tab-result  [(results)]="fetchPublications.results"
147
                                        [(status)]= "fetchPublications.searchUtils.status"
148
                                        type="publication" urlParam="articleId">
149
                        </tab-result>
150
                    </div>
151
                </li>
152

    
153
                <li class="uk-animation-fade">
154
                    <!--div *ngIf="fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert  uk-alert-primary">
155
                        There are no research data
156
                    </div-->
157
                    <div *ngIf="fetchDatasets.searchUtils.status == errorCodes.NONE" class="uk-alert uk-alert-primary uk-animation-fade" role="alert">There are no research data</div>
158
                    <div *ngIf="fetchDatasets.searchUtils.status == errorCodes.ERROR" class="uk-alert uk-alert-warning uk-animation-fade" role="alert">An Error Occured</div>
159
                    <div *ngIf="fetchDatasets.searchUtils.status == errorCodes.NOT_AVAILABLE" class="uk-alert uk-alert-danger uk-animation-fade" role="alert">Service not available</div>
160
                    <div *ngIf="fetchDatasets.searchUtils.status == errorCodes.LOADING" class="uk-alert uk-alert-primary uk-animation-fade" role="alert">Loading...</div>
161

    
162

    
163
                    <div *ngIf="fetchDatasets.searchUtils.totalResults > 0">
164

    
165
                        <div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults > 10">
166
                            <a [queryParams]="routerHelper.createQueryParams(['projectId', 'pr'], [projectId, 'and'])"
167
                                routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets">
168
                                View all {{fetchDatasets.searchUtils.totalResults}} results
169
                            </a>
170
                        </div>
171
                        <tab-result  [(results)]="fetchDatasets.results"
172
                                        [(status)]= "fetchDatasets.searchUtils.status"
173
                                        type="dataset" urlParam="datasetId">
174
                        </tab-result>
175
                    </div>
176
                </li>
177
                <li class="uk-animation-fade">
178
                  <!--div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert  uk-alert-primary">
179
                      There are no statistics
180
                  </div-->
181
                  <div *ngIf="fetchPublications.searchUtils.status == errorCodes.NONE && fetchDatasets.searchUtils.status == errorCodes.NONE"
182
                        class="uk-alert uk-alert-primary uk-animation-fade" role="alert">There are no statistics</div>
183
                  <div *ngIf="fetchPublications.searchUtils.status == errorCodes.ERROR || fetchDatasets.searchUtils.status == errorCodes.ERROR"
184
                        class="uk-alert uk-alert-warning uk-animation-fade" role="alert">An Error Occured</div>
185
                  <div *ngIf="fetchPublications.searchUtils.status == errorCodes.NOT_AVAILABLE || fetchDatasets.searchUtils.status == errorCodes.NOT_AVAILABLE"
186
                        class="uk-alert uk-alert-danger uk-animation-fade" role="alert">Service not available</div>
187
                  <div *ngIf="fetchPublications.searchUtils.status == errorCodes.LOADING || fetchDatasets.searchUtils.status == errorCodes.LOADING"
188
                        class="uk-alert uk-alert-primary uk-animation-fade" role="alert">Loading...</div>
189

    
190
                  <div *ngIf="statsClicked && (fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">
191

    
192
                      <div>
193
                        <p class="uk-text-bold">Scientific Results</p>
194
                        <i-frame  [url]=chartScientificResultsUrl width="800" height="350"></i-frame>
195
                        <p class="uk-text-bold">Access Mode</p>
196
                        <i-frame [url]=chartAccessModeUrl width="800" height="350"></i-frame>
197
                        <p class="uk-text-bold">By Datasource</p>
198
                        <i-frame  [url]=chartDatasourcesUrl width="800" height="350"></i-frame>
199
                      </div>
200
                  </div>
201
                </li>
202
                <li class="uk-animation-fade">
203

    
204
                    <metrics [pageViews]="pageViews"
205
                        [id]="projectId" [type]="'projects'" [name]="projectName" (metricsResults)="metricsResults($event)">
206
                    </metrics>
207
                    <!--i-frame *ngIf="metricsClicked" [url]=viewsFrameUrl width="800" height="350"></i-frame-->
208
                    <i-frame *ngIf="metricsClicked && totalViews > 0"
209
                        [url]=viewsFrameUrl width="100%" height="250">
210
                    </i-frame>
211
                    <i-frame *ngIf="metricsClicked && totalDownloads > 0"
212
                        [url]=downloadsFrameUrl width="100%" height="250">
213
                    </i-frame>
214
                </li>
215
            </ul>
216
        </div>
217

    
218
        <div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
219
          <div>
220
            Share - Bookmark<addThis ></addThis>
221
          </div>
222
          <div class="app-box uk-margin-medium-top uk-margin-medium-bottom">
223
              <div class="uk-text-center uk-text-large">
224
                Application Box
225
              </div>
226
            <ul class="uk-tab uk-visible@m" uk-tab="connect: #tab-app-box-project">
227
                <li>
228
                    <a>Publications</a>
229
                </li>
230
                <li>
231
                    <a>Research Data</a>
232
                </li>
233
              </ul>
234
              <ul id="tab-app-box-project" class="uk-switcher uk-margin">
235
                  <li class="uk-animation-fade">
236
                     <!-- Publication box-->
237
                     <ul class="uk-list">
238
                       <li>
239
                         <a class="clickable" uk-toggle="target: #publications_dynamic; animation:uk-animation-fade"><span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML)</a>
240
                         <div hidden id="publications_dynamic">
241
                             <button class="uk-button uk-button-default publ_clipboard_btn" data-clipboard-target="#publ_clipboard">
242
                                 Copy to clipboard
243
                                 <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>
244
                             </button>
245
                             <pre><code id="publ_clipboard">{{publications_dynamic}}</code></pre>
246
                         </div>
247
                       </li>
248
                       <li>
249
                          <a target="_blank"
250
                             href="/project-report?projectId={{projectId}}&size={{fetchPublications.searchUtils.totalResults}}">
251
                              <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span> Get {{projectInfo.funder}} report (HTML)
252
                         </a>
253
                       </li>
254
                       <li>
255
                         <a class="clickable" (click)="downloadfile(downloadURLAPI+'resources?'+csvParams+fetchPublications.searchUtils.totalResults)">
256
                              <span  class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span> Get {{projectInfo.funder}} report (CSV)
257
                         </a>
258
                       </li>
259
                       <li>
260
                         <a  routerLinkActive="router-link-active" routerLink="/participate/deposit-publications">
261
                             <span class="uk-icon">
262
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
263
</span> Deposit
264
                           </a>
265
                       </li>
266
                   </ul>
267
                  </li>
268
                  <li class="uk-animation-fade">
269
                    <!-- Dataset box-->
270
                    <ul class="uk-list">
271
                      <li>
272
                        <a class="clickable" uk-toggle="target: #datasets_dynamic; animation:uk-animation-fade"><span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML) </a>
273
                        <div hidden id="datasets_dynamic">
274
                            <button class="uk-button uk-button-default datasets_clipboard_btn" data-clipboard-target="#datasets_clipboard">
275
                                Copy to clipboard
276
                                <span  class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>
277
                            </button>
278
                            <pre><code id="datasets_clipboard">{{datasets_dynamic}}</code></pre>
279
                        </div>
280
                    </li>
281
                    <li>
282
                       <a target="_blank"
283
                          href="/project-report?projectId={{projectId}}&size={{fetchDatasets.searchUtils.totalResults}}&type=dataset">
284
                           <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="table" ratio="1"><rect x="1" y="3" width="18" height="1"></rect><rect x="1" y="7" width="18" height="1"></rect><rect x="1" y="11" width="18" height="1"></rect><rect x="1" y="15" width="18" height="1"></rect></svg></span> Get {{projectInfo.funder}} report (HTML)
285
                      </a>
286
                    </li>
287
                    <li>
288
                      <a class="clickable" (click)="downloadfile(downloadURLAPI+'resources?'+csvParamsDatasets+fetchDatasets.searchUtils.totalResults)">
289
                           <span  class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="download" ratio="1"><polyline fill="none" stroke="#000" points="14,10 9.5,14.5 5,10"></polyline><rect x="3" y="17" width="13" height="1"></rect><line fill="none" stroke="#000" x1="9.5" y1="13.91" x2="9.5" y2="3"></line></svg></span> Get {{projectInfo.funder}} report (CSV)
290
                      </a>
291
                    </li>
292
                    <li>
293
                         <a  routerLinkActive="router-link-active" routerLink="/participate/deposit-datasets">
294
                              <span class="uk-icon">
295
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
296
</span> Deposit
297
                         </a>
298
                    </li>
299
                  </ul>
300
                </li>
301
              </ul>
302

    
303

    
304
        </div>
305
        <a class="uk-button uk-button-default" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" > <span class="uk-icon">
306
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" icon="link" ratio="1"><path fill="none" stroke="#000" stroke-width="1.1" d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M7.925,11.875 L11.925,7.975"></path></svg>
307
</span>
308
            Link to research results
309
        </a>
310

    
311
        </div>
312
    </div>
313
    <modal-loading></modal-loading>
314
</div>
315
</div>
316
</div>
317
</div>
(2-2/6)