2018-10-01 17:02:14 +02:00
< div class = "image-front-topbar uk-section-default uk-position-relative" uk-scrollspy = "{"target":"[uk-scrollspy-class]","cls":"uk-animation-fade","delay":false}" tm-header-transparent = "light" >
2018-10-03 16:12:42 +02:00
< div style = " min-height: 350px;" [ 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 ' + searchFormClass " >
2018-10-01 17:02:14 +02:00
< div class = "uk-position-cover" style = "background-color: rgba(255, 255, 255, 0.37);" > < / div >
< div class = "uk-container" >
< div class = "uk-position-relative" >
2017-12-19 13:53:46 +01:00
2018-07-19 12:52:29 +02:00
2018-10-01 17:02:14 +02:00
< div class = "uk-container " >
< div class = "uk-width-1-1" >
<!-- link to advanced search -->
< a * ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive = "router-link-active" [ class ] = " ( ( disableForms ) ? ' uk-float-right uk-disabled uk-link-muted uk-light ' : ' uk-float-right uk-light ' ) + ' portal-color uk-margin-small-bottom ' " [ routerLink ] = advancedSearchLink [ queryParams ] = advancedSearchParameters >
< span class = " " > Advanced search< / span >
< / a >
< search-form [ isDisabled ] = " disableForms " [ ( keyword ) ] = " searchUtils . keyword " ( keywordChange ) = " keywordChanged ( $ event ) " [ placeholderText ] = " formPlaceholderText " > < / search-form >
2017-12-19 13:53:46 +01:00
2018-10-01 17:02:14 +02:00
< / div >
2018-07-19 12:52:29 +02:00
2017-12-19 13:53:46 +01:00
2018-10-01 17:02:14 +02:00
< / div >
2017-12-19 13:53:46 +01:00
< / div >
2018-10-01 17:02:14 +02:00
< / div >
< / div >
< / div >
< div id = "tm-main" class = " uk-section uk-padding-remove-top tm-middle" >
< div uk-grid >
< div class = "tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first " >
< div class = "" >
2017-12-19 13:53:46 +01:00
< div class = "uk-container" >
< helper position = "top" > < / helper >
< div [ class ] = " ( showRefine ) ? ' uk-width-3-5 @ m uk-width-3-5 @ l uk-width-1-1 @ s ' : ' uk-width-1-1 ' " >
< div * ngIf = "showRefine" class = "uk-offcanvas-content uk-hidden@m" >
< a href = "#offcanvas-usage" uk-toggle > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" ratio = "1" > < rect x = "6" y = "4" width = "12" height = "1" > < / rect > < rect x = "6" y = "9" width = "12" height = "1" > < / rect > < rect x = "6" y = "14" width = "12" height = "1" > < / rect > < rect x = "2" y = "4" width = "2" height = "1" > < / rect > < rect x = "2" y = "9" width = "2" height = "1" > < / rect > < rect x = "2" y = "14" width = "2" height = "1" > < / rect > < / svg > < / a >
< div id = "offcanvas-usage" uk-offcanvas >
< div class = "uk-offcanvas-bar" >
< button class = "uk-offcanvas-close" type = "button" uk-close > < / button >
2018-10-01 17:02:14 +02:00
< div class = "uk-width-1-1 uk-margin-small-bottom " >
< div * ngIf = "countFilters()>0" class = "uk-margin-small-bottom" >
< span * ngIf = "searchUtils.keyword.length > 0" > < span class = "uk-text-bold" > Keywords:< / span >
< a ( click ) = " clearKeywords ( ) " title = "Remove keywords" [ class ] = " ( ( disableForms ) ? ' uk-disabled ' : ' ' ) + ' uk-margin-small-right portal-color ' " > < span class = " clickable " aria-hidden = "true" > < span class = "uk-icon " >
< svg width = "16" height = "16" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "close" ratio = "0.8" > < path fill = "none" stroke = "#000" stroke-width = "1.6" d = "M16,16 L4,4" > < / path > < path fill = "none" stroke = "#000" stroke-width = "1.6" d = "M16,4 L4,16" > < / path > < / svg >
< / span > < / span > < / a >
< span [ innerHtml ] = " searchUtils . keyword " > < / span >
< / span >
< div * ngFor = "let filter of filters " >
< span * ngIf = "filter.countSelectedValues > 0" > < span class = "uk-text-bold" > {{filter.title}}:< / span >
< span * ngFor = "let value of getSelectedValues(filter); let i = index; let end = last; " >
< a [ title ] = " ' Remove ' + value . name " ( click ) = " removeFilter ( value , filter ) " [ class ] = " ( ( disableForms ) ? ' uk-disabled ' : ' ' ) + ' portal-color ' " > < span class = " clickable" aria-hidden = "true" > < span class = "uk-icon" >
< svg width = "16" height = "16" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "close" ratio = "0.8" > < path fill = "none" stroke = "#000" stroke-width = "1.6" d = "M16,16 L4,4" > < / path > < path fill = "none" stroke = "#000" stroke-width = "1.6" d = "M16,4 L4,16" > < / path > < / svg >
< / span > < / span > < / a >
< span [ innerHtml ] = " ( value . name . length > 25)?value.name.substring(0,25)+'...':value.name" [title]="value.name">< / span >
< span * ngIf = "!end" class = " " > , < / span >
< / span >
< / span >
< / div >
< / div >
2018-10-03 16:12:42 +02:00
< div class = "uk-margin-small-bottom uk-margin-small-top" >
< a * ngIf = "countFilters()>1" ( click ) = " clearFilters ( ) " [ class ] = " ( ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' ) + ' uk-margin-small-right portal-link ' " >
Clear All
< / a >
< a * ngIf = "showUnknownFilters" class = " uk-margin-small-right portal-link " ( click ) = " clearFilters ( ) " > Try new Query< / a >
< span * ngIf = "tableViewLink" class = "uk-margin-medium-right" >
< a routerLinkActive = "router-link-active" [ class ] = " ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' " [ routerLink ] = tableViewLink >
< span class = "uk-margin-small-right uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" ratio = "1" > < rect x = "2" y = "2" width = "3" height = "3" > < / rect > < rect x = "8" y = "2" width = "3" height = "3" > < / rect > < rect x = "14" y = "2" width = "3" height = "3" > < / rect > < rect x = "2" y = "8" width = "3" height = "3" > < / rect > < rect x = "8" y = "8" width = "3" height = "3" > < / rect > < rect x = "14" y = "8" width = "3" height = "3" > < / rect > < rect x = "2" y = "14" width = "3" height = "3" > < / rect > < rect x = "8" y = "14" width = "3" height = "3" > < / rect > < rect x = "14" y = "14" width = "3" height = "3" > < / rect > < / svg > < / span >
< / a >
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "table" ratio = "1" > < rect x = "1" y = "3" width = "18" height = "1" > < / rect > < rect x = "1" y = "7" width = "18" height = "1" > < / rect > < rect x = "1" y = "11" width = "18" height = "1" > < / rect > < rect x = "1" y = "15" width = "18" height = "1" > < / rect > < / svg > < / span >
< / span >
< search-download [ type ] = " csvPath " [ csvParams ] = " csvParams " [ totalResults ] = " searchUtils . totalResults " > < / search-download >
< / div >
2018-10-01 17:02:14 +02:00
< / div >
2017-12-19 13:53:46 +01:00
< div class = "uk-text-large" > Filter By:< / div >
2018-07-19 12:52:29 +02:00
< search-filter * ngFor = "let filter of filters " [ addShowMore ] = false [ isDisabled ] = " disableForms " [ filter ] = " filter " [ showResultCount ] = showResultCount ( onFilterChange ) = " filterChanged ( $ event ) " [ ( connectCommunityId ) ] = connectCommunityId > < / search-filter >
2017-12-19 13:53:46 +01:00
< / div >
< / div >
< / div >
< / div >
< div class = "uk-grid uk-width-1-1" >
2018-10-03 16:12:42 +02:00
< div * ngIf = "showRefine" class = " uk-margin-top helper-left-right search-filters uk-visible@m" >
2018-02-13 15:52:23 +01:00
< helper position = "left" before = "true" > < / helper >
2018-10-01 17:02:14 +02:00
< div class = "uk-width-1-1 uk-margin-small-bottom " >
< div * ngIf = "countFilters()>0" class = "uk-margin-small-bottom" >
< span * ngIf = "searchUtils.keyword.length > 0" > < span class = "uk-text-bold" > Keywords:< / span >
2018-10-03 16:12:42 +02:00
< a ( click ) = " clearKeywords ( ) " title = "Remove keywords" [ class ] = " ( ( disableForms ) ? ' uk-disabled ' : ' ' ) + ' portal-color ' " > < span class = " clickable " aria-hidden = "true" > < span class = "uk-icon " >
2018-10-01 17:02:14 +02:00
< svg width = "16" height = "16" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "close" ratio = "0.8" > < path fill = "none" stroke = "#000" stroke-width = "1.6" d = "M16,16 L4,4" > < / path > < path fill = "none" stroke = "#000" stroke-width = "1.6" d = "M16,4 L4,16" > < / path > < / svg >
< / span > < / span > < / a >
< span [ innerHtml ] = " searchUtils . keyword " > < / span >
< / span >
< div * ngFor = "let filter of filters " >
< span * ngIf = "filter.countSelectedValues > 0" > < span class = "uk-text-bold" > {{filter.title}}:< / span >
< span * ngFor = "let value of getSelectedValues(filter); let i = index; let end = last; " >
< a [ title ] = " ' Remove ' + value . name " ( click ) = " removeFilter ( value , filter ) " [ class ] = " ( ( disableForms ) ? ' uk-disabled ' : ' ' ) + ' portal-color ' " > < span class = " clickable" aria-hidden = "true" > < span class = "uk-icon" >
< svg width = "16" height = "16" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "close" ratio = "0.8" > < path fill = "none" stroke = "#000" stroke-width = "1.6" d = "M16,16 L4,4" > < / path > < path fill = "none" stroke = "#000" stroke-width = "1.6" d = "M16,4 L4,16" > < / path > < / svg >
< / span > < / span > < / a >
< span [ innerHtml ] = " ( value . name . length > 25)?value.name.substring(0,25)+'...':value.name" [title]="value.name">< / span >
< span * ngIf = "!end" class = " " > , < / span >
< / span >
< / span >
< / div >
< / div >
2018-10-03 16:12:42 +02:00
< div class = "uk-margin-small-bottom uk-margin-small-top" >
< a * ngIf = "countFilters()>1" ( click ) = " clearFilters ( ) " [ class ] = " ( ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' ) + ' uk-margin-small-right portal-link ' " >
Clear All
< / a >
< a * ngIf = "showUnknownFilters" class = " portal-link uk-margin-small-right " ( click ) = " clearFilters ( ) " > Try new Query< / a >
< span * ngIf = "tableViewLink" class = "uk-margin-medium-right" >
< a routerLinkActive = "router-link-active" [ class ] = " ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' " [ routerLink ] = tableViewLink >
< span class = "uk-margin-small-right uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" ratio = "1" > < rect x = "2" y = "2" width = "3" height = "3" > < / rect > < rect x = "8" y = "2" width = "3" height = "3" > < / rect > < rect x = "14" y = "2" width = "3" height = "3" > < / rect > < rect x = "2" y = "8" width = "3" height = "3" > < / rect > < rect x = "8" y = "8" width = "3" height = "3" > < / rect > < rect x = "14" y = "8" width = "3" height = "3" > < / rect > < rect x = "2" y = "14" width = "3" height = "3" > < / rect > < rect x = "8" y = "14" width = "3" height = "3" > < / rect > < rect x = "14" y = "14" width = "3" height = "3" > < / rect > < / svg > < / span >
< / a >
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "table" ratio = "1" > < rect x = "1" y = "3" width = "18" height = "1" > < / rect > < rect x = "1" y = "7" width = "18" height = "1" > < / rect > < rect x = "1" y = "11" width = "18" height = "1" > < / rect > < rect x = "1" y = "15" width = "18" height = "1" > < / rect > < / svg > < / span >
< / span >
< search-download [ type ] = " csvPath " [ csvParams ] = " csvParams " [ totalResults ] = " searchUtils . totalResults " > < / search-download >
< / div >
2018-10-01 17:02:14 +02:00
< / div >
2018-07-19 12:52:29 +02:00
< search-filter * ngFor = "let filter of filters " [ isDisabled ] = " disableForms " [ filter ] = " filter " [ showResultCount ] = showResultCount ( onFilterChange ) = " filterChanged ( $ event ) " [ ( connectCommunityId ) ] = connectCommunityId > < / search-filter >
2018-02-13 15:52:23 +01:00
< helper position = "left" before = "false" > < / helper >
2017-12-19 13:53:46 +01:00
< / div >
2018-10-03 16:12:42 +02:00
< helper * ngIf = "!showRefine" class = "uk-margin-top helper-left-right uk-visible@m" position = "left" > < / helper >
2017-12-19 13:53:46 +01:00
< div class = "uk-width-expand@m uk-width-1-1@s uk-first-column" >
<!-- <div [class]="(showRefine)?'uk - width - expand@m uk - first - column':''" > -->
2018-02-05 14:14:59 +01:00
< div * ngIf = "openaireLink" > < a class = "uk-margin-top uk-button uk-button-text" [ href ] = openaireLink target = "_blank" > Results in OpenAIRE< / a > < / div >
2017-12-19 13:53:46 +01:00
< div class = "uk-align-center uk-margin-remove-bottom" >
< search-paging [ type ] = " type " [ loadPaging ] = " loadPaging " [ oldTotalResults ] = " oldTotalResults " [ ( searchUtils ) ] = " searchUtils " [ ( results ) ] = " results " [ ( baseUrl ) ] = " baseUrl " [ ( parameterNames ) ] = " parameterNames " [ ( parameterValues ) ] = " parameterValues " > < / search-paging >
< / div >
2018-09-24 11:12:51 +02:00
<!-- *ngIf="tableViewLink || searchUtils.totalResults <= csvLimit" -->
2018-10-03 16:12:42 +02:00
<!-- <div class="uk - width - 1 - 1@s uk - hidden@m">
2017-12-19 13:53:46 +01:00
< span * ngIf = "tableViewLink" class = "uk-margin-medium-right" >
< a routerLinkActive = "router-link-active" [ class ] = " ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' " [ routerLink ] = tableViewLink >
< span class = "uk-margin-small-right uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" ratio = "1" > < rect x = "2" y = "2" width = "3" height = "3" > < / rect > < rect x = "8" y = "2" width = "3" height = "3" > < / rect > < rect x = "14" y = "2" width = "3" height = "3" > < / rect > < rect x = "2" y = "8" width = "3" height = "3" > < / rect > < rect x = "8" y = "8" width = "3" height = "3" > < / rect > < rect x = "14" y = "8" width = "3" height = "3" > < / rect > < rect x = "2" y = "14" width = "3" height = "3" > < / rect > < rect x = "8" y = "14" width = "3" height = "3" > < / rect > < rect x = "14" y = "14" width = "3" height = "3" > < / rect > < / svg > < / span >
< / a >
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "table" ratio = "1" > < rect x = "1" y = "3" width = "18" height = "1" > < / rect > < rect x = "1" y = "7" width = "18" height = "1" > < / rect > < rect x = "1" y = "11" width = "18" height = "1" > < / rect > < rect x = "1" y = "15" width = "18" height = "1" > < / rect > < / svg > < / span >
< / span >
< search-download [ type ] = " csvPath " [ csvParams ] = " csvParams " [ totalResults ] = " searchUtils . totalResults " > < / search-download >
2018-10-03 16:12:42 +02:00
< / div > -->
2017-12-19 13:53:46 +01:00
2018-02-05 14:14:59 +01:00
< div * ngIf = "(searchUtils.page <= pagingLimit)" class = "uk-margin-top" >
2017-12-19 13:53:46 +01:00
< search-result * ngIf = "!tableView"
[results]="results"
[status]="searchUtils.status"
[type]="entityType"
2018-02-05 14:14:59 +01:00
[showLoading]="true" [(properties)]=properties>
2017-12-19 13:53:46 +01:00
< / search-result >
< / div >
2018-02-05 14:14:59 +01:00
< div [ class ] = " searchUtils . page > pagingLimit ? 'search-results' : ''" *ngIf="(searchUtils.page >= pagingLimit) & & (searchUtils.totalResults > resultsPerPage*pagingLimit)">
< p class = "uk-alert-warning" uk-alert > For more results please try a new, more specific query< / p >
< / div >
2017-12-19 13:53:46 +01:00
< div class = "uk-align-center uk-margin-remove-bottom" >
< search-paging [ type ] = " type " [ loadPaging ] = " loadPaging " [ oldTotalResults ] = " oldTotalResults " [ ( searchUtils ) ] = " searchUtils " [ ( results ) ] = " results " [ ( baseUrl ) ] = " baseUrl " [ ( parameterNames ) ] = " parameterNames " [ ( parameterValues ) ] = " parameterValues " > < / search-paging >
< / div >
< helper class = "uk-hidden@m" position = "left" styleName = "uk-width-1-1@s" > < / helper >
< helper class = "uk-hidden@m" position = "right" styleName = "uk-width-1-1@s" > < / helper >
< / div >
2018-10-03 16:12:42 +02:00
< div class = "uk-margin-top helper-left-right uk-visible@m" >
2018-03-29 10:23:36 +02:00
< helper position = "right" before = "true" > < / helper >
2018-10-03 16:12:42 +02:00
<!-- <div>
2018-04-11 15:52:51 +02:00
< span * ngIf = "tableViewLink" class = "uk-margin-medium-right" >
< a routerLinkActive = "router-link-active" [ class ] = " ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' " [ routerLink ] = tableViewLink >
< span class = "uk-margin-small-right uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" ratio = "1" > < rect x = "2" y = "2" width = "3" height = "3" > < / rect > < rect x = "8" y = "2" width = "3" height = "3" > < / rect > < rect x = "14" y = "2" width = "3" height = "3" > < / rect > < rect x = "2" y = "8" width = "3" height = "3" > < / rect > < rect x = "8" y = "8" width = "3" height = "3" > < / rect > < rect x = "14" y = "8" width = "3" height = "3" > < / rect > < rect x = "2" y = "14" width = "3" height = "3" > < / rect > < rect x = "8" y = "14" width = "3" height = "3" > < / rect > < rect x = "14" y = "14" width = "3" height = "3" > < / rect > < / svg > < / span >
< / a >
2017-12-19 13:53:46 +01:00
2018-04-11 15:52:51 +02:00
< span class = "uk-icon" > < svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "table" ratio = "1" > < rect x = "1" y = "3" width = "18" height = "1" > < / rect > < rect x = "1" y = "7" width = "18" height = "1" > < / rect > < rect x = "1" y = "11" width = "18" height = "1" > < / rect > < rect x = "1" y = "15" width = "18" height = "1" > < / rect > < / svg > < / span >
< / span >
< search-download [ type ] = " csvPath " [ csvParams ] = " csvParams " [ totalResults ] = " searchUtils . totalResults " > < / search-download >
2018-10-03 16:12:42 +02:00
< / div > -->
2018-03-29 10:23:36 +02:00
< helper position = "right" before = "false" > < / helper >
2017-12-19 13:53:46 +01:00
< / div >
2018-09-24 11:12:51 +02:00
<!-- <helper *ngIf="!tableViewLink && searchUtils.totalResults > csvLimit" class="helper - left - right uk - visible@m" position="right"></helper> -->
2017-12-19 13:53:46 +01:00
< / div >
<!-- <div [class]="(showRefine)? 'uk - width - 3 - 5@m uk - width - 3 - 5@l uk - width - 1 - 1@s uk - align - center uk - margin - remove - bottom' : 'uk - width - 1 - 1'">
< search-paging [ loadPaging ] = " loadPaging " [ type ] = " type " [ oldTotalResults ] = " oldTotalResults " [ ( searchUtils ) ] = " searchUtils " [ ( results ) ] = " results " [ ( baseUrl ) ] = " baseUrl " [ ( parameterNames ) ] = " parameterNames " [ ( parameterValues ) ] = " parameterValues " > < / search-paging >
< / div > -->
< div class = "uk-width-1-1" >
< helper position = "bottom" > < / helper >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
