Project

General

Profile

1
<!-- Before title -->
2
<div uk-grid>
3
  <div [class.uk-width-1-1]="!result.relation" [class.uk-width-1-2]="result.relation"
4
       [class.uk-width-3-4@s]="result.relation">
5
    <!-- deposit website URL -->
6
    <span class="uk-width-expand uk-flex-right">
7
        <a *ngIf="result.websiteURL && promoteWebsiteURL" href="{{result.websiteURL}}" target="_blank" type="submit"
8
           class=" zenodoButton uk-float-right uk-button portal-button uk-padding uk-padding-remove-vertical uk-margin-small-left">
9
          <span><span>Visit repository to deposit</span><span uk-icon="arrow-right"></span></span>
10
        </a>
11
    </span>
12
    <div class="uk-text-small">
13
      <span class="uk-text-capitalize">
14
        {{getTypeName(result.resultType)}}
15
      </span>
16
      <span
17
          *ngIf="properties.environment !== 'production' && result.types && removeDuplicates(result.types).length > 0">
18
        {{' . ' + removeDuplicates(result.types).join(' . ')}}
19
      </span>
20
      <span *ngIf="properties.environment === 'production' && result.types &&
21
          removeUnknown(removeDuplicates(result.types)).length > 0">
22
        {{' . ' + removeDuplicates(removeDuplicates(result.types)).join(' . ')}}
23
      </span>
24
      <span *ngIf="result.year">{{' . ' + result.year.toString()}}</span>
25
      <span *ngIf="result.startYear && result.endYear"> . {{result.startYear}} - {{result.endYear}}</span>
26
      <span *ngIf="result.embargoEndDate && result.embargoEndDate != ''">
27
        . Embargo End Date: {{result.embargoEndDate | date: 'dd MMM yyyy'}}
28
      </span>
29
    </div>
30
    <!-- Title -->
31
    <div class="uk-margin-small-bottom">
32
      <div class="uk-h5 uk-margin-remove">
33

    
34
        <a *ngIf="result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "
35
           (click)="onClick()" [queryParams]="routerHelper.createQueryParam(urlParam,result.id)"
36
           routerLink="/search/{{result.resultType}}" class="portal-link uk-width-expand">
37
          <div *ngIf="(result.title) || result.acronym">
38
      <span *ngIf="result.acronym">
39
        {{result.acronym}}
40
      </span>
41
            <span *ngIf="result.acronym && (result.title)"> (</span>
42
            <span *ngIf="result.title" [innerHTML]="result.title"></span>
43
            <span *ngIf="result.acronym && result.title">)</span>
44
          </div>
45
          <div *ngIf="!result.title && !result.acronym">
46
            [no title available]
47
          </div>
48
        </a>
49
        <div *ngIf="!result.id ||  (result.resultType == 'dataprovider' && result.compatibilityUNKNOWN)" class="uk-width-expand">
50
          <div *ngIf="(result.title) || result.acronym">
51
      <span *ngIf="result.acronym">
52
        {{result.acronym}}
53
      </span>
54
            <span *ngIf="result.acronym && (result.title)"> (</span>
55
            <span *ngIf="result.title" [innerHTML]="result.title"></span>
56
            <span *ngIf="result.acronym && result.title">)</span>
57
          </div>
58
          <div *ngIf="!result.title && !result.acronym">
59
            [no title available]
60
          </div>
61
        </div>
62
        <hr  *ngIf="result.websiteURL && promoteWebsiteURL">
63
      </div>
64
      <!-- Download from-->
65
      <div *ngIf="result.hostedBy_collectedFrom && result.hostedBy_collectedFrom.length > 0"
66
           class="uk-margin-small-bottom download-from">
67
        <div *ngFor="let from of result.hostedBy_collectedFrom">
68
    <span class="uk-margin-right uk-display-inline-block">
69
      <span class="uk-text-muted">Download from: </span>
70
      <a *ngIf="from.downloadUrl && from.downloadUrl.length === 1"
71
         [href]="from.downloadUrl[0]" target="_blank" class="title">
72
        {{from.downloadName}}
73
        <span class="custom-external space"></span>
74
      </a>
75
      <span *ngIf="!from.downloadUrl || from.downloadUrl.length === 0" class="title">
