Project

General

Profile

1 53353 argiro.kok
<div class="image-front-topbar  uk-section-default uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">
2
  <div uk-height-viewport="offset-top: true;offset-bottom: 60" style="box-sizing: border-box;  " class=" uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed generalSearchForm">
3
    <div class="uk-position-cover" style="background-color: rgba(255, 255, 255, 0.37);"></div>
4
    <div class="uk-container">
5
        <div class="uk-position-relative">
6 50169 argiro.kok
7
8 53353 argiro.kok
           <div   class="uk-container">
9
             <div   class="uk-width-1-1">
10 54206 argiro.kok
                 <a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" class="uk-float-right  uk-light  portal-color uk-margin-small-bottom" [routerLink]=advancedSearchLink >Advanced search
11 53353 argiro.kok
                 </a>
12 54206 argiro.kok
                 <search-form [(keyword)]=keyword (keywordChange)="keywordChanged($event)" [placeholderText]=formPlaceholderText></search-form>
13 53353 argiro.kok
              </div>
14
15
16
           </div>
17
        </div>
18
     </div>
19
  </div>
20
</div>
21 53733 argiro.kok
<schema2jsonld  *ngIf="name && logoURL"  [URL]="properties.baseLink+'/search/find'" [logoURL] = "properties.baseLink+logoURL" type="search" [name]=name></schema2jsonld>
22 53353 argiro.kok
23
24
<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle"   >
25
<div uk-grid  >
26 50169 argiro.kok
<div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
27
<div  class="">
28
29 52309 argiro.kok
    <div  class=" uk-margin-small-top uk-container uk-container-small">
30 50169 argiro.kok
      <div class="uk-grid uk-margin-top">
31
        <ul class=" uk-tab uk-tab-left uk-width-1-5 uk-visible@m" uk-tab="animation: uk-animation-fade">
32
                <li *ngIf="showPublications" (click)="searchPublications()" [class]="activeTab == 'publications'?'uk-active':''">
33
                   <a>
34
                       Publications
