1 |
52741
|
argiro.kok
|
|
2 |
|
|
|
3 |
|
|
<div id="tm-main" class=" uk-section uk-margin-small-top tm-middle" >
|
4 |
|
|
<div uk-grid uk-grid>
|
5 |
|
|
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
|
6 |
|
|
<div class="">
|
7 |
|
|
|
8 |
|
|
<div class="uk-width-1-1 ">
|
9 |
|
|
<div class="uk-background-norepeat uk-background-cover uk-section uk-flex uk-flex-middle generalSearchForm">
|
10 |
|
|
<div class="uk-width-1-1">
|
11 |
|
|
<search-form [(keyword)]=keyword (keywordChange)="keywordChanged($event)" placeholderText="Search for research results, software, projects, content providers, organizations in OpenAIRE information space"></search-form>
|
12 |
|
|
<a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" class="uk-float-right uk-light" [routerLink]=advancedSearchLink >Advanced search for {{activeTab}}<span class="uk-icon">
|
13 |
|
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg>
|
14 |
|
|
</span>
|
15 |
|
|
</a>
|
16 |
|
|
</div>
|
17 |
|
|
</div>
|
18 |
|
|
</div>
|
19 |
|
|
<div class=" uk-margin-small-top uk-container uk-container-small">
|
20 |
|
|
<div class="uk-grid uk-margin-top">
|
21 |
|
|
<ul class=" uk-tab uk-tab-left uk-width-1-5 uk-visible@m" uk-tab="animation: uk-animation-fade">
|
22 |
|
|
<li *ngIf="showPublications" (click)="searchPublications()" [class]="activeTab == 'publications'?'uk-active':''">
|
23 |
|
|
<a>
|
24 |
|
|
Publications
|
25 |
|
|
<span [class]="(fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchPublications.searchUtils.totalResults | number) :'')}}</span>
|
26 |
|
|
|
27 |
|
|
</a>
|
28 |
|
|
</li>
|
29 |
|
|
<li *ngIf="showDatasets" (click)="searchDatasets()" [class]="activeTab == 'research data'?'uk-active':''">
|
30 |
|
|
<a>
|
31 |
|
|
Research Data
|
32 |
|
|
<span [class]="(fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchDatasets.searchUtils.totalResults | number) :'')}}</span>
|
33 |
|
|
|
34 |
|
|
</a>
|
35 |
|
|
</li>
|
36 |
|
|
<li *ngIf="showSoftware" (click)="searchSoftware()" [class]="activeTab == 'software'?'uk-active':''">
|
37 |
|
|
<a>
|
38 |
|
|
Software
|
39 |
|
|
<span [class]="(fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchSoftware.searchUtils.totalResults | number) :'')}}</span>
|
40 |
|
|
|
41 |
|
|
</a>
|
42 |
|
|
</li>
|
43 |
|
|
<li *ngIf="showProjects" (click)="searchProjects()" [class]="activeTab == 'projects'?'uk-active':''">
|
44 |
|
|
<a>
|
45 |
|
|
Projects
|
46 |
|
|
<span [class]="(fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchProjects.searchUtils.totalResults | number) :'')}}</span>
|
47 |
|
|
|
48 |
|
|
</a>
|
49 |
|
|
</li>
|
50 |
|
|
<li *ngIf="showDataProviders" (click)="searchDataProviders()" [class]="activeTab == 'content providers'?'uk-active':''">
|
51 |
|
|
<a>
|
52 |
|
|
Content Providers
|
53 |
|
|
<span [class]="(fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchDataproviders.searchUtils.totalResults | number) :'')}}</span>
|
54 |
|
|
|
55 |
|
|
</a>
|
56 |
|
|
</li>
|
57 |
|
|
<li *ngIf="showOrganizations" (click)="searchOrganizations()" [class]="activeTab == 'organizations'?'uk-active':''">
|
58 |
|
|
<a>
|
59 |
|
|
Organizations
|
60 |
|
|
<span [class]="(fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchOrganizations.searchUtils.totalResults | number) :'')}}</span>
|
61 |
|
|
</a>
|
62 |
|
|
</li>
|
63 |
|
|
</ul>
|
64 |
|
|
<div class="uk-hidden@m uk-clearfix uk-width-1-1 uk-margin-bottom">
|
65 |
|
|
<button class="uk-button uk-button-default uk-hidden@m " type="button">
|
66 |
|
|
<span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>
|
67 |
|
|
</button>
|
68 |
|
|
|
69 |
|
|
<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">
|
70 |
|
|
<li *ngIf="showPublications" (click)="searchPublications()" [class]="activeTab == 'publications'?'uk-active':''">
|
71 |
|
|
<a>
|
72 |
|
|
Publications
|
73 |
|
|
<span *ngIf = "fetchPublications.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
|
74 |
|
|
<span *ngIf = "fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0" class="uk-badge uk-badge-notification">{{((keyword.length > 0)? (fetchPublications.searchUtils.totalResults | number) :'')}}</span>
|
75 |
|
|
</a>
|
76 |
|
|
</li>
|
77 |
|
|
<li *ngIf="showDatasets" (click)="searchDatasets()" [class]="activeTab == 'research data'?'uk-active':''">
|
78 |
|
|
<a>
|
79 |
|
|
Research Data
|
80 |
|
|
<span *ngIf = "fetchDatasets.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
|
81 |
|
|
<span *ngIf = "fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0" class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchDatasets.searchUtils.totalResults | number) :'')}}</span>
|
82 |
|
|
</a>
|
83 |
|
|
</li>
|
84 |
|
|
<li *ngIf="showSoftware" (click)="searchSoftware()" [class]="activeTab == 'software'?'uk-active':''">
|
85 |
|
|
<a>
|
86 |
|
|
Software
|
87 |
|
|
<span *ngIf = "fetchSoftware.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
|
88 |
|
|
<span *ngIf = "fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0" class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchSoftware.searchUtils.totalResults | number) :'')}}</span>
|
89 |
|
|
</a>
|
90 |
|
|
</li>
|
91 |
|
|
<li *ngIf="showProjects" (click)="searchProjects()" [class]="activeTab == 'projects'?'uk-active':''">
|
92 |
|
|
<a>
|
93 |
|
|
Projects
|
94 |
|
|
<span *ngIf = "fetchProjects.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
|
95 |
|
|
<span *ngIf = "fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0" class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchProjects.searchUtils.totalResults | number) :'')}}</span>
|
96 |
|
|
</a>
|
97 |
|
|
</li>
|
98 |
|
|
<li *ngIf="showDataProviders" (click)="searchDataProviders()" [class]="activeTab == 'content providers'?'uk-active':''">
|
99 |
|
|
<a>
|
100 |
|
|
Content Providers
|
101 |
|
|
<span *ngIf = "fetchDataproviders.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
|
102 |
|
|
<span *ngIf = "fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0" class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchDataproviders.searchUtils.totalResults | number) :'')}}</span>
|
103 |
|
|
</a>
|
104 |
|
|
</li>
|
105 |
|
|
<li *ngIf="showOrganizations" (click)="searchOrganizations()" [class]="activeTab == 'organizations'?'uk-active':''">
|
106 |
|
|
<a>
|
107 |
|
|
Organizations
|
108 |
|
|
<span *ngIf = "fetchOrganizations.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
|
109 |
|
|
<span *ngIf = "fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0" class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? (fetchOrganizations.searchUtils.totalResults | number) :'')}}</span>
|
110 |
|
|
</a>
|
111 |
|
|
</li>
|
112 |
|
|
|
113 |
|
|
</ul>
|
114 |
|
|
</div>
|
115 |
|
|
|
116 |
|
|
<!--ul id="searchtabs" class="uk-switcher uk-width-1-1 uk-margin-top custom-tab-content-large">
|
117 |
|
|
<li-->
|
118 |
|
|
<div class="uk-width-expand custom-tab-content-large">
|
119 |
|
|
<div *ngIf = "activeTab=='publications' && showPublications">
|
120 |
|
|
<div *ngIf = "keyword.length > 0 && activeTab=='publications'" class ="uk-animation-fade">
|
121 |
|
|
<div class = "uk-text-right" *ngIf = "fetchPublications.searchUtils.totalResults> 10">
|
122 |
|
|
<!--a [href] = "linkToSearchPublications"-->
|
123 |
|
|
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
|
124 |
|
|
routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications" class="uk-button uk-button-text">
|
125 |
|
|
View all {{fetchPublications.searchUtils.totalResults | number}} results
|
126 |
|
|
</a>
|
127 |
|
|
</div>
|
128 |
|
|
<search-result [(results)]="fetchPublications.results"
|
129 |
|
|
[(status)]= "fetchPublications.searchUtils.status" showLoading = true
|
130 |
|
|
type="publication" urlParam="articleId" [(properties)]=properties>
|
131 |
|
|
</search-result>
|
132 |
|
|
</div>
|
133 |
|
|
<div *ngIf = "keyword.length == 0 && activeTab=='publications'" class ="uk-animation-fade" >
|
134 |
|
|
<browse-entities [(properties)]=properties entityName="publication" baseUrl="/search/find/publications" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>
|
135 |
|
|
</div>
|
136 |
|
|
<!--/li>
|
137 |
|
|
<li-->
|
138 |
|
|
</div>
|
139 |
|
|
<div *ngIf = "activeTab=='research data' && showDatasets" >
|
140 |
|
|
<div *ngIf = "keyword.length > 0 && activeTab=='research data'" class ="uk-animation-fade">
|
141 |
|
|
<div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults> 10">
|
142 |
|
|
<!--a [href] = "linkToSearchDatasets"-->
|
143 |
|
|
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
|
144 |
|
|
routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets" class="uk-button uk-button-text">
|
145 |
|
|
View all {{fetchDatasets.searchUtils.totalResults | number}} results
|
146 |
|
|
</a>
|
147 |
|
|
</div>
|
148 |
|
|
<search-result [(results)]="fetchDatasets.results"
|
149 |
|
|
[(status)]= "fetchDatasets.searchUtils.status" showLoading = true
|
150 |
|
|
type="dataset" urlParam="datasetId" [(properties)]=properties>
|
151 |
|
|
</search-result>
|
152 |
|
|
</div>
|
153 |
|
|
<div *ngIf = "keyword.length == 0 && activeTab=='research data'" class ="uk-animation-fade">
|
154 |
|
|
<browse-entities [(properties)]=properties entityName="dataset" baseUrl="/search/find/datasets" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>
|
155 |
|
|
</div>
|
156 |
|
|
<!--/li>
|
157 |
|
|
<li-->
|
158 |
|
|
</div>
|
159 |
|
|
<div *ngIf = "activeTab=='software' && showSoftware" >
|
160 |
|
|
<div *ngIf = "keyword.length > 0 && activeTab=='software'" class ="uk-animation-fade">
|
161 |
|
|
<div class = "uk-text-right" *ngIf = "fetchSoftware.searchUtils.totalResults> 10">
|
162 |
|
|
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
|
163 |
|
|
routerLinkActive="router-link-active" [routerLink]="linkToSearchSoftware" class="uk-button uk-button-text">
|
164 |
|
|
View all {{fetchSoftware.searchUtils.totalResults | number}} results
|
165 |
|
|
</a>
|
166 |
|
|
</div>
|
167 |
|
|
<search-result [(results)]="fetchSoftware.results"
|
168 |
|
|
[(status)]= "fetchSoftware.searchUtils.status" showLoading = true
|
169 |
|
|
type="software" urlParam="softwareId" [(properties)]=properties>
|
170 |
|
|
</search-result>
|
171 |
|
|
</div>
|
172 |
|
|
<div *ngIf = "keyword.length == 0 && activeTab=='software'" class ="uk-animation-fade">
|
173 |
|
|
<browse-entities [(properties)]=properties entityName="software" baseUrl="/search/find/software" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>
|
174 |
|
|
</div>
|
175 |
|
|
<!--/li>
|
176 |
|
|
<li-->
|
177 |
|
|
</div>
|
178 |
|
|
<div *ngIf = "activeTab=='projects' && showProjects">
|
179 |
|
|
<div *ngIf = "keyword.length > 0 && activeTab=='projects'" class ="uk-animation-fade">
|
180 |
|
|
<div class = "uk-text-right" *ngIf = "fetchProjects.searchUtils.totalResults> 10">
|
181 |
|
|
<!--a [href] = "linkToSearchProjects"-->
|
182 |
|
|
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
|
183 |
|
|
routerLinkActive="router-link-active" [routerLink]="linkToSearchProjects" class="uk-button uk-button-text">
|
184 |
|
|
View all {{fetchProjects.searchUtils.totalResults | number}} results
|
185 |
|
|
</a>
|
186 |
|
|
</div>
|
187 |
|
|
<search-result [(results)]="fetchProjects.results"
|
188 |
|
|
[(status)]= "fetchProjects.searchUtils.status" showLoading = true
|
189 |
|
|
type="project" urlParam="projectId" [(properties)]=properties>
|
190 |
|
|
</search-result>
|
191 |
|
|
</div>
|
192 |
|
|
<div *ngIf = "keyword.length == 0 && activeTab=='projects'" class ="uk-animation-fade">
|
193 |
|
|
<browse-entities [(properties)]=properties entityName="project" baseUrl="/search/find/projects" [refineFields]=searchFields.PROJECT_REFINE_FIELDS></browse-entities>
|
194 |
|
|
</div>
|
195 |
|
|
<!--/li>
|
196 |
|
|
<li-->
|
197 |
|
|
</div>
|
198 |
|
|
<div *ngIf = "activeTab=='content providers' && showDataProviders">
|
199 |
|
|
<div *ngIf = "keyword.length > 0 && activeTab=='content providers'" class ="uk-animation-fade">
|
200 |
|
|
<div class = "uk-text-right" *ngIf = "fetchDataproviders.searchUtils.totalResults> 10">
|
201 |
|
|
<!--a [href] = "linkToSearchDataproviders"-->
|
202 |
|
|
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
|
203 |
|
|
routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders" class="uk-button uk-button-text">
|
204 |
|
|
View all {{fetchDataproviders.searchUtils.totalResults | number}} results
|
205 |
|
|
</a>
|
206 |
|
|
</div>
|
207 |
|
|
<search-result [(results)]="fetchDataproviders.results"
|
208 |
|
|
[(status)]= "fetchDataproviders.searchUtils.status" showLoading = true
|
209 |
|
|
type="dataprovider" urlParam="datasourceId" [(properties)]=properties>
|
210 |
|
|
</search-result>
|
211 |
|
|
</div>
|
212 |
|
|
<div *ngIf = "keyword.length == 0 && activeTab=='content providers'" class ="uk-animation-fade" >
|
213 |
|
|
<browse-entities [(properties)]=properties entityName="dataprovider" baseUrl="/search/find/dataproviders" [refineFields]=searchFields.DATASOURCE_REFINE_FIELDS></browse-entities>
|
214 |
|
|
</div>
|
215 |
|
|
<!--/li>
|
216 |
|
|
<li-->
|
217 |
|
|
</div>
|
218 |
|
|
<div *ngIf = "activeTab=='organizations' && showOrganizations">
|
219 |
|
|
<div *ngIf = "keyword.length > 0" class ="uk-animation-fade">
|
220 |
|
|
<div class = "uk-text-right" *ngIf = "fetchOrganizations.searchUtils.totalResults> 10">
|
221 |
|
|
<!--a [href] = "linkToSearchOrganizations"-->
|
222 |
|
|
<a [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
|
223 |
|
|
routerLinkActive="router-link-active" [routerLink]="linkToSearchOrganizations" class="uk-button uk-button-text">
|
224 |
|
|
View all {{fetchOrganizations.searchUtils.totalResults | number}} results
|
225 |
|
|
</a>
|
226 |
|
|
</div>
|
227 |
|
|
<search-result [(results)]="fetchOrganizations.results"
|
228 |
|
|
[(status)]= "fetchOrganizations.searchUtils.status" showLoading = true
|
229 |
|
|
type="organization" urlParam="organizationId" [(properties)]=properties>
|
230 |
|
|
</search-result>
|
231 |
|
|
</div>
|
232 |
|
|
<div *ngIf = "keyword.length == 0" class ="uk-animation-fade">
|
233 |
|
|
<browse-entities [(properties)]=properties entityName="organization" baseUrl="/search/find/organizations" [refineFields]=searchFields.ORGANIZATION_REFINE_FIELDS></browse-entities>
|
234 |
|
|
</div>
|
235 |
|
|
|
236 |
|
|
</div>
|
237 |
|
|
</div>
|
238 |
|
|
</div>
|
239 |
|
|
<!--/li>
|
240 |
|
|
|
241 |
|
|
</ul-->
|
242 |
|
|
</div>
|
243 |
|
|
</div>
|
244 |
|
|
</div>
|
245 |
|
|
</div>
|