76
        {{from.downloadName}}
77
      </span>
78
    </span>
79
          <span class="provider uk-display-inline-block">
80
      <span class="uk-text-muted">Provider: </span>
81
      <a *ngIf="from.collectedId" routerLink="/search/dataprovider" [queryParams]="{datasourceId: from.collectedId}"
82
         [href]="from.downloadUrl[0]" target="_blank">
83
        {{from.collectedName}}
84
        <span class="custom-external space"></span>
85
      </a>
86
      <span *ngIf="!from.collectedId">
87
        {{from.collectedName}}
88
      </span>
89
    </span>
90
        </div>
91
      </div>
92
      <!-- Authors -->
93
      <div *ngIf="result.authors">
94
        <showAuthors [authors]="result.authors" [authorsLimit]=10 [modal]="modal" [showAll]=false></showAuthors>
95
      </div>
96
    </div>
97
    <!-- Funder -->
98
    <div *ngIf="result.funderShortname || result.code" class="uk-margin-small-bottom uk-text-small">
99
  <span *ngIf="result.funderShortname">
100
    <span class="uk-text-muted">Funder: </span>
101
    {{result.funderShortname}}
102
  </span>
103
      <span *ngIf="result.code" [class.uk-margin-left]="result.funderShortname">
104
    <span class="uk-text-muted">Project Code: </span>
105
        {{result.code}}
106
  </span>
107
    </div>
108
    <!-- Funder Budget -->
109
    <div *ngIf="result.budget || result.contribution" class="uk-margin-small-bottom uk-text-small">
110
      <span *ngIf="result.budget">
111
        <span class="uk-text-muted">Overall Budget: </span>
112
        {{result.budget | number}}
113
        <span *ngIf="result.currency">{{result.currency}}</span>
114
      </span>
115
      <span *ngIf="result.contribution" [class.uk-margin-left]="result.budget">
116
        <span class="uk-text-muted">Funder Contribution: </span>
117
        {{result.contribution | number}}
118
        <span *ngIf="result.currency">{{result.currency}}</span>
119
      </span>
120
    </div>
121
    <!-- Labels -->
122
    <div class="uk-margin-small-bottom">
123
  <span *ngIf="properties.environment !== 'production' && result.accessMode"
124
        class="uk-label custom-label" [ngClass]="'label-' + accessClass(result.accessMode)"
125
        title="Access Mode">
126
    {{result.accessMode}}
127
  </span>{{' '}}
128
      <span
129
          *ngIf="properties.environment === 'production' && result.accessMode && result.accessMode.toLowerCase() !== 'not available'"
130
          class="uk-label custom-label" [ngClass]="'label-' + accessClass(result.accessMode)"
131
          title="Access Mode">
132
    {{result.accessMode}}
133
  </span>{{' '}}
134
      <span *ngIf="result.openAccessMandatePublications && (!result.openAccessMandateDatasets)"
135
            class="uk-label custom-label label-open"
136
            title="Open Access mandate for Publications">
137
          Open Access mandate for Publications
138
  </span>{{' '}}
139
      <span
140
          *ngIf="result.openAccessMandateDatasets != undefined && result.openAccessMandateDatasets && (result.openAccessMandatePublications == undefined || !result.openAccessMandatePublications)"
141
          class="uk-label custom-label label-open " title="Open Access mandate for Research Data">
142
          Open Access mandate for Research Data
143
  </span>{{' '}}
144
      <span
145
          *ngIf="result.openAccessMandatePublications != undefined && result.openAccessMandatePublications && result.openAccessMandateDatasets != undefined && result.openAccessMandateDatasets"
146
          class="uk-label custom-label label-open "
147
          title="Open Access mandate for Publications and Research Data">
148
          Open Access mandate for Publications and Research Data
149
  </span>{{' '}}
150
      <span *ngIf="properties.environment !== 'production' && result.languages && result.languages.length > 0">
151
    <span *ngFor="let language of result.languages"
152
          class="uk-label custom-label label-language " title="Language">
153
      {{language}}
154
    </span>{{' '}}
155
  </span>
156
      <span
157
          *ngIf="properties.environment === 'production' && result.languages && removeUnknown(result.languages).length > 0">
158
    <span *ngFor="let language of removeUnknown(result.languages)"
