2020-05-07 19:20:33 +02:00
< div id = "tm-main" class = "landing uk-section uk-padding-remove-top tm-middle" >
2020-03-16 14:09:46 +01:00
< div * ngIf = "!showFeedback" uk-grid >
2019-07-22 11:16:50 +02:00
< div class = "tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first " >
2017-12-19 13:53:46 +01:00
2020-05-07 19:20:33 +02:00
< div id = "datasource" class = "uk-container uk-container-large uk-margin-medium-top datasource" >
2019-07-22 11:16:50 +02:00
< div * ngIf = "warningMessage.length > 0" class = "uk-alert uk-alert-warning uk-margin-large-top"
role="alert">{{warningMessage}}< / div >
< div * ngIf = "errorMessage.length > 0" class = "uk-alert uk-alert-danger uk-margin-large-top"
role="alert">{{errorMessage}}< / div >
< div [ style . display ] = " showLoading ? ' inline ' : ' none ' "
class="uk-animation-fade uk-margin-large-top uk-width-1-1" role="alert">< span
class="loading-gif uk-align-center">< / span > < / div >
2019-07-23 16:04:49 +02:00
< helper * ngIf = "pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']">< / helper >
2020-05-26 22:36:14 +02:00
< div * ngIf = "dataProviderInfo != null" class = "uk-grid uk-margin-remove-left uk-margin-large-bottom" >
< div class = "uk-width-2-3@m uk-width-1-1@s uk-margin-bottom uk-padding uk-padding-remove-left uk-padding-remove-vertical" >
2019-07-22 11:16:50 +02:00
< schema2jsonld * ngIf = "dataProviderInfo" [ data ] = dataProviderInfo
2020-09-18 09:57:42 +02:00
[URL]="properties.domain+ properties.baseLink +properties.searchLinkToDataProvider +datasourceId"
2019-07-22 11:16:50 +02:00
type="datasource"
[otherURL]="(dataProviderInfo.openDoarId)?(properties.openDoarURL+dataProviderInfo.openDoarId):((dataProviderInfo.r3DataId)?properties.r3DataURL+dataProviderInfo.r3DataId:nul)">< / schema2jsonld >
2018-11-12 16:36:20 +01:00
2020-03-16 14:09:46 +01:00
< landing-header [ properties ] = " properties " [ title ] = " dataProviderInfo . title . name "
[subTitle]="(dataProviderInfo.officialName
& & dataProviderInfo.title.name !== dataProviderInfo.officialName)?dataProviderInfo.officialName:null"
[types]="dataProviderInfo.type ? [dataProviderInfo.type] : null">
< / landing-header >
2017-12-19 13:53:46 +01:00
2020-03-16 14:09:46 +01:00
<!-- Web Page -->
< div class = "uk-margin-top uk-margin-bottom" >
< div * ngIf = "dataProviderInfo.title && dataProviderInfo.title.url" >
< span class = "uk-text-muted" > Web page: < / span >
2020-11-27 11:42:30 +01:00
< a [ href ] = " dataProviderInfo . title . url " target = "_blank" >
2020-03-16 14:09:46 +01:00
< span > {{dataProviderInfo.title.url}}< / span >
< span class = "custom-external custom-icon space" > < / span >
< / a >
< / div >
<!-- Labels -->
< div class = "uk-margin-small-top" >
< span * ngIf = "dataProviderInfo.compatibility" class = "uk-label custom-label label-compatibility"
title="Compatibility">
< a * ngIf = "!dataProviderInfo.compatibility.name && dataProviderInfo.compatibility.id"
[queryParams]="{datasourceId: dataProviderInfo.compatibility.id}" routerLinkActive="router-link-active"
2020-07-13 16:42:34 +02:00
[routerLink]="properties.searchLinkToDataProvider.split('?')[0]">
2020-03-16 14:09:46 +01:00
{{dataProviderInfo.compatibility.info}}
< / a >
< span * ngIf = "dataProviderInfo.compatibility.name || !dataProviderInfo.compatibility.id" >
{{dataProviderInfo.compatibility.info}}
< / span >
< a * ngIf = "dataProviderInfo.compatibility.name && dataProviderInfo.compatibility.id"
[queryParams]="{datasourceId: dataProviderInfo.compatibility.id}" routerLinkActive="router-link-active"
2020-07-13 16:42:34 +02:00
[routerLink]="properties.searchLinkToDataProvider.split('?')[0]">
2020-03-16 14:09:46 +01:00
{{dataProviderInfo.compatibility.name}}
< / a >
< span * ngIf = "dataProviderInfo.compatibility.name && !dataProviderInfo.compatibility.id" >
{{dataProviderInfo.compatibility.name}}
< / span >
< / span > {{" "}}
< span * ngIf = "dataProviderInfo.aggregationStatus && dataProviderInfo.aggregationStatus.fulltexts && dataProviderInfo.aggregationStatus.fulltexts > 0"
class="uk-label custom-label label-dataprovider ">OpenAIRE Text Mining
< / span > {{" "}}
2020-05-05 16:09:18 +02:00
< span * ngIf = "dataProviderInfo.countries & &
2020-03-16 14:09:46 +01:00
removeUnknown(dataProviderInfo.countries).length > 0">
< ng-container * ngFor = "let country of removeUnknown(dataProviderInfo.countries)" >
< span class = "uk-label custom-label label-country" title = "Country" > {{country}}< / span >
{{' '}}
< / ng-container >
< / span >
< / div >
< / div >
< / div >
2018-06-06 12:09:56 +02:00
2020-05-26 22:36:14 +02:00
< div class = "uk-width-1-3@m uk-width-1-1@s uk-padding-remove" >
< ul class = "user-actions uk-list uk-card uk-card-default uk-padding" >
< li > < addThis > < / addThis > < / li >
2020-05-05 12:37:36 +02:00
<!-- Metrics -->
2020-05-26 22:36:14 +02:00
< li * ngIf = "hasMetrics" class = "uk-margin-medium-top" >
< div class = "uk-text-center uk-flex uk-flex-middle uk-flex-center" >
2020-11-25 17:09:36 +01:00
< div [ class . uk-hidden ] = " ! ( totalViews & & totalDownloads & & pageViews ) " >
2020-05-05 12:37:36 +02:00
< metrics [ pageViews ] = " pageViews "
[id]="datasourceId" [entityType]="'datasources'" [entity]="'Content Provider'"
[viewsFrameUrl]="viewsFrameUrl" [downloadsFrameUrl]="downloadsFrameUrl"
(metricsResults)="metricsResults($event)" [properties]=properties>
< / metrics >
< / div >
< / div >
2020-05-26 22:36:14 +02:00
< / li >
< / ul >
< / div >
< / div >
< div * ngIf = "dataProviderInfo != null" >
2020-05-29 16:15:35 +02:00
<!-- *ngIf="numberOfTabs > 0; else loadingBlock" -->
< div class = "main-tabs-div" >
2020-05-26 22:36:14 +02:00
< ng-template # summary_tab >
< div class = "uk-grid uk-margin-remove" >
2020-05-29 16:15:35 +02:00
< div * ngIf = "hasPrimaryInfo || (!aggregationStatusIsInitialized || hasAggregationStatusInfo)"
class="uk-width-expand uk-padding uk-inline">
2020-05-26 22:36:14 +02:00
<!-- Description -->
< div * ngIf = "dataProviderInfo.description" class = "uk-margin-medium-bottom" >
< div class = "uk-text-muted" > Description< / div >
< div class = "uk-text-justify uk-height-max-medium uk-overflow-auto" >
< span > {{dataProviderInfo.description.substring(0, showNumDescription)}}< / span >
< span * ngIf = "showNumDescription = = thresholdDescription & &
dataProviderInfo.description.length > thresholdDescription">...< / span >
< / div >
< div * ngIf = "showNumDescription = = thresholdDescription & &
dataProviderInfo.description.length > thresholdDescription" class="uk-text-right">
< a ( click ) = " showNumDescription = dataProviderInfo.description.length;" >
Read more
< / a >
< / div >
< div * ngIf = "dataProviderInfo.description && showNumDescription > thresholdDescription"
class="uk-text-right">
< a ( click ) = " showNumDescription = thresholdDescription;" >
Read less
< / a >
< / div >
< / div >
< ul * ngIf = "hasJournalInfo" class = "uk-list uk-margin-medium-bottom uk-margin-remove-top" >
< showPublisher [ journal ] = " dataProviderInfo . journal " [ properties ] = " properties " > < / showPublisher >
< / ul >
< div * ngIf = "hasAggregationStatusInfo"
class="uk-margin-medium-bottom uk-animation-fade uk-animation-fast">
< span * ngIf = "dataProviderInfo.aggregationStatus.fulltexts && dataProviderInfo.aggregationStatus.fulltexts != -1"
class="uk-margin-right">
< span class = "uk-text-muted" > Collected full-texts: < / span >
{{dataProviderInfo.aggregationStatus.fulltexts | number}}
< / span >
< span * ngIf = "dataProviderInfo.aggregationStatus.fundedContent && dataProviderInfo.aggregationStatus.fundedContent != -1"
class="uk-display-inline-block">
< span class = "uk-text-muted" > Results with funding information: < / span >
{{dataProviderInfo.aggregationStatus.fundedContent | number}}
< / span >
< span * ngIf = "dataProviderInfo.aggregationStatus.lastUpdateDate"
class="uk-display-inline-block">
< span class = "uk-text-muted" > Latest data aggregation: < / span >
{{dataProviderInfo.aggregationStatus.lastUpdateDate | date}}
< / span >
< / div >
2020-05-29 16:15:35 +02:00
< div * ngIf = "!aggregationStatusIsInitialized"
class="uk-animation-fade uk-margin-top uk-width-1-1" role="alert">
< span class = "loading-gif uk-align-center" > < / span >
< / div >
2020-05-26 22:36:14 +02:00
< div * ngIf = "dataProviderInfo.countries != undefined && dataProviderInfo.countries.length > 0"
class="uk-margin-medium-bottom">
< span class = "uk-text-muted" > Countries:< / span >
{{dataProviderInfo.countries.join(", ")}}
< / div >
<!-- Subjects -->
< div * ngIf = "dataProviderInfo.subjects && dataProviderInfo.subjects.length > 0"
class="uk-margin-medium-bottom uk-margin-bottom">
< div class = "uk-height-max-medium uk-overflow-auto" >
< div class = "uk-text-muted" > Subjects < / div >
< span * ngFor = "let subject of dataProviderInfo.subjects.slice(0, showNumSubjects) let i=index" >
< span > {{subject}}< / span >
< span * ngIf = "(i < dataProviderInfo.subjects.length-1)" > , < / span >
< / span >
< span * ngIf = "showNumSubjects == thresholdSubjects && dataProviderInfo.organizations.length > thresholdSubjects" > ... < / span >
< / div >
< div * ngIf = "showNumSubjects == thresholdSubjects && dataProviderInfo.organizations.length > thresholdSubjects"
class="uk-width-1-1 uk-text-right">
< a ( click ) = " showNumSubjects = dataProviderInfo.subjects.length;" >
View all {{dataProviderInfo.subjects.length | number}} subjects
< / a >
< / div >
< div * ngIf = "showNumSubjects > thresholdSubjects" class = "uk-width-1-1 uk-text-right" >
< a ( click ) = " showNumSubjects = thresholdSubjects;" > View less subjects< / a >
< / div >
< / div >
< / div >
< div * ngIf = "hasSecondaryInfo"
[class]="'uk-padding uk-inline ' + (hasPrimaryInfo?'uk-width-1-3@m right-column': 'uk-width-expand')">
< div * ngIf = "dataProviderInfo.oaiPmhURL || dataProviderInfo.openDoarId || dataProviderInfo.r3DataId"
class="uk-margin-medium-bottom">
< div * ngIf = "dataProviderInfo.oaiPmhURL" >
< span class = "uk-text-muted" > OAI-PMH: < / span >
< a target = "_blank" href = "{{dataProviderInfo.oaiPmhURL}}" >
{{dataProviderInfo.oaiPmhURL}}
< span class = "custom-external custom-icon space" > < / span >
< / a >
< / div >
< div * ngIf = "dataProviderInfo.openDoarId" class = "uk-display-inline-block" >
< span class = "uk-text-muted" > Detailed information @ < / span >
< a target = "_blank" href = "{{properties.openDoarURL+dataProviderInfo.openDoarId}}" >
OpenDOAR
< span class = "custom-external custom-icon space" > < / span >
< / a >
< / div >
< span * ngIf = "dataProviderInfo.r3DataId" class = "uk-display-inline-block" >
< span class = "uk-text-muted" > Detailed information @ < / span >
< a target = "_blank" href = "{{properties.r3DataURL+dataProviderInfo.r3DataId}}" >
re3data.org
< span class = "custom-external custom-icon space" > < / span >
< / a >
< / span >
< / div >
<!-- Organizations -->
<!-- <div class="uk - text - muted uk - text - small">Organizations</div> -->
<!-- <div class="uk - height - max - medium uk - overflow - auto"> -->
< div * ngIf = "dataProviderInfo.organizations && dataProviderInfo.organizations.length > 0"
class="uk-margin-medium-bottom">
< div class = "uk-height-max-medium uk-overflow-auto" >
< span class = "uk-text-muted" > Organizations: < / span >
< span * ngFor = "let organization of dataProviderInfo.organizations.slice(0, showNumOrganizations) let i=index"
[attr.uk-tooltip]="organization.acronym & & organization.name ? 'pos:right; delay:10' : 'cls: uk-invisible'"
[title]="organization.name">
< a * ngIf = "organization.id"
[queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active"
2020-07-13 16:42:34 +02:00
[routerLink]="properties.searchLinkToOrganization.split('?')[0]">
2020-05-26 22:36:14 +02:00
< u > {{(organization.acronym) ? organization.acronym : ''}}< / u >
< u > {{(!organization.acronym & & organization.name) ? organization.name : ''}}< / u >
< / a >
< span * ngIf = "!organization.id" >
< span * ngIf = "organization.acronym" > {{organization.acronym}}< / span >
< span * ngIf = "!organization.acronym && organization.name" > {{organization.name}}< / span >
< span * ngIf = "(i < dataProviderInfo.organizations.length-1)" > ,< / span >
< / span >
< span * ngIf = "(i < dataProviderInfo.organizations.length-1)" > , < / span >
< / span >
< span * ngIf = "showNumOrganizations == thresholdOrganizations && dataProviderInfo.organizations.length > thresholdOrganizations" > ... < / span >
< / div >
< div * ngIf = "showNumOrganizations == thresholdOrganizations && dataProviderInfo.organizations.length > thresholdOrganizations"
class="uk-width-1-1 uk-text-right">
< a ( click ) = " showNumOrganizations = dataProviderInfo.organizations.length;" >
View all {{dataProviderInfo.organizations.length | number}} organizations
< / a >
< / div >
< div * ngIf = "showNumOrganizations > thresholdOrganizations" class = "uk-width-1-1 uk-text-right" >
< a ( click ) = " showNumOrganizations = thresholdOrganizations;" > View less organizations< / a >
< / div >
< / div >
2020-05-29 16:15:35 +02:00
< / div >
< div * ngIf = "!hasPrimaryInfo && (aggregationStatusIsInitialized && !hasAggregationStatusInfo) && !hasSecondaryInfo" class = "uk-width-expand uk-padding" >
< div class = "uk-animation-fade uk-alert uk-alert-primary" role = "alert" >
No summary information available
< / div >
2020-05-26 22:36:14 +02:00
< / div >
2020-05-05 12:37:36 +02:00
< / div >
2020-05-26 22:36:14 +02:00
< / ng-template >
< ng-template # projects_tab >
< div class = "uk-grid uk-margin-remove" >
< div class = "uk-width-expand uk-padding" >
2020-05-31 15:44:52 +02:00
< search-tab [ fetch ] = " fetchProjects " resultType = "project"
[params]="getParamsForSearchLink()"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedProjects"
[properties]="properties">
< / search-tab >
2020-05-26 22:36:14 +02:00
< / div >
2020-05-31 15:44:52 +02:00
<!-- <div class="uk - width - 1 - 3@m uk - padding right - column"></div> -->
2020-05-26 22:36:14 +02:00
< / div >
< / ng-template >
< ng-template # datasources_tab >
< div class = "uk-grid uk-margin-remove" >
< div class = "uk-width-expand uk-padding" >
2020-05-31 15:44:52 +02:00
< search-tab [ fetch ] = " fetchDataproviders " resultType = "dataprovider"
[params]="getParamsForSearchLink()"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedDataProviders"
[properties]="properties">
< / search-tab >
2020-05-26 22:36:14 +02:00
< / div >
2020-05-31 15:44:52 +02:00
<!-- <div class="uk - width - 1 - 3@m uk - padding right - column"></div> -->
2020-05-26 22:36:14 +02:00
< / div >
< / ng-template >
< ng-template # relatedDatasources_tab >
< div class = "uk-grid uk-margin-remove" >
< div class = "uk-width-expand uk-padding" >
< relatedDatasourcesTab
[dataproviderId]="datasourceId"
[results]="dataProviderInfo.relatedDatasources"
[loading]="loadingRelatedDatasources"
[fetchResults]="fetchAggregatorsResults"
[collectedFromName]="dataProviderInfo.title.name"
[properties]=properties
[modal]="relatedDatasourcesModal">
< / relatedDatasourcesTab >
< / div >
< / div >
< / ng-template >
< ng-template # publications_tab >
< div class = "uk-grid uk-margin-remove" >
< div class = "uk-width-expand uk-padding" >
2020-05-31 15:44:52 +02:00
< search-tab [ fetch ] = " fetchPublications " resultType = "publication"
[params]="getParamsForSearchLink('publications')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
[properties]="properties">
< / search-tab >
2020-05-26 22:36:14 +02:00
< / div >
2020-05-31 15:44:52 +02:00
<!-- <div class="uk - width - 1 - 3@m uk - padding right - column"></div> -->
2020-05-26 22:36:14 +02:00
< / div >
< / ng-template >
< ng-template # datasets_tab >
< div class = "uk-grid uk-margin-remove" >
< div class = "uk-width-expand uk-padding" >
2020-05-31 15:44:52 +02:00
< search-tab [ fetch ] = " fetchDatasets " resultType = "dataset"
[params]="getParamsForSearchLink('datasets')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
[properties]="properties">
< / search-tab >
2020-05-26 22:36:14 +02:00
< / div >
2020-05-31 15:44:52 +02:00
<!-- <div class="uk - width - 1 - 3@m uk - padding right - column"></div> -->
2020-05-26 22:36:14 +02:00
< / div >
< / ng-template >
< ng-template # software_tab >
< div class = "uk-grid uk-margin-remove" >
< div class = "uk-width-expand uk-padding" >
2020-05-31 15:44:52 +02:00
< search-tab [ fetch ] = " fetchSoftware " resultType = "software"
[params]="getParamsForSearchLink('software')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
[properties]="properties">
< / search-tab >
2020-05-26 22:36:14 +02:00
< / div >
2020-05-31 15:44:52 +02:00
<!-- <div class="uk - width - 1 - 3@m uk - padding right - column"></div> -->
2020-05-26 22:36:14 +02:00
< / div >
< / ng-template >
< ng-template # other_tab >
< div class = "uk-grid uk-margin-remove" >
< div class = "uk-width-expand uk-padding" >
2020-05-31 15:44:52 +02:00
< search-tab [ fetch ] = " fetchOrps " resultType = "other"
[params]="getParamsForSearchLink('other')"
[searchLinkToAdvancedPage]="properties.searchLinkToAdvancedResults"
[properties]="properties">
< / search-tab >
2020-05-26 22:36:14 +02:00
< / div >
2020-05-31 15:44:52 +02:00
<!-- <div class="uk - width - 1 - 3@m uk - padding right - column"></div> -->
2020-05-26 22:36:14 +02:00
< / div >
< / ng-template >
< ng-template # statistics_tab >
< div class = "" >
< div class = "uk-width-expand uk-padding" >
< errorMessages [ status ] = " [ fetchPublications . searchUtils . status , fetchDatasets . searchUtils . status ,
fetchSoftware.searchUtils.status, fetchOrps.searchUtils.status]"
[type]="'statistics'" tab_error_class=true>< / errorMessages >
< div
*ngIf="statsClicked & &
(fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE
|| fetchSoftware.searchUtils.status == errorCodes.DONE || fetchOrps.searchUtils.status == errorCodes.DONE)">
< statisticsTab [ fetchPublications ] = " fetchPublications " [ fetchDatasets ] = " fetchDatasets "
[fetchSoftware]="fetchSoftware" [fetchOther]="fetchOrps"
[datasourceId]="datasourceId">
< / statisticsTab >
< / div >
< / div >
< / div >
< / ng-template >
2020-05-29 16:15:35 +02:00
<!-- [class]="numberOfTabs > 2 ? 'uk - visible@m' : ''" -->
< my-tabs ( selectedActiveTab ) = " onSelectActiveTab ( $ event ) " >
<!-- *ngIf="hasPrimaryInfo || hasSecondaryInfo" -->
<!-- [class]="(firstTab === 'summary')?'uk - active':''" -->
< my-tab
[tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "summary_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'projects')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchProjects.searchUtils.totalResults > 0"
[tabTitle]="'Projects'" [tabNumber]="fetchProjects.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'projects'" >
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "projects_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'datasources')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchDataproviders.searchUtils.totalResults > 0"
[tabTitle]="'Content Providers'" [tabNumber]="fetchDataproviders.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'datasources'" >
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "datasources_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'relatedDatasources')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)"
[tabTitle]="'Related Content Providers'" [tabId]="'relatedDatasources'"
2020-05-29 16:15:35 +02:00
>
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "relatedDatasources_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'publications')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchPublications.searchUtils.totalResults > 0"
[tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'publications'" >
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "publications_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'datasets')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchDatasets.searchUtils.totalResults > 0"
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'datasets'" >
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "datasets_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'software')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchSoftware.searchUtils.totalResults > 0"
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'software'">
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "software_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'other')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchOrps.searchUtils.totalResults > 0"
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'other'">
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "other_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'statistics')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)"
[tabTitle]="'Statistics'" [statistics]="true" [tabId]="'statistics'"
2020-05-29 16:15:35 +02:00
>
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "statistics_tab;" > < / ng-container >
< / my-tab >
< / my-tabs >
2020-05-29 16:15:35 +02:00
<!-- <div *ngIf="numberOfTabs() > 2">TEST!!!</div> -->
<!-- *ngIf="numberOfTabs > 2" -->
< my-small-tabs ( selectedActiveTab ) = " onSelectActiveTab ( $ event ) " >
<!-- *ngIf="hasPrimaryInfo || hasSecondaryInfo" -->
<!-- [class]="(firstTab === 'summary')?'uk - active':''" -->
< my-tab
[tabTitle]="'Summary'" [tabId]="'summary'" class="uk-active">
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "summary_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'projects')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchProjects.searchUtils.totalResults > 0"
[tabTitle]="'Projects'" [tabNumber]="fetchProjects.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'projects'" >
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "projects_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'datasources')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchDataproviders.searchUtils.totalResults > 0"
[tabTitle]="'Content Providers'" [tabNumber]="fetchDataproviders.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'datasources'" >
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "datasources_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'relatedDatasources')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)"
[tabTitle]="'Related Content Providers'" [tabId]="'relatedDatasources'"
2020-05-29 16:15:35 +02:00
>
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "relatedDatasources_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'publications')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchPublications.searchUtils.totalResults > 0"
[tabTitle]="'Publications'" [tabNumber]="fetchPublications.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'publications'" >
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "publications_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'datasets')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchDatasets.searchUtils.totalResults > 0"
[tabTitle]="'Research Data'" [tabNumber]="fetchDatasets.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'datasets'" >
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "datasets_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'software')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchSoftware.searchUtils.totalResults > 0"
[tabTitle]="'Software'" [tabNumber]="fetchSoftware.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'software'">
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "software_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'other')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "fetchOrps.searchUtils.totalResults > 0"
[tabTitle]="'Other Research'" [tabNumber]="fetchOrps.searchUtils.totalResults"
2020-05-29 16:15:35 +02:00
[tabId]="'other'">
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "other_tab;" > < / ng-container >
< / my-tab >
2020-05-29 16:15:35 +02:00
<!-- [class]="(firstTab === 'statistics')?'uk - active':''" -->
2020-05-26 22:36:14 +02:00
< my-tab * ngIf = "(fetchPublications.searchUtils.totalResults > 0 || fetchDatasets.searchUtils.totalResults > 0
|| fetchSoftware.searchUtils.totalResults > 0 || fetchOrps.searchUtils.totalResults > 0)"
[tabTitle]="'Statistics'" [statistics]="true" [tabId]="'statistics'"
2020-05-29 16:15:35 +02:00
>
2020-05-26 22:36:14 +02:00
< ng-container * ngTemplateOutlet = "statistics_tab;" > < / ng-container >
< / my-tab >
< / my-small-tabs >
< / div >
2020-05-29 16:15:35 +02:00
<!-- <ng - template #loadingBlock> -->
<!-- <div *ngIf="!tabsAreInitialized" class="uk - animation - fade uk - margin - top uk - width - 1 - 1" role="alert"> -->
<!-- <span class="loading - gif uk - align - center" ></span> -->
<!-- </div> -->
<!-- </ng - template> -->
2020-05-26 22:36:14 +02:00
< div class = "uk-margin-small-top uk-flex" >
<!-- Last Index Info -->
< div class = "uk-width-2-3@m uk-width-1-2" >
< img src = "assets/common-assets/graph.svg" style = "opacity: 0.4" >
2020-11-24 09:21:36 +01:00
< span class = "uk-margin-small-left uk-text-baseline uk-text-muted" > Powered by < a href = "https://graph.openaire.eu" class = "graph-color" > OpenAIRE Research Graph< / a > < / span >
2020-06-10 13:05:59 +02:00
< span * ngIf = "indexUpdateDate" class = "uk-text-baseline uk-text-muted" >
2020-05-26 22:36:14 +02:00
. Last update of records in OpenAIRE: {{indexUpdateDate | date: 'MMM dd, yyyy'}}
< / span >
< / div >
<!-- Feedback -->
< div class = "uk-width-expand uk-text-right" >
< span class = "uk-text-muted" > Any information missing or wrong?< / span >
< a ( click ) = " showFeedback = true; scroll ( ) " class = "portal-link space" > Report an Issue< / a >
2017-12-19 13:53:46 +01:00
< / div >
< / div >
< / div >
2019-07-23 16:04:49 +02:00
< helper * ngIf = "pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
[texts]="pageContents['bottom']">< / helper >
2017-12-19 13:53:46 +01:00
< / div >
< / div >
< / div >
2020-03-27 11:06:09 +01:00
< feedback * ngIf = "dataProviderInfo" [ dataProviderInfo ] = " dataProviderInfo "
2020-03-16 14:09:46 +01:00
[properties]="properties" [entityType]="'content provider'" [fields]="feedbackFields"
[showForm]="showFeedback" (show)="showFeedback = $event">< / feedback >
2017-12-19 13:53:46 +01:00
< / div >