2022-07-13 19:26:10 +02:00
|
|
|
<div page-content>
|
|
|
|
<div actions>
|
2023-03-10 16:15:26 +01:00
|
|
|
<div class="uk-section-xsmall uk-margin-top">
|
2022-07-13 19:26:10 +02:00
|
|
|
<div class="uk-flex uk-flex-middle">
|
|
|
|
<div class="uk-width-expand@m uk-width-1-1 uk-grid uk-flex-middle uk-flex-right@m uk-flex-center uk-margin-remove-left" uk-grid>
|
|
|
|
<div search-input [expandable]="true" [searchControl]="filterForm.get('keyword')" searchInputClass="outer"
|
|
|
|
placeholder="Search project" [disabled]="loading"
|
|
|
|
class="uk-width-1-3@xl uk-width-2-5@l uk-width-1-2@m uk-width-1-1"></div>
|
|
|
|
<div>
|
|
|
|
<button class="uk-button uk-button-default uk-flex uk-flex-middle"
|
|
|
|
(click)="addNew()"
|
|
|
|
[attr.uk-tooltip]="('cls: uk-active; ') +
|
2022-07-05 00:31:56 +02:00
|
|
|
'title: <div class=\'uk-margin-bottom uk-text-bold\'> Search and add more '+openaireEntiites.PROJECTS+'</div>' +
|
|
|
|
'<div>The research results linked to the <span class=\'uk-text-lowercase\'>'+openaireEntiites.PROJECTS +
|
|
|
|
'</span> specified here will be automatically linked to your <span class=\'uk-text-lowercase\'>'+openaireEntiites.COMMUNITY+'</span> dashboard.</div>'"
|
2022-07-13 19:26:10 +02:00
|
|
|
[disabled]="loading" [class.uk-disabled]="loading">
|
|
|
|
<icon name="add" [flex]="true"></icon>
|
|
|
|
<span class="uk-margin-small-left">New {{openaireEntiites.PROJECT}}</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
2022-07-05 00:31:56 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-07-13 19:26:10 +02:00
|
|
|
</div>
|
|
|
|
<div inner>
|
2022-07-05 00:31:56 +02:00
|
|
|
<div class="uk-margin-top">
|
2023-09-19 14:59:37 +02:00
|
|
|
<results-and-pages [type]="openaireEntiites.PROJECTS | lowercase" [page]="communitySearchUtils.page" [pageSize]="resultsPerPage"
|
|
|
|
[totalResults]="communitySearchUtils.totalResults"></results-and-pages>
|
2021-05-19 13:40:29 +02:00
|
|
|
</div>
|
2022-07-05 00:31:56 +02:00
|
|
|
<div class="uk-grid uk-flex-middle uk-margin-medium-top" uk-grid>
|
2023-10-04 15:04:42 +02:00
|
|
|
<div *ngIf="allFunderOptions.length > 0">
|
2022-07-05 00:31:56 +02:00
|
|
|
<dropdown-filter #dropdownFilter dropdownClass="uk-width-medium uk-padding-small"
|
2023-10-04 15:04:42 +02:00
|
|
|
name="Filter by Funder" [count]="filterForm.get('funder').value?1:null">
|
2022-07-05 00:31:56 +02:00
|
|
|
<h6 class="uk-margin-remove-bottom" title="Filter by Funder">Funder</h6>
|
|
|
|
<ul class="uk-list uk-margin-remove-bottom">
|
2023-10-04 15:04:42 +02:00
|
|
|
|
|
|
|
<li *ngFor="let option of previewFunderOptions">
|
|
|
|
<a class="uk-link-text" >
|
|
|
|
<label (click)="select(option, $event, dropdownFilter)" class="uk-flex uk-flex-middle">
|
2022-07-05 00:31:56 +02:00
|
|
|
<input class="uk-checkbox"
|
2023-10-04 15:04:42 +02:00
|
|
|
type="checkbox" [checked]="isSelected(option.value.id)">
|
2022-07-05 00:31:56 +02:00
|
|
|
<span class="uk-margin-small-left">{{option.label}}</span>
|
|
|
|
</label>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</dropdown-filter>
|
2023-10-04 15:04:42 +02:00
|
|
|
</div>
|
|
|
|
<div>
|
2022-07-05 11:07:43 +02:00
|
|
|
<div input inputClass="flat x-small" placeholder="Sort by"
|
|
|
|
[disabled]="previewCommunityProjects.length == 0"
|
|
|
|
[formInput]="filterForm.get('sort')"
|
|
|
|
type="select" [options]="sortOptions"
|
|
|
|
class="uk-width-small">
|
|
|
|
</div>
|
2023-10-04 15:04:42 +02:00
|
|
|
</div>
|
2022-07-05 00:31:56 +02:00
|
|
|
<!-- </div>-->
|
2022-07-05 11:07:43 +02:00
|
|
|
<div class="uk-width-expand@l uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center">
|
2023-09-19 14:59:37 +02:00
|
|
|
<paging-no-load *ngIf="communitySearchUtils.totalResults> 0" [currentPage]="communitySearchUtils.page"
|
2022-07-05 00:31:56 +02:00
|
|
|
(pageChange)="updatePage($event)" [size]="resultsPerPage"
|
2023-09-19 14:59:37 +02:00
|
|
|
[totalResults]="communitySearchUtils.totalResults" customClasses="uk-flex-right">
|
2022-07-05 00:31:56 +02:00
|
|
|
</paging-no-load>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="uk-section uk-section-small uk-position-relative" style="min-height: 60vh">
|
|
|
|
<div *ngIf="loading" class="uk-position-center">
|
|
|
|
<loading></loading>
|
|
|
|
</div>
|
|
|
|
<div *ngIf="!loading">
|
|
|
|
<div class="uk-margin-medium-bottom">
|
|
|
|
<div *ngIf="previewCommunityProjects.length == 0"
|
|
|
|
class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">
|
2022-07-11 17:48:24 +02:00
|
|
|
<div>No {{openaireEntiites.PROJECTS | lowercase}}
|
2023-09-19 14:59:37 +02:00
|
|
|
<span *ngIf="communitySearchUtils.totalResults == 0; else: notFound">for {{community.shortTitle}}</span>
|
2022-07-11 17:48:24 +02:00
|
|
|
<ng-template #notFound>found</ng-template>
|
|
|
|
</div>
|
2021-05-19 13:40:29 +02:00
|
|
|
</div>
|
2022-07-05 00:31:56 +02:00
|
|
|
<div *ngIf="previewCommunityProjects.length > 0"
|
|
|
|
class="uk-grid uk-grid-large uk-child-width-1-1 uk-child-width-1-2@m uk-margin-bottom" uk-grid uk-height-match="target: .uk-card-body">
|
2023-09-19 14:59:37 +02:00
|
|
|
<div *ngFor="let item of previewCommunityProjects; let i=index">
|
2022-07-05 00:31:56 +02:00
|
|
|
<div class="uk-card uk-card-default">
|
|
|
|
<div class="uk-card-body">
|
|
|
|
<h6 class="uk-margin-bottom">
|
|
|
|
<a *ngIf="item.openaireId || (item.grantId && item.funder)"
|
|
|
|
target="_blank" class="custom-external uk-link-text"
|
|
|
|
[href]="projectUrl+'?' + ((item.openaireId) ? 'projectId='+item.openaireId : 'grantId='+item.grantId+'&funder='+item.funder)">
|
|
|
|
<span *ngIf="item.name">{{item.name}}</span>
|
|
|
|
<span *ngIf="item.name && item.acronym"> (</span><span *ngIf="item.acronym">{{item.acronym}}</span><span *ngIf="item.name && item.acronym">)</span>
|
|
|
|
<span *ngIf="!item.name && !item.acronym">[no title available]</span>
|
|
|
|
</a>
|
|
|
|
<span *ngIf="!item.openaireId && !(item.grantId && item.funder)">
|
|
|
|
<span *ngIf="item.name">{{item.name}}</span>
|
|
|
|
<span *ngIf="item.name && item.acronym"> (</span><span *ngIf="item.acronym">{{item.acronym}}</span><span *ngIf="item.name && item.acronym">)</span>
|
|
|
|
<span *ngIf="!item.name && !item.acronym">[no title available]</span>
|
|
|
|
</span>
|
|
|
|
</h6>
|
|
|
|
<div class="uk-grid uk-child-width-1-2@l uk-text-small">
|
|
|
|
<div *ngIf="item.grantId">
|
|
|
|
<span class="uk-text-meta">Grant ID: </span>
|
|
|
|
<span>{{item.grantId}}</span>
|
|
|
|
</div>
|
|
|
|
<div *ngIf="item.funder">
|
|
|
|
<span class="uk-text-meta">Funder: </span>
|
|
|
|
<span>{{item.funder}}</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-05-19 13:40:29 +02:00
|
|
|
</div>
|
2022-07-05 00:31:56 +02:00
|
|
|
<div class="uk-card-footer uk-padding-remove-vertical">
|
|
|
|
<div class="uk-grid uk-grid-small uk-flex-nowrap uk-grid-divider uk-flex-right" uk-grid>
|
|
|
|
<div>
|
|
|
|
<div class="uk-padding-small uk-padding-remove-horizontal">
|
|
|
|
<button class="uk-button uk-button-link uk-flex uk-flex-middle"
|
|
|
|
(click)="removeProject(item)">
|
|
|
|
<icon name="remove" [flex]="true"></icon>
|
|
|
|
<span class="uk-margin-xsmall-left">Remove</span>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2021-05-19 13:40:29 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2022-07-05 00:31:56 +02:00
|
|
|
<div class="uk-margin-small-top">
|
|
|
|
<paging-no-load [currentPage]="page"
|
2023-09-19 14:59:37 +02:00
|
|
|
[totalResults]="communitySearchUtils.totalResults" [size]="resultsPerPage"
|
2022-07-05 00:31:56 +02:00
|
|
|
(pageChange)="updatePage($event)" customClasses="uk-flex-right@m uk-flex-center">
|
|
|
|
</paging-no-load>
|
|
|
|
</div>
|
2021-05-19 13:40:29 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2022-07-05 00:31:56 +02:00
|
|
|
<modal-alert #AlertModalDeleteCommunity (alertOutput)="confirmedDeleteProject($event)" [overflowBody]="false"></modal-alert>
|
|
|
|
</div>
|
2021-05-19 13:40:29 +02:00
|
|
|
</div>
|
|
|
|
</div>
|