2018-10-30 16:31:16 +01:00
< div class = "uk-child-width-expand@s uk-text-center uk-margin-bottom" uk-grid >
< div >
< form class = " uk-animation uk-card uk-card-default uk-padding" >
< div >
< select class = "uk-select" [ ( ngModel ) ] = " selectedFunder " name = "select_funder" >
< option value = "" ( click ) = " goTo ( 1 ) " > Select funder:< / option >
< option * ngFor = "let funder of funders" [ value ] = " funder " ( click ) = " goTo ( 1 ) " > {{funder}}< / option >
< / select >
< / div >
< / form >
< / div >
< div >
< form class = "uk-text-center uk-animation uk-card uk-card-default uk-padding" >
< div >
< input type = "text" class = "uk-input uk-width-1-2" placeholder = "Search community projects..." aria-describedby = "sizing-addon2" [ ( ngModel ) ] = " communitySearchUtils . keyword " name = "keyword" >
< button ( click ) = " goTo ( 1 ) " type = "submit" class = " uk-button" >
< span class = "uk-icon" >
< svg width = "20" height = "20" viewBox = "0 0 20 20" xmlns = "http://www.w3.org/2000/svg" icon = "search" ratio = "1" > < circle fill = "none" stroke = "#000" stroke-width = "1.1" cx = "9" cy = "9" r = "7" > < / circle > < path fill = "none" stroke = "#000" stroke-width = "1.1" d = "M14,14 L18,18 L14,14 Z" > < / path > < / svg >
< / span > Search
< / button >
< / div >
< / form >
< / div >
< / div >
< errorMessages [ status ] = " [ communitySearchUtils . status ] " [ type ] = " ' community projects ' " > < / errorMessages >
2018-11-27 11:43:11 +01:00
< div * ngIf = "communitySearchUtils.status == errorCodes.DONE" class = "uk-alert uk-alert-primary" >
< span class = "uk-margin-small-right uk-icon" uk-icon = "warning" > < / span >
All the research results linked to the projects specified here will be automatically linked to your community dashboard.
< / div >
2018-10-30 16:31:16 +01:00
< div * ngIf = "communitySearchUtils.totalResults > 0" class = "uk-align-center uk-margin-remove-bottom" >
< div class = "searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom" >
< span class = "uk-h6 uk-width-1-1@s uk-width-1-2@m" >
{{communitySearchUtils.totalResults | number}} projects, page {{communitySearchUtils.page | number}} of {{(totalPages()) | number}}
< / span >
< span class = "float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m" >
< paging-no-load [ currentPage ] = " communitySearchUtils . page " [ totalResults ] = " communitySearchUtils . totalResults " [ size ] = " 10 " ( pageChange ) = " goTo ( $ event . value , false ) " > < / paging-no-load >
< / span >
< / div >
< / div >
<!-- uk - first - column uk - width - expand -->
< div class = "custom-dataTable-content" >
< div class = "uk-overflow-container" >
< table datatable class = "uk-table uk-table-striped divider-table" [ dtOptions ] = " dtOptions " id = "dpTable" [ dtTrigger ] = " dtTrigger " dtInstance = "dtInstanceCallback" >
< thead >
< tr >
< th class = "uk-text-center" > Project< / th >
< th class = "uk-text-center" > Grant Id< / th >
< th class = "uk-text-center" > Funder< / th >
< th class = "uk-text-center" > Action< / th >
< / tr >
< / thead >
< tbody >
< tr class = "uk-table-middle" * ngFor = "let result of communityProjects" >
< td class = "uk-text-center uk-width-1-4" >
< a class = "custom-external" target = "_blank"
[href]="communityUrl+'/search/project?' + ((result.openaireId) ? 'projectId='+result.openaireId : 'grantId='+result.grantId+'& funder='+result.funder)">
< 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 >
< / td >
< td class = "uk-text-center uk-width-1-4" >
< span * ngIf = "result.grantId" > {{result.grantId}}< / span >
< span * ngIf = "!result.grantId" > -< / span >
< / td >
< td class = "uk-text-center uk-width-1-4" >
< span * ngIf = "result.funder" > {{result.funder}}< / span >
< span * ngIf = "!result.funder" > -< / span >
< / td >
< td class = "uk-text-center uk-width-1-4" >
< a ( click ) = " removeProject ( result ) " class = "uk-icon-button remove red_background_color red_color" uk-icon = "icon: close; ratio: 1" title = "Remove" > < / a >
< / td >
< / tr >
< / tbody >
< / table >
< / div >
< / div >
< div * ngIf = "communitySearchUtils.totalResults > 0" class = "uk-align-center uk-margin-remove-bottom" >
< div class = "searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom" >
< span class = "uk-h6 uk-width-1-1@s uk-width-1-2@m" >
{{communitySearchUtils.totalResults | number}} projects, page {{communitySearchUtils.page | number}} of {{(totalPages()) | number}}
< / span >
< span class = "float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m" >
< paging-no-load [ currentPage ] = " communitySearchUtils . page " [ totalResults ] = " communitySearchUtils . totalResults " [ size ] = " 10 " ( pageChange ) = " goTo ( $ event . value , false ) " > < / paging-no-load >
< / span >
< / div >
< / div >
< modal-alert # AlertModalDeleteCommunity ( alertOutput ) = " confirmedDeleteProject ( $ event ) " > < / modal-alert >
<!-- <delete - confirmation - dialog #deleteConfirmationModal [isModalShown]="isModalShown" (emmitObject)="confirmedDeleteProject($event)">
Are you sure you want to remove the selected project from your community?
< / delete-confirmation-dialog > -->
<!-- </div> -->