Project

General

Profile

1 61065 k.triantaf
<ng-template #_logos let-logo="logo" let-class="class">
2
  <div *ngIf="logo" [class]="'uk-flex uk-flex-middle uk-flex-center uk-padding-remove-horizontal '+class">
3
    <div class="">
4 61326 k.triantaf
      <img src="assets/ExploreLogos/{{logo}}" alt="{{logo}} logo" loading="lazy">
5 61065 k.triantaf
    </div>
6
  </div>
7
</ng-template>
8
<div class="image-front-topbar mainPageSearchForm">
9
  <div class="uk-section">
10
    <div class="uk-container">
11
      <div class="search_box_bg uk-flex uk-flex-center">
12
        <div>
13
          <form class="uk-margin">
14
            <div class="uk-grid uk-margin-small-left">
15
              <div class="uk-margin-small-top uk-padding-remove-left">
16
                <entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"
17
                                    [properties]="properties" [onChangeNavigate]="false"
18
                                    (selectionChange)="entityChanged($event)"
19
                ></entities-selection>
20
              </div>
21
              <div class=" uk-padding-remove-left uk-margin-small-top">
22
                <div class="uk-inline">
23
                  <a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''"
24
                     uk-icon="icon: close"></a>
25
                  <input type="text" class="uk-input   uk-width-xlarge@l uk-width-large@m uk-width-medium"
26
                         placeholder="Search in OpenAIRE for scholarly works"
27
                         [(ngModel)]="keyword"
28
                         name="keyword">
29
                </div>
30
                <div class=" quickSelectionsBox uk-width-xlarge@l uk-width-large@m uk-width-medium">
31
                  <quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"
32
                                    [quickFilter]="resultsQuickFilter"
33
                                    [properties]="properties">
34
                  </quick-selections>
35
                </div>
36
              </div>
37
              <div class="uk-padding-remove-left uk-margin-small-top">
38
39
                <button (click)="goTo(true)" type="submit"
40
                        class="uk-button portal-button uk-text-bold  uk-padding uk-padding-remove-vertical uk-margin-small-left">
41
                  Search
42
                </button>
43
                <div class="uk-margin-small-top  uk-margin-left">
44
                  <!--                        (click)="goTo(false)"-->
45
                  <a *ngIf="selectedEntity!='all'" (click)="goTo(false)" class="portal-link">Advanced Search</a>
46
                  <a *ngIf="selectedEntity=='all'" class="portal-link ">Advanced Search</a></div>
47
                <div *ngIf="selectedEntity=='all'" uk-dropdown class="uk-dropdown default-dropdown">
48
                  <ul class="uk-list uk-margin-remove-bottom">
49
                    <li *ngIf="showSoftware || showPublications || showOrp || showDatasets"><a
50
                        [routerLink]="properties.searchLinkToAdvancedResults"
51
                        [queryParams]="{qf:true, q: keyword, op: 'and'}"
52
                    >Research
53
                      outcomes</a></li>
54
                    <li *ngIf="showProjects"><a
55
                        [routerLink]="properties.searchLinkToAdvancedProjects"
56
                        [queryParams]="{q: keyword, op: 'and'}">
57
                      Projects</a></li>
58
                    <li *ngIf="showDataProviders"><a
59
                        [routerLink]="properties.searchLinkToAdvancedDataProviders"
60
                        [queryParams]="{q: keyword, op: 'and'}">
61
                      Content providers</a></li>
62
                    <li *ngIf="showOrganizations"><a
63
                        [routerLink]="properties.searchLinkToAdvancedOrganizations"
64
                        [queryParams]="{q: keyword, op: 'and'}">
65
                      Organizations</a></li>
66
                  </ul>
67
                </div>
68
              </div>
69
            </div>
70
          </form>
71
        </div>
72
      </div>
73
    </div>
74
    <div class="uk-margin-medium">
75
      <div class="uk-container uk-container-large explore-numbers uk-margin-medium-bottom">
76
        <div class="search_box_bg uk-grid uk-grid-stack" uk-grid="">
