2022-07-13 19:26:10 +02:00
< div page-content >
2021-05-19 13:40:29 +02:00
< div header >
2022-08-04 17:44:55 +02:00
< div class = "uk-flex uk-flex-middle uk-margin-medium-top info" >
2022-07-02 13:45:34 +02:00
< div >
2022-08-04 17:44:55 +02:00
< div class = "uk-text-background uk-text-bold uk-text-small" > Admin Dashboard - Manage < span class = "uk-text-capitalize" > {{openAIREEntities.DATASOURCES}}< / span >
2022-07-02 13:45:34 +02:00
< / div >
2022-08-04 17:44:55 +02:00
< h1 class = "uk-h6 uk-margin-remove" > {{community.shortTitle}}< / h1 >
2021-05-19 13:40:29 +02:00
< / div >
< / div >
2022-07-02 13:45:34 +02:00
< community-info tab = "content-providers" > < / community-info >
2021-05-19 13:40:29 +02:00
< / div >
2022-07-13 19:26:10 +02:00
< div actions >
< div class = "uk-section-xsmall" >
< div class = "uk-flex uk-flex-right@m uk-flex-center uk-flex-middle uk-grid" uk-grid >
< div search-input [ expandable ] = " true " [ searchControl ] = " filterForm . get ( ' keyword ' ) " searchInputClass = "outer"
[placeholder]="'Search ' + openAIREEntities.DATASOURCES" [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]="'< div > < div class = \'uk-margin-bottom uk-text-bold \ ' > Search and add more < span class = \'uk-text-lowercase\' > ' + openAIREEntities.DATASOURCES + '< span > < / span > < / div > < div > The research results collected from the < span class = \'uk-text-lowercase\' > ' + openAIREEntities.DATASOURCES + '< / span > specified here will be automatically linked to your community dashboard.< / div > < / div > '"
[disabled]="loading" [class.uk-disabled]="loading">
< icon name = "add" [ flex ] = " true " > < / icon >
< span class = "uk-margin-small-left uk-text-bold uk-text-uppercase" > New {{openAIREEntities.DATASOURCE}}< / span >
< / button >
< / div >
2022-07-02 13:45:34 +02:00
< / div >
< / div >
2022-07-13 19:26:10 +02:00
< / div >
< div inner >
2022-07-02 13:45:34 +02:00
< div class = "uk-section uk-section-small uk-position-relative" style = "min-height: 60vh" >
2022-07-04 10:53:55 +02:00
< div * ngIf = "loading" class = "uk-position-center" >
2022-07-02 13:45:34 +02:00
< loading > < / loading >
< / div >
< div * ngIf = "!loading" >
< div * ngIf = "previewCommunityContentProviders.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 < span class = "uk-text-lowercase" > {{openAIREEntities.DATASOURCES}} < / span >
< span * ngIf = "communityContentProviders.length == 0; else: notFound" > for {{community.shortTitle}}< / span >
< ng-template # notFound > found< / ng-template >
< / div >
2022-07-02 13:45:34 +02:00
< / div >
< div * ngIf = "previewCommunityContentProviders.length > 0" >
2022-07-04 20:45:20 +02:00
< no-load-paging [ type ] = " previewCommunityContentProviders . length = == 1 ? openAIREEntities . DATASOURCE:openAIREEntities . DATASOURCES "
2022-07-02 13:45:34 +02:00
(pageChange)="updatePage($event)"
[page]="page" [pageSize]="resultsPerPage"
[totalResults]="previewCommunityContentProviders.length">
< / no-load-paging >
< div class = "uk-grid uk-grid-large uk-child-width-1-1 uk-child-width-1-2@m uk-margin-top uk-margin-bottom"
uk-height-match="target: .uk-card-body; row: false;" uk-grid>
< div * ngFor = "let item of currentPage; let i=index" >
< div class = "uk-card uk-card-default" >
< div class = "uk-card-body" >
< h6 class = "uk-margin-bottom" >
2021-05-19 13:40:29 +02:00
< a * ngIf = "item.openaireId"
2022-07-02 13:45:34 +02:00
target="_blank" class="custom-external uk-link-text"
2021-05-19 13:40:29 +02:00
[href]="contentProviderUrl+item.openaireId">
< span * ngIf = "item.officialname" > {{item.officialname}}< / span >
< span * ngIf = "!item.officialname && item.name" > {{item.name}}< / span >
< span * ngIf = "!item.officialname && !item.name" > [no title available]< / span >
< / a >
< span * ngIf = "!item.openaireId" >
2022-07-02 13:45:34 +02:00
< span * ngIf = "item.officialname" > {{item.officialname}}< / span >
< span * ngIf = "!item.officialname && item.name" > {{item.name}}< / span >
< span * ngIf = "!item.officialname && !item.name" > [no title available]< / span >
< / span >
2021-05-19 13:40:29 +02:00
< / h6 >
2022-07-02 13:45:34 +02:00
< div * ngIf = "item.selectioncriteria?.criteria?.length > 0" class = "uk-margin-small-bottom uk-text-small" >
< div class = "uk-text-meta uk-margin-small-bottom" > Filters< / div >
2021-05-19 13:40:29 +02:00
< div [ innerHTML ] = " getFiltersAsText ( item . selectioncriteria . criteria ) " > < / div >
2022-07-02 13:45:34 +02:00
< div * ngIf = "item.selectioncriteria.criteria.length > 3" class = "uk-margin-small-top" >
2022-07-04 20:45:20 +02:00
< a class = "uk-link view-more-less-link" ( click ) = " openCriteria ( item ) " > View all {{item.selectioncriteria.criteria.length}} filters< / a >
2022-07-02 13:45:34 +02:00
< / div >
2021-05-19 13:40:29 +02:00
< / div >
< / div >
2022-07-02 13:45:34 +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" >
2022-07-04 20:45:20 +02:00
< a ( click ) = " openCriteria ( item ) " class = "uk-button uk-button-link uk-flex uk-flex-middle" >
2022-07-02 13:45:34 +02:00
< icon name = "filters" [ flex ] = " true " > < / icon >
< span * ngIf = "item.selectioncriteria?.criteria?.length > 0" class = "uk-margin-small-left"
uk-tooltip="< div > Edit filters to limit research results.< br > Results which satisfy any of the selected filters will be included in your community.< / div > ">
Edit filters
< / span >
< span * ngIf = "!(item.selectioncriteria?.criteria?.length > 0)" class = "uk-margin-small-left"
uk-tooltip="< div > Add filter to limit research results.< br > Results which satisfy any of the selected filters will be included in your community.< / div > ">
Add filters
< / span >
< / a >
< / div >
< / div >
< div >
< div class = "uk-padding-small uk-padding-remove-horizontal" >
< a ( click ) = " removeContentProvider ( item ) "
class="uk-button uk-button-link uk-flex uk-flex-middle">
2022-07-04 10:53:55 +02:00
< icon name = "remove" [ flex ] = " true " > < / icon >
< span class = "uk-margin-small-left" > Remove< / span >
2022-07-02 13:45:34 +02:00
< / a >
< / div >
< / div >
2021-05-19 13:40:29 +02:00
< / div >
< / div >
< / div >
< / div >
< / div >
2022-07-02 13:45:34 +02:00
< div class = "uk-margin-small-top" >
< paging-no-load [ currentPage ] = " page "
[totalResults]="previewCommunityContentProviders.length" [size]="resultsPerPage"
(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 >
< / div >
< / div >
< / div >
2022-07-04 20:45:20 +02:00
< modal-alert # deleteModal [ overflowBody ] = " false " ( alertOutput ) = " confirmedDeleteContentProvider ( ) " classTitle = "uk-background-primary uk-light" > < / modal-alert >