Project

General

Profile

1

    
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
        </div>
13
      </div>
14
    </div>
15
    <div  class=" uk-margin-small-top uk-container">
16
      <div class="uk-grid uk-margin-top">
17
        <ul class=" uk-tab uk-tab-left uk-width-1-5 uk-visible@m" uk-tab="animation: uk-animation-fade">
18
                <li *ngIf="showPublications" (click)="searchPublications()" [class]="activeTab == 'publications'?'uk-active':''">
19
                   <a>
20
                       Publications
21
                       <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 :'')}}</span>
22

    
23
                   </a>
24
               </li>
25
               <li *ngIf="showDatasets" (click)="searchDatasets()" [class]="activeTab == 'research data'?'uk-active':''">
26
                   <a>
27
                       Research Data
28
                       <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 :'')}}</span>
29

    
30
                   </a>
31
               </li>
32
               <li *ngIf="showSoftware" (click)="searchSoftware()" [class]="activeTab == 'software'?'uk-active':''">
33
                   <a>
34
                       Software
35
                       <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 :'')}}</span>
36

    
37
                   </a>
38
               </li>
39
               <li *ngIf="showProjects" (click)="searchProjects()" [class]="activeTab == 'projects'?'uk-active':''">
40
                   <a>
41
                       Projects
42
                       <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 :'')}}</span>
43

    
44
                   </a>
45
               </li>
46
               <li *ngIf="showDataProviders" (click)="searchDataProviders()" [class]="activeTab == 'content providers'?'uk-active':''">
47
                   <a>
48
                       Content Providers
49
                       <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 :'')}}</span>
50

    
51
                   </a>
52
               </li>
53
               <li *ngIf="showOrganizations" (click)="searchOrganizations()" [class]="activeTab == 'organizations'?'uk-active':''">
54
                   <a>
55
                       Organizations
56
                       <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 :'')}}</span>
57
                   </a>
58
               </li>
59
            </ul>
60
            <div class="uk-hidden@m uk-clearfix uk-width-1-1 uk-margin-bottom">
61
            <button class="uk-button uk-button-default uk-hidden@m " type="button">
62
              <span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>
63
            </button>
64

    
65
            <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">
66
                <li *ngIf="showPublications" (click)="searchPublications()" [class]="activeTab == 'publications'?'uk-active':''">
67
                   <a>
68
                       Publications
69
                       <span *ngIf = "fetchPublications.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
70
                       <span *ngIf = "fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification">{{((keyword.length > 0)? fetchPublications.searchUtils.totalResults :'')}}</span>
71
                   </a>
72
               </li>
73
               <li *ngIf="showDatasets" (click)="searchDatasets()" [class]="activeTab == 'research data'?'uk-active':''">
74
                   <a>
75
                       Research Data
76
                       <span *ngIf = "fetchDatasets.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
77
                       <span *ngIf = "fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchDatasets.searchUtils.totalResults :'')}}</span>
78
                   </a>
79
               </li>
80
               <li *ngIf="showSoftware" (click)="searchSoftware()" [class]="activeTab == 'software'?'uk-active':''">
81
                   <a>
82
                       Software
83
                       <span *ngIf = "fetchSoftware.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
84
                       <span *ngIf = "fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchSoftware.searchUtils.totalResults :'')}}</span>
85
                   </a>
86
               </li>
87
               <li *ngIf="showProjects" (click)="searchProjects()" [class]="activeTab == 'projects'?'uk-active':''">
88
                   <a>
89
                       Projects
90
                       <span *ngIf = "fetchProjects.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
91
                       <span *ngIf = "fetchProjects.searchUtils.status != errorCodes.LOADING  && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchProjects.searchUtils.totalResults :'')}}</span>
92
                   </a>
93
               </li>
94
               <li *ngIf="showDataProviders" (click)="searchDataProviders()" [class]="activeTab == 'content providers'?'uk-active':''">