159
          class="uk-label custom-label label-language " title="Language">
160
      {{language}}
161
    </span>{{' '}}
162
  </span>
163
      <span *ngIf="result.programmingLanguages && result.programmingLanguages.length > 0">
164
    <span *ngFor="let programmingLanguage of result.programmingLanguages"
165
          class="uk-label custom-label label-language" title="Programming Language">
166
      {{programmingLanguage}}
167
    </span>{{" "}}
168
  </span>
169
      <span *ngIf="result.sc39" class="uk-label custom-label label-sc39" title="Special Clause 39">
170
    Special Clause 39
171
  </span>{{' '}}
172
      <span *ngIf="result.compatibility && result.compatibility != '' && result.compatibility != 'not available'"
173
            class="uk-label custom-label  label-compatibility" title="Compatibility">
174
    {{result.compatibility}}
175
  </span>{{' '}}
176
      <span *ngIf="result.compatibility != undefined && result.compatibility != '' && result.compatibility ==
177
      'not available'"
178
            class="uk-label custom-label  label-danger" title="OpenAIRE Compatibility">Not yet registered</span>
179
      {{' '}}
180
    </div>
181
    <!-- Identifiers -->
182
    <div *ngIf="result.identifiers && result.identifiers.size > 0">
183
      <showIdentifiers [identifiers]="result.identifiers" [properties]="properties"></showIdentifiers>
184
    </div>
185
    <!-- Publisher -->
186
    <div *ngIf="result.publisher && result.publisher != ''" class="uk-text-small uk-margin-small-bottom">
187
      <span class="uk-text-muted">Publisher: </span>
188
      {{result.publisher}}
189
    </div>
190
    <!-- Countries -->
191
    <div *ngIf="result.countries && result.countries.length > 0"
192
         class="uk-text-small uk-margin-small-bottom">
193
      <span class="uk-text-muted">{{(result.countries.length == 1) ? 'Country' : 'Countries'}}: </span>
194
      <span *ngFor="let country of  result.countries.slice(0,10) let i = index">
195
        {{country}}{{(i < (result.countries.slice(0, 10).length - 1)) ? ", " : ""}}
196
        {{(i == result.countries.slice(0, 10).length - 1 && result.countries.length > 10) ? "..." : ""}}
197
  </span>
198
    </div>
199
    <!-- Projects -->
200
    <div *ngIf="result.projects && result.projects.length > 0" class="uk-text-small uk-margin-small-bottom">
201
      <span class="uk-text-muted"> Project: </span>
202
      <span *ngFor="let project of result.projects.slice(0,10) let i=index">
203
    <span>
204
      {{project.funderShortname ? project.funderShortname : project.funderName}}
205
    </span>
206
    <span *ngIf="project.acronym || project.title">
207
      | {{ project.acronym ? project.acronym : (project.title.length > 25 ?
208
        project.title.substring(0, 25) + '...' : project.title)}}
209
    </span>
210
    <span *ngIf="project.code"> ({{project.code}})</span>
211
    <span *ngIf="i < result.projects.length-1">,</span>
212
  </span>
213
      <span *ngIf="result.projects.length > 10">...</span>
214
    </div>
215
    <!-- Organizations -->
216
    <div *ngIf="showOrganizations && result.organizations && result.organizations.length > 0"
217
         class="uk-text-small uk-margin-small-bottom">
218
      <span class="uk-text-muted">Organization: </span>
219
      <span *ngFor="let organization of result.organizations.slice(0,10) let i=index">
220
    <span>{{organization.name}}</span>
221
    <span *ngIf="(i < result.organizations.length-1) && (i < 9)">, </span>
222
  </span>
223
      <span *ngIf="result.organizations.length > 10">...</span>
224
    </div>
225
    <!-- Website URL -->
226
    <div *ngIf="result.websiteURL && result.websiteURL != '' && !promoteWebsiteURL" class="uk-text-small uk-margin-small-bottom">
227
      <span class="uk-text-muted">Website URL: </span>
228
      <span>
229
            <a href="{{result.websiteURL}}" target="_blank" class="custom-external custom-icon">
230
                {{result.websiteURL}}
231
            </a>
232
        </span>
233
    </div>
234
    <!-- OAI-PMH URL-->
