2018-10-03 16:12:42 +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" >
< 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-04 20:33:16 +02:00
< div class = "uk-position-cover" style = "/*background-color: rgba(255, 255, 255, 0.37);*/" > < / div >
2018-10-03 16:12:42 +02:00
< div class = "uk-container" >
< div class = "uk-position-relative" >
< div class = "uk-container " >
< div class = "uk-width-1-1" >
< search-form [ isDisabled ] = " disableForms " [ ( keyword ) ] = " searchUtils . keyword " ( keywordChange ) = " keywordChanged ( $ event ) " [ placeholderText ] = " formPlaceholderText " > < / search-form >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2018-11-14 11:38:53 +01:00
< schema2jsonld * ngIf = "url" [ URL ] = " url " type = "search" [ name ] = pageTitle [ searchAction ] = false > < / schema2jsonld >
2018-10-03 16:12:42 +02:00
< div id = "tm-main" class = " uk-section uk-padding-remove-top tm-middle" >
2017-12-19 13:53:46 +01:00
< div uk-grid uk-grid >
< div class = "tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first " >
2018-10-03 16:12:42 +02:00
<!-- div [class]="'uk - background - norepeat uk - background - cover uk - section uk - flex uk - flex - middle '+searchFormClass" >
2017-12-19 13:53:46 +01:00
< div class = "uk-width-1-1" >
< div class = "uk-width-1-1" >
< search-form [ isDisabled ] = " disableForms " [ ( keyword ) ] = " searchUtils . keyword " ( keywordChange ) = " keywordChanged ( $ event ) " [ placeholderText ] = " formPlaceholderText " > < / search-form >
< / div >
< div class = "uk-width-1-1 uk-light" >
< div * ngIf = "isFiltered()" class = "uk-container uk-text-center " >
< span * ngIf = "searchUtils.keyword.length > 0" > Keywords: < span > {{searchUtils.keyword}}< a ( click ) = " clearKeywords ( ) " [ class ] = " ( disableForms ) ? ' uk-icon-button uk-disabled ' : ' uk-icon-button ' " > < span class = " clickable " aria-hidden = "true" > < span class = "uk-icon" >
< svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "close" ratio = "1" > < path fill = "none" stroke = "#000" stroke-width = "1.06" d = "M16,16 L4,4" > < / path > < path fill = "none" stroke = "#000" stroke-width = "1.06" d = "M16,4 L4,16" > < / path > < / svg >
< / span > < / span > < / a > < / span >
< / span >
< span * ngFor = "let filter of filters " >
< span * ngIf = "filter.countSelectedValues > 0" > {{filter.title}}:
< span * ngFor = "let value of getSelectedValues(filter); let i = index; let end = last; " > {{value.name}}< a ( click ) = " removeFilter ( value , filter ) " [ class ] = " ( disableForms ) ? ' uk-icon-button uk-disabled ' : ' uk-icon-button ' " > < span class = " clickable" aria-hidden = "true" > < span class = "uk-icon" >
< svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "close" ratio = "1" > < path fill = "none" stroke = "#000" stroke-width = "1.06" d = "M16,16 L4,4" > < / path > < path fill = "none" stroke = "#000" stroke-width = "1.06" d = "M16,4 L4,16" > < / path > < / svg >
< / span > < / span > < / a >
< span * ngIf = "!end" > , < / span >
< / span >
< / span >
< / span >
< a ( click ) = " clearFilters ( ) " [ class ] = " ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' " >
Clear All
< / a >
< / div >
< / div >
< / div >
2018-10-03 16:12:42 +02:00
< /div!-->
2017-12-19 13:53:46 +01:00
< div class = "uk-container" >
< helper position = "top" > < / helper >
< div class = "uk-width-2-3@m uk-width-2-3@l uk-width-1-1@s" >
2018-03-02 13:57:52 +01:00
< div * ngIf = "filters.length > 0" class = "uk-offcanvas-content uk-hidden@m" >
2017-12-19 13:53:46 +01:00
< 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 >
2019-02-12 12:15:21 +01:00
< div class = " uk-margin-top " >
2018-10-03 16:12:42 +02:00
< span * ngIf = "searchUtils.keyword.length > 0" > < span class = "uk-text-bold" > Keywords:< / span >
< a ( click ) = " clearKeywords ( ) " title = "Remove keywords" [ 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 ] = " 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 >
2019-02-12 12:15:21 +01:00
<!-- <div class="uk - margin - small - bottom uk - margin - small - top">
2018-10-03 16:12:42 +02:00
< a * ngIf = "countFilters()>1" ( click ) = " clearFilters ( ) " [ class ] = " ( ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' ) + ' uk-margin-small-right portal-link ' " >
Clear All
< / a >
< div * ngIf = "searchViewLink" class = "uk-width-1-1@s uk-hidden@m" >
< p >
< 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 routerLinkActive = "router-link-active" [ class ] = " ( disableForms & & ! enableSearchView ) ? ' uk-disabled uk-link-muted ' : ' ' " [ routerLink ] = searchViewLink >
< 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 >
< / a >
< / p >
< / div >
2019-02-12 12:15:21 +01:00
< / div > -->
< div class = "uk-margin-small-bottom uk-margin-small-top uk-grid" >
< a * ngIf = "countFilters()>1" ( click ) = " clearFilters ( ) " [ class ] = " ( ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' ) + ' portal-link ' + ' uk-width-1-2 ' " >
Clear All
< / a >
< span * ngIf = "searchViewLink" class = "uk-width-expand" >
< p >
< span uk-tooltip = "title: Table view" class = " 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 uk-tooltip = "title: List view" routerLinkActive = "router-link-active" [ class ] = " ( disableForms & & ! enableSearchView ) ? ' uk-disabled uk-link-muted ' : ' ' " [ routerLink ] = searchViewLink >
< 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 >
< / a >
< search-dataprovider-map [ loadPaging ] = " loadPaging " [ oldTotalResults ] = " oldTotalResults " [ ( searchUtils ) ] = " searchUtils " [ mapUrl ] = " mapUrl " [ mapTooltipType ] = " mapTooltipType " > < / search-dataprovider-map >
< / p >
< / span >
2018-10-03 16:12:42 +02:00
< / div >
< / div >
2017-12-19 13:53:46 +01:00
< div class = "uk-text-large" > Filter By:< / div >
< search-filter * ngFor = "let filter of filters " [ addShowMore ] = false [ isDisabled ] = " disableForms " [ filter ] = " filter " [ showResultCount ] = showResultCount ( change ) = " filterChanged ( $ event ) " ( toggleModal ) = " toggleModal ( $ event ) " > < / search-filter >
< / div >
< / div >
< / div >
< / div >
2018-10-03 16:12:42 +02:00
< div class = "uk-grid uk-width-1-1 uk-margin-top" >
< div * ngIf = "filters.length > 0" class = " uk-margin-top helper-left-right search-filters uk-visible@m" >
2018-03-29 10:23:36 +02:00
< helper position = "left" before = "true" > < / helper >
2018-10-03 16:12:42 +02:00
< div class = " " >
< span * ngIf = "searchUtils.keyword.length > 0" > < span class = "uk-text-bold" > Keywords:< / span >
< a ( click ) = " clearKeywords ( ) " title = "Remove keywords" [ 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 ] = " searchUtils . keyword " > < / span >
< / span >
< div * ngFor = "let filter of filters " class = "uk-margin-small-bottom" >
< 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 >
2019-02-12 12:15:21 +01:00
<!-- <div class="uk - margin - small - bottom ">
2018-10-03 16:12:42 +02:00
< a * ngIf = "countFilters()>1" ( click ) = " clearFilters ( ) " [ class ] = " ( ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' ) + ' uk-margin-small-right portal-link ' " >
Clear All
< / a >
< div * ngIf = "searchViewLink" class = "uk-width-1-1@s " >
< p >
< 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 routerLinkActive = "router-link-active" [ class ] = " ( disableForms & & ! enableSearchView ) ? ' uk-disabled uk-link-muted ' : ' ' " [ routerLink ] = searchViewLink >
< 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 >
< / a >
< / p >
< / div >
2019-02-12 12:15:21 +01:00
< / div > -->
< div class = "uk-margin-small-bottom uk-margin-small-top uk-grid" >
< a * ngIf = "countFilters()>1" ( click ) = " clearFilters ( ) " [ class ] = " ( ( disableForms ) ? ' uk-disabled uk-link-muted ' : ' ' ) + ' portal-link ' + ' uk-width-1-2 ' " >
Clear All
< / a >
< span * ngIf = "searchViewLink" class = "uk-width-expand" >
< p >
< span uk-tooltip = "title: Table view" class = " 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 uk-tooltip = "title: List view" routerLinkActive = "router-link-active" [ class ] = " ( disableForms & & ! enableSearchView ) ? ' uk-disabled uk-link-muted ' : ' ' " [ routerLink ] = searchViewLink >
< 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 >
< / a >
< search-dataprovider-map class = "uk-width-1-2" [ loadPaging ] = " loadPaging " [ oldTotalResults ] = " oldTotalResults " [ ( searchUtils ) ] = " searchUtils " [ mapUrl ] = " mapUrl " [ mapTooltipType ] = " mapTooltipType " > < / search-dataprovider-map >
< / p >
< / span >
2018-10-03 16:12:42 +02:00
< / div >
< / div >
2017-12-19 13:53:46 +01:00
< search-filter * ngFor = "let filter of filters " [ isDisabled ] = " disableForms " [ filter ] = " filter " [ showResultCount ] = showResultCount ( change ) = " filterChanged ( $ event ) " ( toggleModal ) = " toggleModal ( $ event ) " > < / search-filter >
2018-03-29 10:23:36 +02: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 = "filters.length == 0" class = "uk-margin-top helper-left-right uk-visible@m" position = "left" > < / helper >
2017-12-19 13:53:46 +01:00
2018-01-11 11:55:54 +01:00
< div class = "uk-width-expand@m uk-width-1-1@s uk-first-column custom-dataTable-content" >
2018-05-23 15:48:32 +02: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 * ngIf = "searchUtils.totalResults > 0" class = "uk-align-center uk-margin-remove-bottom" >
2018-11-28 11:34:30 +01:00
< div class = "uk-margin-top uk-margin-bottom" >
< search-results-per-page class = "uk-width-1-1" [ ( size ) ] = " searchUtils . size " ( sizeChange ) = " sizeChanged ( $ event ) " > < / search-results-per-page >
< / div >
< div class = "searchPaging uk-panel uk-margin-top uk-margin-bottom uk-grid" >
2018-10-03 16:12:42 +02:00
< span class = "uk-width-1-1@s uk-width-1-2@m" >
2018-05-18 14:47:26 +02:00
{{searchUtils.totalResults | number}} {{type}}, page {{searchUtils.page | number}} of {{(totalPages()) | number}}
2017-12-19 13:53:46 +01:00
< / span >
< span class = "float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m" >
2018-11-21 16:28:38 +01:00
< paging-no-load [ currentPage ] = " searchUtils . page " [ totalResults ] = " searchUtils . totalResults " [ size ] = " searchUtils . size " ( pageChange ) = " goTo ( $ event . value , false ) " > < / paging-no-load >
2017-12-19 13:53:46 +01:00
< / span >
< / div >
< / div >
2018-10-03 16:12:42 +02:00
<!-- <div *ngIf="searchViewLink" class="uk - width - 1 - 1@s uk - hidden@m">
2017-12-19 13:53:46 +01:00
< p >
< 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 >
2018-05-23 15:24:13 +02:00
< a routerLinkActive = "router-link-active" [ class ] = " ( disableForms & & ! enableSearchView ) ? ' uk-disabled uk-link-muted ' : ' ' " [ routerLink ] = searchViewLink >
2017-12-19 13:53:46 +01: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 >
< / a >
< / p >
2018-10-03 16:12:42 +02:00
< / div > -->
2017-12-19 13:53:46 +01:00
< div * ngIf = "searchUtils.totalResults <= 0" class = "errors-in-searchTableView" >
< errorMessages [ status ] = " [ searchUtils . status ] " [ type ] = " ' results ' " > < / errorMessages >
< / div >
2018-05-23 15:24:13 +02:00
< div * ngIf = "searchUtils.status == errorCodes.LOADING || searchUtils.status == errorCodes.DONE" class = "uk-overflow-auto" >
2018-01-03 14:12:31 +01:00
<!-- #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage"
2018-01-11 11:55:54 +01:00
[mfData]="results | contentProvidersDatatable : [searchUtils, filters, triggerPipe, cd]"
-->
2018-04-11 15:52:51 +02:00
< table datatable class = "uk-table uk-table-striped divider-table" [ dtOptions ] = " dtOptions " id = "dpTable" [ dtTrigger ] = " dtTrigger " dtInstance = "dtInstanceCallback" >
2018-01-03 14:12:31 +01:00
< thead >
2017-12-19 13:53:46 +01:00
< tr >
2018-03-01 13:03:40 +01:00
< th * ngFor = "let column of columnNames" class = "uk-text-center" > {{column}}< / th >
2017-12-19 13:53:46 +01:00
< / tr >
< / thead >
< tbody >
2018-04-11 15:52:51 +02:00
< tr class = "uk-table-middle" * ngFor = "let result of results" >
2018-03-01 13:03:40 +01:00
< td * ngIf = "result.hasOwnProperty('title')" [ class ] = " ' uk-text-center uk-width-1- ' + columnNames . length " >
< a [ queryParams ] = " { datasourceId: result . id } " routerLinkActive = "router-link-active" routerLink = "/search/dataprovider" >
< span * ngIf = "result.title.name"
[innerHTML]="result.title.name">
2017-12-19 13:53:46 +01:00
< / span >
2018-03-01 13:03:40 +01:00
< span * ngIf = "!result.title.name" >
2017-12-19 13:53:46 +01:00
[no title available]
< / span >
< / a >
< / td >
2018-03-01 13:03:40 +01:00
< td * ngIf = "result.hasOwnProperty('type')" [ class ] = " ' uk-text-center uk-width-1- ' + columnNames . length " >
< span * ngIf = "result.type" > {{result.type}}< / span >
< span * ngIf = "!result.type" > -< / span >
2017-12-19 13:53:46 +01:00
< / td >
2018-03-01 13:03:40 +01:00
< td * ngIf = "result.hasOwnProperty('countries')" [ class ] = " ' uk-text-center uk-width-1- ' + columnNames . length " >
< span * ngFor = "let country of result['countries'].slice(0,5) let i = index" > {{country}}{{(i < ( result['countries'].slice(0,5).length-1))?", ":""}}{{(i == result['countries'].slice(0,5).length-1 & & result['countries'].length > 5)?"...":""}}< / span >
< span * ngIf = "result.countries.length == 0" > -< / span >
2017-12-19 13:53:46 +01:00
< / td >
2018-03-01 13:03:40 +01:00
< td * ngIf = "result.hasOwnProperty('organizations')" [ class ] = " ' uk-text-center uk-width-1- ' + columnNames . length " >
< span * ngFor = "let org of result['organizations'].slice(0,5) let i = index" >
< a * ngIf = "org.id" [ queryParams ] = " { organizationId: org . id } " routerLinkActive = "router-link-active" routerLink = "/search/organization" > {{org.name}}< / a > < span * ngIf = "!org.id" > {{org.name}}< / span > {{(i < ( result['organizations'].slice(0,5).length-1))?", ":""}}{{(i == result['organizations'].slice(0,5).length-1 & & result['organizations'].length > 5)?"...":""}}
2017-12-19 13:53:46 +01:00
< / span >
2018-03-01 13:03:40 +01:00
< span * ngIf = "result.organizations.length == 0" > -< / span >
2017-12-19 13:53:46 +01:00
< / td >
2018-03-01 13:03:40 +01:00
< td * ngIf = "result.hasOwnProperty('compatibility')" [ class ] = " ' uk-text-center uk-width-1- ' + columnNames . length " >
2018-03-01 14:14:35 +01:00
< span * ngIf = "result.compatibility" > {{result.compatibility}}< / span >
< span * ngIf = "!result.compatibility" > -< / span >
2017-12-19 13:53:46 +01:00
< / td >
2018-03-01 13:03:40 +01:00
2018-03-27 16:35:05 +02:00
<!-- Community Projects -->
< td * ngIf = "result.hasOwnProperty('acronym') && result.hasOwnProperty('name')" [ class ] = " ' uk-text-center uk-width-1- ' + columnNames . length " >
< a [ queryParams ] = " ( result . openaireId ) ? { projectId: result . openaireId } : { grantId: encode ( result . grantId ) , funder: encode ( result . funder ) } "
routerLinkActive="router-link-active" routerLink="/search/project">
< span * ngIf = "result.name" > {{result.name}}< / span >
< span * ngIf = "result.name && result.acronym" > (< / span >
< span * ngIf = "result.acronym" > {{result.acronym}}< / span >
< span * ngIf = "result.name && result.acronym" > )< / span >
< span * ngIf = "!result.name && !result.acronym" > [no title available]< / span >
< / a >
2018-03-01 13:03:40 +01:00
< / td >
< td * ngIf = "result.hasOwnProperty('grantId')" [ class ] = " ' uk-text-center uk-width-1- ' + columnNames . length " >
< span * ngIf = "result.grantId" > {{result.grantId}}< / span >
< span * ngIf = "!result.grantId" > -< / span >
< / td >
< td * ngIf = "result.hasOwnProperty('funder')" [ class ] = " ' uk-text-center uk-width-1- ' + columnNames . length " >
< span * ngIf = "result.funder" > {{result.funder}}< / span >
< span * ngIf = "!result.funder" > -< / span >
< / td >
2018-03-02 13:57:52 +01:00
<!-- Community Content Providers -->
2018-03-27 16:35:05 +02:00
< td * ngIf = "!result.hasOwnProperty('acronym') && result.hasOwnProperty('name')" [ class ] = " ' uk-text-center uk-width-1- ' + columnNames . length " >
< a [ queryParams ] = " { datasourceId: result . openaireId } " routerLinkActive = "router-link-active" routerLink = "/search/dataprovider" >
< span * ngIf = "result.name" > {{result.name}}< / span >
< span * ngIf = "!result.name" > [no name available]< / span >
< / a >
< / td >
2018-03-02 13:57:52 +01:00
< td * ngIf = "result.hasOwnProperty('officialname')" [ class ] = " ' uk-text-center uk-width-1- ' + columnNames . length " >
< span * ngIf = "result.officialname" > {{result.officialname}}< / span >
< span * ngIf = "!result.officialname" > -< / span >
< / td >
2017-12-19 13:53:46 +01:00
< / tr >
< / tbody >
<!-- <thead *ngIf="searchUtils.totalResults > 0">
< tr > < td colspan = "5" class = "uk-padding-remove-horizontal" >
< span class = "uk-h6" >
{{searchUtils.totalResults}} content providers, page {{searchUtils.page}} of {{(totalPages())}}
< / span >
< paging-no-load class = "uk-float-right" [ currentPage ] = " searchUtils . page " [ totalResults ] = " searchUtils . totalResults " [ size ] = " rowsOnPage " ( pageChange ) = " goTo ( $ event . value , false ) " > < / paging-no-load >
< / td > < / tr >
< / thead > -->
< / table >
< / div >
< div * ngIf = "searchUtils.totalResults > 0" class = "uk-align-center uk-margin-remove-bottom" >
2018-11-28 11:34:30 +01:00
< div class = "uk-margin-top uk-margin-bottom" >
< search-results-per-page class = "uk-width-1-1" [ ( size ) ] = " searchUtils . size " ( sizeChange ) = " sizeChanged ( $ event ) " > < / search-results-per-page >
< / div >
2018-11-21 16:28:38 +01:00
< div class = "searchPaging uk-panel uk-margin-top uk-grid" >
2018-10-03 16:12:42 +02:00
< span class = "uk-width-1-1@s uk-width-1-2@m" >
2018-05-18 14:47:26 +02:00
{{searchUtils.totalResults | number}} {{type}}, page {{searchUtils.page | number}} of {{(totalPages()) | number}}
2017-12-19 13:53:46 +01:00
< / span >
< span class = "float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m" >
2018-11-21 16:28:38 +01:00
< paging-no-load [ currentPage ] = " searchUtils . page " [ totalResults ] = " searchUtils . totalResults " [ size ] = " searchUtils . size " ( pageChange ) = " goTo ( $ event . value , false ) " > < / paging-no-load >
2017-12-19 13:53:46 +01:00
< / span >
< / div >
< / div >
2018-10-16 13:21:56 +02:00
< a * ngIf = "properties.showLastIndexInformationLink" class = "last_index_info uk-button-text"
[href]="properties.lastIndexInformationLink" target="_blank">
Last index information
< / a >
2017-12-19 13:53:46 +01:00
< 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 *ngIf="searchViewLink" class="helper - left - right uk - visible@m">
2018-04-11 15:52:51 +02:00
< helper position = "right" before = "true" > < / helper >
< 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 >
2017-12-19 13:53:46 +01:00
2018-05-23 15:24:13 +02:00
< a routerLinkActive = "router-link-active" [ class ] = " ( disableForms & & ! enableSearchView ) ? ' uk-disabled uk-link-muted ' : ' ' " [ routerLink ] = searchViewLink >
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 >
< / a >
< helper position = "right" before = "false" > < / helper >
2017-12-19 13:53:46 +01:00
< / div >
2018-10-03 16:12:42 +02:00
< helper * ngIf = "!searchViewLink" class = "helper-left-right uk-visible@m" position = "right" > < / helper > -->
2017-12-19 13:53:46 +01:00
< / div >
< helper position = "bottom" > < / helper >
< / div >
< modal-search-filter [ filter ] = " currentFilter " [ showResultCount ] = showResultCount ( modalChange ) = " filterChanged ( $ event ) " > < / modal-search-filter >
< / div >
< / div >
< / div >