95
                   <a>
96
                       Content Providers
97
                       <span *ngIf = "fetchDataproviders.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
98
                       <span *ngIf = "fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchDataproviders.searchUtils.totalResults :'')}}</span>
99
                   </a>
100
               </li>
101
               <li  *ngIf="showOrganizations" (click)="searchOrganizations()" [class]="activeTab == 'organizations'?'uk-active':''">
102
                   <a>
103
                       Organizations
104
                       <span *ngIf = "fetchOrganizations.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>
105
                       <span *ngIf = "fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchOrganizations.searchUtils.totalResults :'')}}</span>
106
                   </a>
107
               </li>
108

    
109
            </ul>
110
            </div>
111

    
112
            <!--ul id="searchtabs" class="uk-switcher  uk-width-1-1 uk-margin-top custom-tab-content-large">
113
                 <li-->
114
            <div  class="uk-width-expand  custom-tab-content-large">
115
              <div *ngIf = "activeTab=='publications' && showPublications">
116
                  <div *ngIf = "keyword.length > 0  && activeTab=='publications'" class ="uk-animation-fade">
117
                    <div class = "uk-text-right" *ngIf = "fetchPublications.searchUtils.totalResults> 10">
118
                        <!--a [href] = "linkToSearchPublications"-->
119
                          <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
120
                                            routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications" class="uk-button uk-button-text">
121
                            View all {{fetchPublications.searchUtils.totalResults}} results
122
                          </a>
123
                        </div>
124
                    <search-result  [(results)]="fetchPublications.results"
125
                                    [(status)]= "fetchPublications.searchUtils.status" showLoading = true
126
                                    type="publication" urlParam="articleId">
127
                    </search-result>
128
                  </div>
129
                  <div *ngIf = "keyword.length == 0 && activeTab=='publications'" class ="uk-animation-fade" >
130
                          <browse-entities entityName="publication" baseUrl="/search/find/publications" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>
131
                  </div>
132
                <!--/li>
133
                <li-->
134
                </div>
135
                <div *ngIf = "activeTab=='research data' && showDatasets" >
136
                  <div *ngIf = "keyword.length > 0  && activeTab=='research data'" class ="uk-animation-fade">
137
                    <div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults> 10">
138
                      <!--a [href] = "linkToSearchDatasets"-->
139
                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
140
                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets" class="uk-button uk-button-text">
141
                        View all {{fetchDatasets.searchUtils.totalResults}} results
142
                      </a>
143
                    </div>
144
                    <search-result  [(results)]="fetchDatasets.results"
145
                                    [(status)]= "fetchDatasets.searchUtils.status" showLoading = true
146
                                    type="dataset" urlParam="datasetId">
147
                    </search-result>
148
                    </div>
149
                    <div *ngIf = "keyword.length == 0 && activeTab=='research data'" class ="uk-animation-fade">
150
                            <browse-entities entityName="dataset" baseUrl="/search/find/datasets" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>
151
                    </div>
152
                <!--/li>
153
                <li-->
154
                </div>
155
                <div *ngIf = "activeTab=='software' && showSoftware" >
156
                  <div *ngIf = "keyword.length > 0  && activeTab=='software'" class ="uk-animation-fade">
157
                    <div class = "uk-text-right" *ngIf = "fetchSoftware.searchUtils.totalResults> 10">
158
                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
159
                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchSoftware" class="uk-button uk-button-text">
160
                        View all {{fetchSoftware.searchUtils.totalResults}} results
161
                      </a>
162
                    </div>
163
                    <search-result  [(results)]="fetchSoftware.results"
164
                                    [(status)]= "fetchSoftware.searchUtils.status" showLoading = true
165
                                    type="software" urlParam="softwareId">
166
                    </search-result>
167
                    </div>
168
                    <div *ngIf = "keyword.length == 0 && activeTab=='software'" class ="uk-animation-fade">