235
    <div *ngIf="result.OAIPMHURL && result.OAIPMHURL != ''" class="uk-text-small uk-margin-small-bottom">
236
      <span class="uk-text-muted">OAI-PMH URL: </span>
237
      <span>
238
      <a href="{{result.OAIPMHURL}}" target="_blank" class="custom-external custom-icon">
239
          {{result.OAIPMHURL}}
240
      </a>
241
  </span>
242
    </div>
243
    <!-- Subjects -->
244
    <div *ngIf="showSubjects && result.subjects && result.subjects.length > 0"
245
         class="uk-text-small uk-margin-small-bottom">
246
      <span class="uk-text-muted">Subject: </span>
247
      <span *ngFor="let subject of  result.subjects.slice(0,10) let i = index">
248
        <span>{{subject}}</span>
249
        <span>{{(i < (result.subjects.slice(0, 10).length - 1)) ? ", " : ""}}</span>
250
        <span>{{(i == result.subjects.slice(0, 10).length - 1 && result.subjects.length > 10) ? "..." : ""}}</span>
251
  </span>
252
    </div>
253
  </div>
254
  <div *ngIf="result.relation" class="uk-width-expand uk-padding-remove-left uk-text-small">
255
    <div *ngIf="result.percentage" class="uk-flex uk-flex-middle">
256
      <div class="uk-margin-small-right">
257
        <span class="uk-text-capitalize uk-text-muted">{{result.relation}}: </span>
258
        <span class="portal-color uk-text-bold"> {{result.percentage}}%</span>
259
      </div>
260
      <progress class="uk-progress portal-progress uk-margin-remove uk-text-left uk-width-expand"
261
                [value]="result.percentage" max="100"></progress>
262
    </div>
263
    <div class="uk-text-capitalize uk-text-muted" *ngIf="result.provenanceAction">
264
      {{result.provenanceAction}}
265
    </div>
266
  </div>
267
</div>
268
<!-- Description -->
269
<div *ngIf="result.description" class="uk-margin-small-bottom multi-line-ellipsis lines-3">
270
  <p class="uk-text-small uk-text-muted">
271
    {{result.description}}
272
  </p>
273
</div>
274
<div>
275
  <!-- Impact Factors-->
276
  <span *ngIf="result.pop_inf && result.DOI" class="uk-flex uk-flex-middle">
277
    <!--Popularity -->
278
    <a  title = "Popularity"  class="popularity-{{result.pop_inf[0]}}  uk-margin-right uk-flex uk-flex-middle">