35 53353 argiro.kok
                       <span    > {{((fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+ (fetchPublications.searchUtils.totalResults | number) +')' :'')}}</span>
36 50169 argiro.kok
37
                   </a>
38
               </li>
39
               <li *ngIf="showDatasets" (click)="searchDatasets()" [class]="activeTab == 'research data'?'uk-active':''">
40
                   <a>
41
                       Research Data
42 53353 argiro.kok
                       <span    > {{((fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchDatasets.searchUtils.totalResults | number) +')':'')}}</span>
43 50169 argiro.kok
44
                   </a>
45
               </li>
46
               <li *ngIf="showSoftware" (click)="searchSoftware()" [class]="activeTab == 'software'?'uk-active':''">
47
                   <a>
48
                       Software
49 53353 argiro.kok
                       <span    > {{((fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchSoftware.searchUtils.totalResults | number)+')' :'')}}</span>
50 50169 argiro.kok
51
                   </a>
52
               </li>
53 52816 konstantin
               <li *ngIf="showOrps" (click)="searchOrps()" [class]="activeTab == 'other research products'?'uk-active':''">
54
                   <a>
55
                       Other Research Products
56 53353 argiro.kok
                       <span    > {{((fetchOrps.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchOrps.searchUtils.totalResults | number) +')':'')}}</span>
57 52816 konstantin
58
                   </a>
59
               </li>
60 50169 argiro.kok
               <li *ngIf="showProjects" (click)="searchProjects()" [class]="activeTab == 'projects'?'uk-active':''">
61
                   <a>
62
                       Projects
63 53353 argiro.kok
                       <span    > {{((fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchProjects.searchUtils.totalResults | number) +')':'')}}</span>
64 50169 argiro.kok
65
                   </a>
66
               </li>
67
               <li *ngIf="showDataProviders" (click)="searchDataProviders()" [class]="activeTab == 'content providers'?'uk-active':''">
68
                   <a>
69
                       Content Providers
70 53353 argiro.kok
                       <span   > {{((fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchDataproviders.searchUtils.totalResults | number) +')':'')}}</span>
71 50169 argiro.kok
72
                   </a>
73
               </li>
74
               <li *ngIf="showOrganizations" (click)="searchOrganizations()" [class]="activeTab == 'organizations'?'uk-active':''">
75
                   <a>
76
                       Organizations
77 53353 argiro.kok
                       <span    > {{((fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchOrganizations.searchUtils.totalResults | number)+')' :'')}}</span>
78 50169 argiro.kok
                   </a>
79
               </li>
80
            </ul>
81
            <div class="uk-hidden@m uk-clearfix uk-width-1-1 uk-margin-bottom">
82
            <button class="uk-button uk-button-default uk-hidden@m " type="button">
83
              <span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>
84
            </button>
85
86
            <ul id="toggle-small-tabs" class="uk-subnav uk-subnav-pill uk-dropdown uk-hidden@m" uk-switcher="connect: #searchtabs; animation: uk-animation-fade" uk-dropdown="mode: click" uk-toggle="target: #toggle-small-tabs">
87
                <li *ngIf="showPublications" (click)="searchPublications()" [class]="activeTab == 'publications'?'uk-active':''">
88
                   <a>
89
                       Publications
90
                       <span *ngIf = "fetchPublications.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
91 52096 konstantin
                       <span *ngIf = "fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification">{{((keyword.length > 0)? (fetchPublications.searchUtils.totalResults | number) :'')}}</span>
92 50169 argiro.kok
                   </a>
93
               </li>
94
               <li *ngIf="showDatasets" (click)="searchDatasets()" [class]="activeTab == 'research data'?'uk-active':''">
95
                   <a>
96
                       Research Data
97
                       <span *ngIf = "fetchDatasets.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
98 52096 konstantin
                       <span *ngIf = "fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchDatasets.searchUtils.totalResults | number) :'')}}</span>
99 50169 argiro.kok
                   </a>
100
               </li>
101
               <li *ngIf="showSoftware" (click)="searchSoftware()" [class]="activeTab == 'software'?'uk-active':''">
102
                   <a>
103
                       Software
104
                       <span *ngIf = "fetchSoftware.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
105 52096 konstantin
                       <span *ngIf = "fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchSoftware.searchUtils.totalResults | number) :'')}}</span>
106 50169 argiro.kok
                   </a>
107
               </li>
108 52816 konstantin
               <li *ngIf="showOrps" (click)="searchOrps()" [class]="activeTab == 'other research products'?'uk-active':''">
109
                   <a>
110
                       Other Research Products
111
                       <span *ngIf = "fetchOrps.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
112
                       <span *ngIf = "fetchOrps.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchOrps.searchUtils.totalResults | number) :'')}}</span>
113
                   </a>
114
               </li>
115 50169 argiro.kok
               <li *ngIf="showProjects" (click)="searchProjects()" [class]="activeTab == 'projects'?'uk-active':''">
116
                   <a>
117
                       Projects
118
                       <span *ngIf = "fetchProjects.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
119 52096 konstantin
                       <span *ngIf = "fetchProjects.searchUtils.status != errorCodes.LOADING  && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchProjects.searchUtils.totalResults | number) :'')}}</span>
120 50169 argiro.kok
                   </a>
121
               </li>
122
               <li *ngIf="showDataProviders" (click)="searchDataProviders()" [class]="activeTab == 'content providers'?'uk-active':''">
123
                   <a>
124
                       Content Providers
125
                       <span *ngIf = "fetchDataproviders.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
126 52096 konstantin
                       <span *ngIf = "fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchDataproviders.searchUtils.totalResults | number) :'')}}</span>
127 50169 argiro.kok
                   </a>
128
               </li>
129
               <li  *ngIf="showOrganizations" (click)="searchOrganizations()" [class]="activeTab == 'organizations'?'uk-active':''">
130
                   <a>
131
                       Organizations
132
                       <span *ngIf = "fetchOrganizations.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
133 52096 konstantin
                       <span *ngIf = "fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchOrganizations.searchUtils.totalResults | number) :'')}}</span>
134 50169 argiro.kok
                   </a>
135
               </li>
136
137
            </ul>
138
            </div>
139
140
            <!--ul id="searchtabs" class="uk-switcher  uk-width-1-1 uk-margin-top custom-tab-content-large">
141
                 <li-->
142
            <div  class="uk-width-expand  custom-tab-content-large">
143
              <div *ngIf = "activeTab=='publications' && showPublications">
144
                  <div *ngIf = "keyword.length > 0  && activeTab=='publications'" class ="uk-animation-fade">
145
                    <div class = "uk-text-right" *ngIf = "fetchPublications.searchUtils.totalResults> 10">
146
                        <!--a [href] = "linkToSearchPublications"-->
147
                          <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
148
                                            routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications" class="uk-button uk-button-text">
149 52096 konstantin
                            View all {{fetchPublications.searchUtils.totalResults | number}} results
150 50169 argiro.kok
                          </a>
151
                        </div>
152
                    <search-result  [(results)]="fetchPublications.results"
153
                                    [(status)]= "fetchPublications.searchUtils.status" showLoading = true
154 50586 argiro.kok
                                    type="publication" urlParam="articleId" [(properties)]=properties>
155 50169 argiro.kok
                    </search-result>
156
                  </div>
157
                  <div *ngIf = "keyword.length == 0 && activeTab=='publications'" class ="uk-animation-fade" >
158 56070 argiro.kok
                          <browse-entities [(properties)]=properties entityName="publication"
159
                                           baseUrl="/search/find/publications" [refineFields]=searchFields.RESULT_REFINE_FIELDS  [customFilter]="customFilter"></browse-entities>
160 50169 argiro.kok
                  </div>
161
                <!--/li>
162
                <li-->
163
                </div>
164
                <div *ngIf = "activeTab=='research data' && showDatasets" >
165
                  <div *ngIf = "keyword.length > 0  && activeTab=='research data'" class ="uk-animation-fade">
166
                    <div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults> 10">
167
                      <!--a [href] = "linkToSearchDatasets"-->
168
                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
169
                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets" class="uk-button uk-button-text">
170 52096 konstantin
                        View all {{fetchDatasets.searchUtils.totalResults | number}} results
171 50169 argiro.kok
                      </a>
172
                    </div>
173
                    <search-result  [(results)]="fetchDatasets.results"
174
                                    [(status)]= "fetchDatasets.searchUtils.status" showLoading = true
175 50586 argiro.kok
                                    type="dataset" urlParam="datasetId" [(properties)]=properties>
176 50169 argiro.kok
                    </search-result>
177
                    </div>
178
                    <div *ngIf = "keyword.length == 0 && activeTab=='research data'" class ="uk-animation-fade">
179 56070 argiro.kok
                            <browse-entities [(properties)]=properties entityName="dataset" baseUrl="/search/find/datasets" [refineFields]=searchFields.RESULT_REFINE_FIELDS  [customFilter]="customFilter"></browse-entities>
180 50169 argiro.kok
                    </div>
181
                <!--/li>
182
                <li-->
183
                </div>
184
                <div *ngIf = "activeTab=='software' && showSoftware" >
185
                  <div *ngIf = "keyword.length > 0  && activeTab=='software'" class ="uk-animation-fade">
186
                    <div class = "uk-text-right" *ngIf = "fetchSoftware.searchUtils.totalResults> 10">
187
                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
188
                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchSoftware" class="uk-button uk-button-text">
189 52096 konstantin
                        View all {{fetchSoftware.searchUtils.totalResults | number}} results
190 50169 argiro.kok
                      </a>
191
                    </div>
192
                    <search-result  [(results)]="fetchSoftware.results"
193
                                    [(status)]= "fetchSoftware.searchUtils.status" showLoading = true
194 50586 argiro.kok
                                    type="software" urlParam="softwareId" [(properties)]=properties>
195 50169 argiro.kok
                    </search-result>
196
                    </div>
197
                    <div *ngIf = "keyword.length == 0 && activeTab=='software'" class ="uk-animation-fade">
198 56070 argiro.kok
                            <browse-entities [(properties)]=properties entityName="software" baseUrl="/search/find/software" [refineFields]=searchFields.RESULT_REFINE_FIELDS [customFilter]="customFilter"></browse-entities>
199 50169 argiro.kok
                    </div>
200
                <!--/li>
201
                <li-->
202
                </div>
203 52816 konstantin
                <div *ngIf = "activeTab=='other research products' && showOrps" >
204
                  <div *ngIf = "keyword.length > 0  && activeTab=='other research products'" class ="uk-animation-fade">
205
                    <div class = "uk-text-right" *ngIf = "fetchOrps.searchUtils.totalResults> 10">
206
                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
207
                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchOrps" class="uk-button uk-button-text">
208
                        View all {{fetchOrps.searchUtils.totalResults | number}} results
209
                      </a>
210
                    </div>
211
                    <search-result  [(results)]="fetchOrps.results"
212
                                    [(status)]= "fetchOrps.searchUtils.status" showLoading = true
213
                                    type="other" urlParam="orpId" [(properties)]=properties>
214
                    </search-result>
215
                    </div>
216
                    <div *ngIf = "keyword.length == 0 && activeTab=='other research products'" class ="uk-animation-fade">
217 56070 argiro.kok
                            <browse-entities [(properties)]=properties entityName="other" baseUrl="/search/find/other" [refineFields]=searchFields.RESULT_REFINE_FIELDS [customFilter]="customFilter"></browse-entities>
218 52816 konstantin
                    </div>
219
                <!--/li>
220
                <li-->
221
                </div>
222 50169 argiro.kok
                <div  *ngIf = "activeTab=='projects' && showProjects">
223
                  <div *ngIf = "keyword.length > 0 && activeTab=='projects'" class ="uk-animation-fade">
224
                    <div class = "uk-text-right" *ngIf = "fetchProjects.searchUtils.totalResults> 10">
225
                      <!--a [href] = "linkToSearchProjects"-->
226
                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
227
                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchProjects" class="uk-button uk-button-text">
228 52096 konstantin
                        View all {{fetchProjects.searchUtils.totalResults | number}} results
229 50169 argiro.kok
                      </a>
230
                    </div>
231
                    <search-result  [(results)]="fetchProjects.results"
232
                                    [(status)]= "fetchProjects.searchUtils.status" showLoading = true
233 50586 argiro.kok
                                    type="project" urlParam="projectId" [(properties)]=properties>
234 50169 argiro.kok
                    </search-result>
235
                  </div>
236
                  <div *ngIf = "keyword.length == 0 && activeTab=='projects'" class ="uk-animation-fade">
237 56091 argiro.kok
                          <browse-entities [(properties)]=properties entityName="project"
238
                                           baseUrl="/search/find/projects" [refineFields]=searchFields.PROJECT_REFINE_FIELDS [customFilter]="customFilter"></browse-entities>
239 50169 argiro.kok
                  </div>
240
                  <!--/li>
241
                  <li-->
242
                  </div>
243
                  <div  *ngIf = "activeTab=='content providers' && showDataProviders">
244
                  <div *ngIf = "keyword.length > 0 && activeTab=='content providers'" class ="uk-animation-fade">
245
                    <div class = "uk-text-right" *ngIf = "fetchDataproviders.searchUtils.totalResults> 10">
246
                      <!--a [href] = "linkToSearchDataproviders"-->
247
                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
248
                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders" class="uk-button uk-button-text">
249 52096 konstantin
                        View all {{fetchDataproviders.searchUtils.totalResults | number}} results
250 50169 argiro.kok
                      </a>
251
                    </div>
252
                    <search-result  [(results)]="fetchDataproviders.results"
253
                                    [(status)]= "fetchDataproviders.searchUtils.status" showLoading = true
254 50586 argiro.kok
                                    type="dataprovider" urlParam="datasourceId" [(properties)]=properties>
255 50169 argiro.kok
                    </search-result>
256
                  </div>
257
                  <div *ngIf = "keyword.length == 0 && activeTab=='content providers'" class ="uk-animation-fade" >
258 56091 argiro.kok
                          <browse-entities [(properties)]=properties entityName="dataprovider"
259
                                           baseUrl="/search/find/dataproviders" [refineFields]=searchFields.DATASOURCE_REFINE_FIELDS [customFilter]="customFilter"></browse-entities>
260 50169 argiro.kok
                  </div>
261
                  <!--/li>
262
                  <li-->
263
                  </div>
264
                  <div *ngIf = "activeTab=='organizations' && showOrganizations">
265
                  <div *ngIf = "keyword.length > 0" class ="uk-animation-fade">
266
                    <div class = "uk-text-right" *ngIf = "fetchOrganizations.searchUtils.totalResults> 10">
267
          <!--a [href] = "linkToSearchOrganizations"-->
268
                        <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
269
                            routerLinkActive="router-link-active" [routerLink]="linkToSearchOrganizations" class="uk-button uk-button-text">
270 52096 konstantin
                              View all {{fetchOrganizations.searchUtils.totalResults | number}} results
271 50169 argiro.kok
                    </a>
272
                   </div>
273
                    <search-result  [(results)]="fetchOrganizations.results"
274
                                    [(status)]= "fetchOrganizations.searchUtils.status" showLoading = true
275 56059 argiro.kok
                                    type="organization" urlParam="organizationId" [(properties)]=properties >
276 50169 argiro.kok
                    </search-result>
277
                  </div>
278
                  <div *ngIf = "keyword.length == 0" class ="uk-animation-fade">
279 56059 argiro.kok
                          <browse-entities [(properties)]=properties entityName="organization"
280
                                           baseUrl="/search/find/organizations" [refineFields]=searchFields.ORGANIZATION_REFINE_FIELDS [customFilter]="customFilter"></browse-entities>
281 50169 argiro.kok
                  </div>
282
283
              </div>
284 53475 konstantin
              <a *ngIf="properties.showLastIndexInformationLink" class="last_index_info uk-button-text"
285
                  [href]="properties.lastIndexInformationLink" target="_blank">
286
                  Last index information
287
              </a>
288 50169 argiro.kok
            </div>
289
        </div>
290
                <!--/li>
291
292
            </ul-->
293
    </div>
294
  </div>
295
</div>
296
</div>