77
          <div class="uk-width-1-1@m uk-first-column">
78
            <div class="uk-grid uk-margin uk-margin-bottom uk-width-xxlarge uk-margin-auto">
79
              <div class="uk-width-expand uk-padding-remove">
80
81
                <div uk-slider="autoplay: true; autoplay-interval: 2500" class="uk-margin-top">
82
                  <div class="uk-position-relative">
83
                    <div class="uk-slider-container">
84
                      <ul class="uk-slider-items" uk-height-match="target: > li > div > div > .logo1; row: false;">
85
                        <ng-container *ngFor="let type of getKeys(logos)">
86
                          <li *ngFor="let range of createRange(logos[type].length) let j=index"
87
                              class="uk-width-1-1 home-logo">
88
                            <h1 class="uk-text-center uk-margin-bottom portal-color uk-h3">
89
                                <span *ngIf="type=='publication' && showPublications && numbers?.publicationsSize">
90
                                  <span
91
                                      class="uk-text-bold">{{numbers.publicationsSize.number|number}}{{numbers.publicationsSize.size}}
92
                                    publications</span><span> deduplicated</span>
93
                                </span>
94
                              <span
95
                                  *ngIf="type=='dataset' && showDatasets && (numbers?.datasetsLinkedSize || numbers?.datasetsSize)">
96
                                  <span *ngIf="numbers?.datasetsLinkedSize">
97
                                       <span
98
                                           class="uk-text-bold">{{numbers.datasetsLinkedSize.number|number}}{{numbers.datasetsLinkedSize.size}}
99
                                         datasets</span> interlinked with publications</span>
100
                                  <span *ngIf="numbers?.datasetsSize && !numbers?.datasetsLinkedSize"
101
                                        class="uk-text-bold">{{numbers.datasetsSize.number|number}}{{numbers.datasetsSize.size}}
102
                                    research data</span>
103
                                </span>
104
                              <span
105
                                  *ngIf="type=='software' && showSoftware && (numbers?.softwareSize || numbers?.softwareLinkedSize)">
106
                                  <span *ngIf="numbers?.softwareLinkedSize">
107
                                    <span
108
                                        class="uk-text-bol ">{{numbers.softwareLinkedSize.number|number}}{{numbers.softwareLinkedSize.size}}
109
                                      research
110
                                      software</span>  interlinked with publications</span>
111
                                  <span *ngIf="numbers?.softwareSize && !numbers?.softwareLinkedSize"
112
                                        class="uk-text-bold">{{numbers.softwareSize.number|number}}{{numbers.softwareSize.size}}
113
                                    research software</span>
114
                                </span>
115
                              <span *ngIf="type=='persistent'">
116
                                  <span>Persistent identifiers and registries</span>
117
                                </span>
118
                              <span *ngIf="type=='funder' && showProjects && numbers?.fundersSize">
119
                                  <span
120
                                      class="uk-text-bold">{{numbers.fundersSize.number|number}}{{numbers.fundersSize.size}}
121
                                    funders</span><span> and</span>
122
                                  <span
123
                                      class="uk-text-bold"> {{numbers.projectsSize.number|number}}{{numbers.projectsSize.size}}
124
                                    funded grants</span>
125
                                </span>
126
127
                            </h1>
128
                            <div
129
                                class="uk-grid-small  uk-child-width-1-6 uk-text-center grid uk-flex uk-flex-center"
130
                                uk-grid uk-height-match="target: > div > .logo2; row: false;">
131
                              <div
132
                                  *ngFor="let logo of logos[type][j].slice(0,ceil(logos[type][j].length/2)); let i=index">
133
                                <ng-container
134
                                    *ngTemplateOutlet="_logos; context: { logo: logo, class: 'logo1 '}"></ng-container>
135
                                <ng-container
136
                                    *ngTemplateOutlet="_logos; context: { logo: logos[type][j][ceil(logos[type][j].length/2)+i], class: 'uk-margin-top logo2 '}"></ng-container>