279
      <svg xmlns="http://www.w3.org/2000/svg" width="10.749" height="14.33" viewBox="0 0 10.749 14.33"><defs><!--<style>.a{fill:#d51717;}</style>--></defs><path class="a" d="M10.382.67a14.44,14.44,0,0,1,.5,3.225A2.331,2.331,0,0,1,8.589,6.4,2.445,2.445,0,0,1,6.15,3.895l.02-.242A9.25,9.25,0,0,0,4,9.625a5.375,5.375,0,0,0,10.749,0A11.5,11.5,0,0,0,10.382.67ZM9.18,12.985a2.134,2.134,0,0,1-2.163-2.11A2.1,2.1,0,0,1,8.9,8.779a5.181,5.181,0,0,0,3.1-1.733,9.374,9.374,0,0,1,.4,2.714A3.226,3.226,0,0,1,9.18,12.985Z" transform="translate(-4 -0.67)"/></svg>
280
      <span class="uk-margin-small-left"
281
      >
282
        {{" "+(result.pop_inf[0]=='A'?'High':'')+(result.pop_inf[0]=='B'?'Average':'')+(result.pop_inf[0]=='C'?'Low':'')+
283
      " popularity" }}</span>
284

    
285
    </a>
286
    <div
287
      class="default-dropdown uk-margin-remove-top uk-padding-medium"
288
      uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
289
        <span class=" uk-flex uk-flex-middle">
290
          <span  class="popularity-{{result.pop_inf[0]}}">
291
             <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="26.974"
292
                  viewBox="0 0 20.234 26.974"><defs> </defs><path class="a" d="M16.014.67a27.181,27.181,0,0,1,.936,6.07c0,2.605-1.707,4.717-4.312,4.717A4.6,4.6,0,0,1,8.047,6.74l.038-.455A17.411,17.411,0,0,0,4,17.527a10.117,10.117,0,0,0,20.234,0A21.643,21.643,0,0,0,16.014.67ZM13.75,23.85A4.016,4.016,0,0,1,9.678,19.88c0-2.049,1.328-3.49,3.554-3.946a9.753,9.753,0,0,0,5.843-3.263,17.645,17.645,0,0,1,.746,5.109,6.072,6.072,0,0,1-6.07,6.07Z" transform="translate(-4 -0.67)"/></svg>
293
            </span>
294
          <span class=" uk-margin-small-left uk-text-large"
295
          >{{" "+(result.pop_inf[0]=='A'?'High':'')+(result.pop_inf[0]=='B'?'Average':'')+(result.pop_inf[0]=='C'?'Low':'')+
296
          " popularity" }}</span>
297
          <span
298
            class="uk-margin-small-top uk-margin-small-left">{{" "+(result.pop_inf[0]=='A'?'In top  0.01%':'')+(result.pop_inf[0]=='B'?'In top 1%':'')+(result.pop_inf[0]=='C'?'In bottom 99%':'')}}</span>
299
        </span>
300

    
301
        <div class="uk-text-muted uk-margin uk-text-small">Popularity: Citation-based measure reflecting the current impact.</div>
302
        <div>
303
          <a title ="Link to Bip!Finder" class=" uk-float-right" target="_blank" href =
304
            "https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
305
        </div>
306
    </div>
307
    <!--Influence -->
308
    <a title = "Influence"   class="influence-{{result.pop_inf[1]}} uk-flex uk-flex-middle">
309
      <svg xmlns="http://www.w3.org/2000/svg" width="12.667" height="14" viewBox="0 0 12.667 14"><defs><!--<style>.a{fill:#e1920a;}</style>--></defs><path class="a" d="M3.333,7v4.667h2V7Zm4,0v4.667h2V7ZM2,15H14.667V13H2Zm9.333-8v4.667h2V7Zm-3-6L2,4.333V5.667H14.667V4.333Z" transform="translate(-2 -1)"/></svg>
310
      <span class="uk-margin-small-left"
311
      >{{" "+(result.pop_inf[1]=='A'?'Strong':'')+(result.pop_inf[1]=='B'?'Average':'')+(result.pop_inf[1]=='C'?'Weak':'')+
312
      " influence" }}</span>
313
    </a>
314
    <div
315
      class="default-dropdown uk-margin-remove-top uk-padding-medium"
316
      uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
317
        <span class=" uk-flex uk-flex-middle">
318
          <span  class="influence-{{result.pop_inf[1]}}">
319
             <svg xmlns="http://www.w3.org/2000/svg" width="24.299" height="26.857" viewBox="0 0 24.299 26.857"><defs><style>.a{fill:#464646;}</style></defs><path class="a" d="M4.558,12.51v8.952H8.394V12.51Zm7.673,0v8.952h3.837V12.51ZM2,27.857H26.3V24.02H2ZM19.9,12.51v8.952h3.837V12.51ZM14.149,1,2,7.394V9.952H26.3V7.394Z" transform="translate(-2 -1)"/></svg>
320
            </span>
321
          <span class=" uk-margin-small-left uk-text-large"
322
          >{{" "+(result.pop_inf[1]=='A'?'Strong':'')+(result.pop_inf[1]=='B'?'Average':'')+(result.pop_inf[1]=='C'?'Weak':'')+
323
          " influence" }}</span>
324
          <span
325
            class="uk-margin-small-top uk-margin-small-left">{{" "+(result.pop_inf[1]=='A'?'In top  0.01%':'')+(result.pop_inf[1]=='B'?'In top 1%':'')+(result.pop_inf[1]=='C'?'In bottom 99%':'')}}</span>
326
        </span>
327

    
328
        <div class="uk-text-muted uk-margin uk-text-small">Influence: Citation-based measure reflecting the total impact.</div>
329
        <div>
330
          <a title ="Link to Bip!Finder" class=" uk-float-right" target="_blank" href =
331
            "https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
332
        </div>
333
    </div>
334
  </span>
335
</div>
(1-1/4)