169
                            <browse-entities entityName="software" baseUrl="/search/find/software" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>
170
                    </div>
171
                <!--/li>
172
                <li-->
173
                </div>
174
                <div  *ngIf = "activeTab=='projects' && showProjects">
175
                  <div *ngIf = "keyword.length > 0 && activeTab=='projects'" class ="uk-animation-fade">
176
                    <div class = "uk-text-right" *ngIf = "fetchProjects.searchUtils.totalResults> 10">
177
                      <!--a [href] = "linkToSearchProjects"-->
178
                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
179
                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchProjects" class="uk-button uk-button-text">
180
                        View all {{fetchProjects.searchUtils.totalResults}} results
181
                      </a>
182
                    </div>
183
                    <search-result  [(results)]="fetchProjects.results"
184
                                    [(status)]= "fetchProjects.searchUtils.status" showLoading = true
185
                                    type="project" urlParam="projectId">
186
                    </search-result>
187
                  </div>
188
                  <div *ngIf = "keyword.length == 0 && activeTab=='projects'" class ="uk-animation-fade">
189
                          <browse-entities entityName="project" baseUrl="/search/find/projects" [refineFields]=searchFields.PROJECT_REFINE_FIELDS></browse-entities>
190
                  </div>
191
                  <!--/li>
192
                  <li-->
193
                  </div>
194
                  <div  *ngIf = "activeTab=='content providers' && showDataProviders">
195
                  <div *ngIf = "keyword.length > 0 && activeTab=='content providers'" class ="uk-animation-fade">
196
                    <div class = "uk-text-right" *ngIf = "fetchDataproviders.searchUtils.totalResults> 10">
197
                      <!--a [href] = "linkToSearchDataproviders"-->
198
                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
199
                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders" class="uk-button uk-button-text">
200
                        View all {{fetchDataproviders.searchUtils.totalResults}} results
201
                      </a>
202
                    </div>
203
                    <search-result  [(results)]="fetchDataproviders.results"
204
                                    [(status)]= "fetchDataproviders.searchUtils.status" showLoading = true
205
                                    type="dataprovider" urlParam="datasourceId">
206
                    </search-result>
207
                  </div>
208
                  <div *ngIf = "keyword.length == 0 && activeTab=='content providers'" class ="uk-animation-fade" >
209
                          <browse-entities entityName="dataprovider" baseUrl="/search/find/dataproviders" [refineFields]=searchFields.DATASOURCE_REFINE_FIELDS></browse-entities>
210
                  </div>
211
                  <!--/li>
212
                  <li-->
213
                  </div>
214
                  <div *ngIf = "activeTab=='organizations' && showOrganizations">
215
                  <div *ngIf = "keyword.length > 0" class ="uk-animation-fade">
216
                    <div class = "uk-text-right" *ngIf = "fetchOrganizations.searchUtils.totalResults> 10">
217
          <!--a [href] = "linkToSearchOrganizations"-->
218
                        <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"
219
                            routerLinkActive="router-link-active" [routerLink]="linkToSearchOrganizations" class="uk-button uk-button-text">
220
                              View all {{fetchOrganizations.searchUtils.totalResults}} results
221
                    </a>
222
                   </div>
223
                    <search-result  [(results)]="fetchOrganizations.results"
224
                                    [(status)]= "fetchOrganizations.searchUtils.status" showLoading = true
225
                                    type="organization" urlParam="organizationId">
226
                    </search-result>
227
                  </div>
228
                  <div *ngIf = "keyword.length == 0" class ="uk-animation-fade">
229
                          <browse-entities entityName="organization" baseUrl="/search/find/organizations" [refineFields]=searchFields.ORGANIZATION_REFINE_FIELDS></browse-entities>
230
                  </div>
231

    
232
              </div>
233
            </div>
234
        </div>
235
                <!--/li>
236

    
237
            </ul-->
238
    </div>
239
  </div>
240
</div>
241
</div>
(3-3/4)