137
                              </div>
138
                            </div>
139
                          </li>
140
                        </ng-container>
141
                      </ul>
142
                    </div>
143
144
                    <div class="uk-hidden@s">
145
                      <a class="uk-position-center-left uk-position-small" href="#" uk-slidenav-previous
146
                         uk-slider-item="previous"></a>
147
                      <a class="uk-position-center-right uk-position-small" href="#" uk-slidenav-next
148
                         uk-slider-item="next"></a>
149
                    </div>
150
151
                    <div class="uk-visible@s">
152
                      <a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous
153
                         uk-slider-item="previous"></a>
154
                      <a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next
155
                         uk-slider-item="next"></a>
156
                    </div>
157
                  </div>
158
                </div>
159
160
              </div>
161
            </div>
162
163
          </div>
164
        </div>
165
      </div>
166
      <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
167
              [texts]="pageContents['top']"></helper>
168
    </div>
169
  </div>
170
</div>
171
<!--<schema2jsonld [URL]="properties.baseLink"-->
172
<!--               [logoURL]="properties.baseLink+'/assets/common-assets/logo-small-explore.png'" type="home"-->
173
<!--               name="OpenAIRE Explore"></schema2jsonld>-->
174
<div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
175
     class="uk-section graph-background">
176
  <div class="uk-container">
177
    <div class="uk-flex uk-flex-top uk-child-width-1-1 uk-child-width-1-2@m" uk-grid>
178
      <div class="uk-flex-last@m">
179
        <div [class.lines-10]="!readMore" class="uk-margin-bottom multi-line-ellipsis">
180
          <helper [texts]="pageContents['right']"></helper>
181
        </div>
182
        <div *ngIf="!readMore" class="uk-text-center clickable" (click)="readMore = true">
183
          <span>Read more<span class="space" uk-icon="chevron-down"></span></span>
184
        </div>
185
        <div *ngIf="readMore" class="uk-text-center clickable" (click)="readMore = false">
186
          <span>Read less<span class="space" uk-icon="chevron-up"></span></span>
187
        </div>
188
      </div>
189
      <div class="uk-flex uk-flex-bottom">
190
        <div class="uk-width-1-3 uk-width-1-2@m">
191 61326 k.triantaf
          <img src="assets/explore-assets/graph.png" loading="lazy">
192 61065 k.triantaf
        </div>
193
        <div class="uk-padding uk-width-1-2">
194 61326 k.triantaf
          <img src="assets/common-assets/logo-large-graph.png" loading="lazy">
195 61065 k.triantaf
        </div>
196
      </div>
197
    </div>
198
  </div>
199
</div>
200
<div *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
201
     class="graph-background-bottom uk-section uk-padding-remove-vertical uk-background-cover"></div>
202
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
203
        [texts]="pageContents['bottom']"></helper>
204
<div class="uk-section uk-padding-remove-bottom">
205
  <h3 class="uk-text-center uk-margin-medium-bottom">Our growing <span class="uk-text-bold">Community</span></h3>
206
  <numbers #numbersComponent [defaultInit]="false" backgroundClass="numbers-background"
207
           (results)="numbers = $event"></numbers>
208
</div>
209
<!--<div class="uk-section uk-padding-remove-bottom">
210
  <div class="uk-container uk-text-center uk-margin-medium-bottom">
211
    <div class="uk-margin-medium uk-flex-center">
212
      <div class="uk-first-column">
213
        <div class="uk-panel">
214
          <h3 class="uk-margin uk-text-center">
215
            Our growing <span class="uk-text-bold">Community</span>
216
          </h3>
217
          <div class="uk-margin-large-top uk-container uk-margin-bottom uk-text-center">
218
            <div class="uk-grid uk-flex uk-flex-center">
219
              <div *ngIf="fundersSize" class="uk-width-1-3@m">
220
                <h3>
221
                  <a [routerLink]="properties.searchLinkToProjects" class="uk-text-bold number">
222
                    {{fundersSize.number|number}}<span class="number-size">{{fundersSize.size}}</span>
223
                  </a>
224
                </h3>
225
                <div class="uk-text-uppercase uk-text-large">Funders</div>
226
              </div>
227
              <div *ngIf="datasourcesSize" class="uk-width-1-3@m">
228
                <h3>
229
                  <a [routerLink]="properties.searchLinkToDataProviders" class="uk-text-bold number">
230
                    {{datasourcesSize.number|number}}<span class="number-size">{{datasourcesSize.size}}</span>
231
                  </a>
232
                </h3>
233
                <div class="uk-text-uppercase uk-text-large">Content providers</div>
234
              </div>
235
              <div *ngIf="projectsSize" class="uk-width-1-3@m">
236
                <h3>
237
                  <a [routerLink]="properties.searchLinkToProjects" class="uk-text-bold number">
238
                    {{projectsSize.number|number}}<span class="number-size">{{projectsSize.size}}</span>
239
                  </a>
240
                </h3>
241
                <div class="uk-text-uppercase uk-text-large">Projects</div>
242
              </div>
243
            </div>
244
          </div>
245
        </div>
246
      </div>
247
    </div>
248
  </div>
249
  <div class="numbers-background uk-section">
250
    <div class="uk-container">
251
      <div class="uk-grid uk-margin-auto-left uk-margin-auto-right uk-grid-large" uk-grid>
252
        <div *ngIf="publicationsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
253
          <div class="number-width">
254
            <a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
255
               [queryParams]="{type: 'publications', qf: false}">
256
              {{publicationsSize.count|number}} </a>
257
            <div class="uk-text-uppercase uk-flex uk-flex-middle">
258
              <icon name="book" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
259
              <span>publications</span>
260
            </div>
261
          </div>
262
        </div>
263
        <div *ngIf="datasetsSize" class="uk-width-1-2@m uk-flex uk-flex-center">
264
          <div class="number-width">
265
            <a class="number uk-text-bold uk-margin-bottom"
266
               [routerLink]="properties.searchLinkToResults"
267
               [queryParams]="{type: 'datasets', qf: false}">{{datasetsSize.count|number}} </a>
268
269
            <div class="uk-text-uppercase uk-flex uk-flex-middle">
270
              <icon name="database" ratio="1.5" [flex]="true" class="uk-margin-right"
271
                    customClass="portal-color"></icon>
272
              <span>research data</span>
273
            </div>
274
          </div>
275
        </div>
276
        <div *ngIf="softwareSize" class="uk-width-1-2@m uk-flex uk-flex-center">
277
          <div class="number-width">
278
            <a class="number uk-text-bold uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
279
                [queryParams]="{type: 'software', qf: false}">
280
              {{softwareSize.count|number}} </a>
281
            <div class="uk-text-uppercase uk-flex uk-flex-middle">
282
              <icon name="cog" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
283
              <span>software</span>
284
            </div>
285
          </div>
286
        </div>
287
        <div *ngIf="otherSize" class="uk-width-1-2@m uk-flex uk-flex-center">
288
          <div class="number-width">
289
            <a class="number uk-text-bold  uk-margin-bottom" [routerLink]="properties.searchLinkToResults"
290
               [queryParams]="{type: 'other', qf: false}">{{otherSize.count|number}} </a>
291
            <div class="uk-text-uppercase uk-flex uk-flex-middle">
292
              <icon name="earth" ratio="1.5" [flex]="true" class="uk-margin-right" customClass="portal-color"></icon>
293
              <span>other research products</span>
294
            </div>
295
          </div>
296
        </div>
297
      </div>
298
    </div>
299
  </div>
300
</div>-->
301
<helper *ngIf="pageContents && pageContents['left'] && pageContents['left'].length > 0"
302
        [texts]="pageContents['left']"></helper>
303
<div class="uk-section-muted"
304
     uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}">
305
  <div class="uk-container uk-container-large">
306
    <other-portals portal="explore" [properties]="properties"></other-portals>
307
  </div>
308
</div>