360 lines
22 KiB
HTML
360 lines
22 KiB
HTML
<div id="tm-main" class=" uk-section uk-margin-small-top tm-middle" >
|
|
<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 ">
|
|
|
|
<div class="uk-container uk-margin-top datasource">
|
|
<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"><img class="loading-gif uk-align-center" ></div>
|
|
|
|
<div *ngIf="dataProviderInfo != null" uk-grid class="uk-grid-large">
|
|
|
|
<div class="uk-width-expand@m uk-width-1-1@s">
|
|
<!--h3 *ngIf="dataProviderInfo.title != null">
|
|
<a *ngIf="dataProviderInfo.title['url'] != undefined && dataProviderInfo.title['url'] != null"
|
|
href="{{dataProviderInfo.title['url']}}" target="_blank" class="custom-external">
|
|
{{dataProviderInfo.title['name']}}
|
|
</a>
|
|
<p *ngIf="dataProviderInfo.title['url'] == undefined || dataProviderInfo.title['url'] == null">
|
|
{{dataProviderInfo.title['name']}}
|
|
</p>
|
|
</h3-->
|
|
<showTitle [title]="dataProviderInfo.title"></showTitle>
|
|
<div class="uk-text-large " *ngIf="dataProviderInfo.officialName && this.dataProviderInfo.title.name != dataProviderInfo.officialName ">{{dataProviderInfo.officialName}}</div>
|
|
|
|
<span *ngIf="dataProviderInfo.type" class="uk-label custom-label label-type label-dataprovider " title="Type">{{dataProviderInfo.type}}</span>
|
|
<span *ngIf="dataProviderInfo.compatibility" class="uk-label custom-label label-compatibility " title="Compatibility">{{dataProviderInfo.compatibility}}</span>
|
|
|
|
<ul class="uk-list">
|
|
<li *ngIf="dataProviderInfo.aggregationStatus && dataProviderInfo.aggregationStatus.fundedContent != -1"><span class="uk-text-bold">Results with funding information: </span>
|
|
{{dataProviderInfo.aggregationStatus.fundedContent | number}}
|
|
</li>
|
|
<li *ngIf="dataProviderInfo.aggregationStatus && dataProviderInfo.aggregationStatus.indexRecords != -1"><span class="uk-text-bold">Collected full-texts: </span>
|
|
{{dataProviderInfo.aggregationStatus.indexRecords | number}}
|
|
</li>
|
|
<li *ngIf="dataProviderInfo.oaiPmhURL"><span class="uk-text-bold">OAI-PMH: </span>
|
|
<span class="uk-button-text">
|
|
<a target="_blank" href="{{dataProviderInfo.oaiPmhURL}}">
|
|
{{dataProviderInfo.oaiPmhURL}}
|
|
</a>
|
|
</span>
|
|
|
|
</li>
|
|
<li *ngIf="dataProviderInfo.openDoarURL">
|
|
<span class="uk-button-text">
|
|
<a target="_blank" href="{{dataProviderInfo.openDoarURL}}">
|
|
Detailed content provider information (OpenDOAR)
|
|
</a>
|
|
</span>
|
|
|
|
</li>
|
|
<li *ngIf="dataProviderInfo.r3DataURL">
|
|
<span class="uk-button-text">
|
|
<a target="_blank" href="{{dataProviderInfo.r3DataURL}}">
|
|
Detailed content provider information (Re3data)
|
|
</a>
|
|
</span>
|
|
|
|
</li>
|
|
|
|
<li *ngIf="dataProviderInfo.countries != undefined && dataProviderInfo.countries.length > 0"><span class="uk-text-bold">Countries: </span>{{dataProviderInfo.countries.join(", ")}}</li>
|
|
</ul>
|
|
|
|
<!--tabs [id] = "datasourceId"
|
|
[name] = "dataProviderInfo.title['name']"
|
|
[resultsBy] = "dataProviderInfo.resultsBy"
|
|
[tabs]="dataProviderInfo.tabs"
|
|
[statistics]="dataProviderInfo.statistics"
|
|
[organizations]="dataProviderInfo.organizations"
|
|
[_dataproviderService]="_dataproviderService">
|
|
</tabs-->
|
|
<div *ngIf="showTabs">
|
|
|
|
<!--ul *ngIf="dataProviderInfo.tabs != undefined" class="uk-tab uk-visible@xl" uk-tab="connect: #tab-content">
|
|
<li *ngFor="let tab of dataProviderInfo.tabs; let i=index" id="{{dataProviderInfo.tabs[i].content}}"
|
|
[class]="activeTab==tab.name?'uk-active':''">
|
|
<a
|
|
(click)="search(tab.content, 1, 10); activeTab=tab.name">
|
|
{{tab.name}}
|
|
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='publicationsTab'">
|
|
{{fetchPublications.searchUtils.totalResults | number}}
|
|
</span>
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasetsTab'">
|
|
{{fetchDatasets.searchUtils.totalResults | number}}
|
|
</span>
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='softwareTab'">
|
|
{{fetchSoftware.searchUtils.totalResults | number}}
|
|
</span>
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='projectsTab'">
|
|
{{fetchProjects.searchUtils.totalResults | number}}
|
|
</span>
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasourcesTab'">
|
|
{{fetchDataproviders.searchUtils.totalResults | number}}
|
|
</span>
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='organizationsTab'">
|
|
{{dataProviderInfo.organizations.length | number}}
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<button class="uk-button uk-button-default uk-hidden@xl" type="button">
|
|
<span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>
|
|
</button>
|
|
|
|
<ul *ngIf="dataProviderInfo.tabs != undefined" id="toggle-small-tabs" class="uk-subnav uk-subnav-pill uk-dropdown uk-hidden@xl" uk-switcher="connect: #tab-content" uk-dropdown="mode: click" uk-toggle="target: #toggle-small-tabs">
|
|
<li *ngFor="let tab of dataProviderInfo.tabs; let i=index" id="{{dataProviderInfo.tabs[i].content}}"
|
|
[class]="activeTab==tab.name?'uk-active':''">
|
|
<a
|
|
(click)="search(tab.content, 1, 10); activeTab=tab.name">
|
|
{{tab.name}}
|
|
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='publicationsTab'">
|
|
{{fetchPublications.searchUtils.totalResults | number}}
|
|
</span>
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasetsTab'">
|
|
{{fetchDatasets.searchUtils.totalResults | number}}
|
|
</span>
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='softwareTab'">
|
|
{{fetchSoftware.searchUtils.totalResults | number}}
|
|
</span>
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='projectsTab'">
|
|
{{fetchProjects.searchUtils.totalResults | number}}
|
|
</span>
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasourcesTab'">
|
|
{{fetchDataproviders.searchUtils.totalResults | number}}
|
|
</span>
|
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='organizationsTab'">
|
|
{{dataProviderInfo.organizations.length | number}}
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul-->
|
|
<ul class="custom-accordion" uk-accordion *ngIf="dataProviderInfo.tabs2 != undefined">
|
|
|
|
<li *ngIf="dataProviderInfo.tabs2.indexOf('Publications') != -1" (click)="search('publicationsTab', 1, 10); activeTab='Publications'">
|
|
<a class="uk-accordion-title" href="#">Publications
|
|
<span class="uk-badge uk-badge-notification">
|
|
{{fetchPublications.searchUtils.totalResults | number}}
|
|
</span>
|
|
</a>
|
|
<div class="uk-accordion-content">
|
|
<publicationsTab *ngIf="activeTab=='Publications'"
|
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
[fetchPublications] = "fetchPublications" [(properties)]=properties>
|
|
</publicationsTab>
|
|
</div>
|
|
</li>
|
|
<li *ngIf="dataProviderInfo.tabs2.indexOf('Research Data') != -1" (click)="search('datasetsTab', 1, 10); activeTab='Research Data'">
|
|
<a class="uk-accordion-title" href="#">Research Data</a>
|
|
<div class="uk-accordion-content">
|
|
<p>
|
|
<datasetsTab *ngIf="activeTab=='Research Data'"
|
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
[fetchDatasets]="fetchDatasets" [(properties)]=properties>
|
|
</datasetsTab>
|
|
</p>
|
|
</div>
|
|
</li>
|
|
|
|
<li *ngIf="dataProviderInfo.tabs2.indexOf('Software') != -1" (click)="search('softwareTab', 1, 10); activeTab='Software'">
|
|
<a class="uk-accordion-title" href="#">Software</a>
|
|
<div class="uk-accordion-content">
|
|
<softwareTab *ngIf="activeTab=='Software'"
|
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
[fetchSoftware]="fetchSoftware" [(properties)]=properties>
|
|
</softwareTab>
|
|
</div>
|
|
</li>
|
|
<li *ngIf="dataProviderInfo.tabs2.indexOf('Projects') != -1" (click)="search('projectsTab', 1, 10); activeTab='Projects'">
|
|
<a class="uk-accordion-title" href="#">Projects</a>
|
|
<div class="uk-accordion-content">
|
|
<projectsTab *ngIf="activeTab=='Projects'"
|
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
[fetchProjects]="fetchProjects" [(properties)]=properties>
|
|
</projectsTab>
|
|
</div>
|
|
</li>
|
|
<li *ngIf="dataProviderInfo.tabs2.indexOf('Content Providers') != -1" (click)="search('datasourcesTab', 1, 10); activeTab='Content Providers'">
|
|
<a class="uk-accordion-title" href="#">Content Providers</a>
|
|
<div class="uk-accordion-content">
|
|
<datasourcesTab *ngIf="activeTab=='Content Providers'"
|
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
[fetchDataproviders]="fetchDataproviders" [(properties)]=properties>
|
|
</datasourcesTab>
|
|
</div>
|
|
</li>
|
|
<li *ngIf="dataProviderInfo.tabs2.indexOf('Organizations') != -1" (click)="search('organizationsTab', 1, 10); activeTab='Organizations'">
|
|
<a class="uk-accordion-title" href="#">Organizations</a>
|
|
<div class="uk-accordion-content">
|
|
<organizationsTab *ngIf="activeTab=='Organizations'"
|
|
[organizations]="dataProviderInfo.organizations">
|
|
</organizationsTab>
|
|
</div>
|
|
</li>
|
|
<li *ngIf="dataProviderInfo.tabs2.indexOf('Related Content Providers') != -1" (click)="search('relatedDatasourcesTab', 1, 10); activeTab='Related Content Providers'">
|
|
<a class="uk-accordion-title" href="#">Related Content Providers</a>
|
|
<div class="uk-accordion-content">
|
|
<relatedDatasourcesTab *ngIf="activeTab=='Related Content Providers'"
|
|
[dataproviderId]="datasourceId"
|
|
[results]="dataProviderInfo.relatedDatasources"
|
|
[loading]="loadingRelatedDatasources"
|
|
[fetchPublications]="fetchAggregatorsPublications"
|
|
[fetchDatasets]="fetchAggregatorsDatasets" [(properties)]=properties>
|
|
</relatedDatasourcesTab>
|
|
</div>
|
|
</li>
|
|
<li *ngIf="dataProviderInfo.tabs2.indexOf('Statistics') != -1" (click)="search('statisticsTab', 1, 10); activeTab='Statistics'">
|
|
<a class="uk-accordion-title" href="#">Statistics</a>
|
|
<div class="uk-accordion-content">
|
|
<div *ngIf="activeTab=='Statistics' && statsClicked">
|
|
|
|
<errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status]" [type]="'statistics'"></errorMessages>
|
|
|
|
<div *ngIf="(fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">
|
|
<p class="uk-text-bold">Latest Research Result Timeline</p>
|
|
<i-frame [url]=docsTimelineUrl width="800" height="350"></i-frame>
|
|
<p class="uk-text-bold">Research Result Types</p>
|
|
<i-frame [url]=docsTypesUrl width="800" height="350"></i-frame>
|
|
</div>
|
|
|
|
|
|
<div *ngIf="fetchPublications.searchUtils.totalResults > 0 || (fetchDatasets.searchUtils.totalResults > 0)">
|
|
|
|
<p class="uk-text-bold">Funders in Research Results of content provider</p>
|
|
<i-frame [url]=docsFunderUrl width="800" height="350"></i-frame>
|
|
|
|
</div>
|
|
<div *ngIf="fetchPublications.searchUtils.totalResults > 0 ">
|
|
<p class="uk-text-bold">Projects with most Publications</p>
|
|
<i-frame [url]=pubsProjectsUrl width="800" height="350"></i-frame>
|
|
</div>
|
|
<div *ngIf="(fetchDatasets.searchUtils.totalResults > 0)">
|
|
<div>
|
|
<p class="uk-text-bold">Projects with most Research Data</p>
|
|
<i-frame [url]=dataProjectsUrl width="800" height="350"></i-frame>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
|
|
|
|
<li *ngIf="dataProviderInfo.tabs2.indexOf('Metrics') != -1" (click)="search('metricsTab', 1, 10); activeTab='Metrics'">
|
|
<a class="uk-accordion-title" href="#">Metrics</a>
|
|
<div class="uk-accordion-content">
|
|
<metrics *ngIf="activeTab=='Metrics'" [pageViews]="pageViews"
|
|
[id]="datasourceId" [entityType]="'datasources'" [entity]="'Content Provider'"
|
|
(metricsResults)="metricsResults($event)" [(properties)] = properties>
|
|
</metrics>
|
|
<i-frame *ngIf="activeTab=='Metrics' && metricsClicked && totalViews > 0"
|
|
[url]=viewsFrameUrl width="100%" height="250">
|
|
</i-frame>
|
|
<i-frame *ngIf="activeTab=='Metrics' && metricsClicked && totalDownloads > 0"
|
|
[url]=downloadsFrameUrl width="100%" height="250">
|
|
</i-frame>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
<!--div *ngIf="dataProviderInfo.tabs != undefined" class="uk-margin custom-tab-content">
|
|
|
|
<div class="uk-animation-fade">
|
|
<publicationsTab *ngIf="activeTab=='Publications'"
|
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
[fetchPublications] = "fetchPublications" [(properties)]=properties>
|
|
</publicationsTab>
|
|
<datasetsTab *ngIf="activeTab=='Research Data'"
|
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
[fetchDatasets]="fetchDatasets" [(properties)]=properties>
|
|
</datasetsTab>
|
|
<softwareTab *ngIf="activeTab=='Software'"
|
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
[fetchSoftware]="fetchSoftware" [(properties)]=properties>
|
|
</softwareTab>
|
|
<projectsTab *ngIf="activeTab=='Projects'"
|
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
[fetchProjects]="fetchProjects" [(properties)]=properties>
|
|
</projectsTab>
|
|
<datasourcesTab *ngIf="activeTab=='Content Providers'"
|
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
[fetchDataproviders]="fetchDataproviders" [(properties)]=properties>
|
|
</datasourcesTab>
|
|
<organizationsTab *ngIf="activeTab=='Organizations'"
|
|
[organizations]="dataProviderInfo.organizations">
|
|
</organizationsTab>
|
|
<relatedDatasourcesTab *ngIf="activeTab=='Related Content Providers'"
|
|
[dataproviderId]="datasourceId"
|
|
[results]="dataProviderInfo.relatedDatasources"
|
|
[loading]="loadingRelatedDatasources"
|
|
[fetchPublications]="fetchAggregatorsPublications"
|
|
[fetchDatasets]="fetchAggregatorsDatasets" [(properties)]=properties>
|
|
</relatedDatasourcesTab>
|
|
|
|
<div *ngIf="activeTab=='Statistics' && statsClicked">
|
|
|
|
<errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status]" [type]="'statistics'"></errorMessages>
|
|
|
|
<div *ngIf="(fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">
|
|
<p class="uk-text-bold">Latest Research Result Timeline</p>
|
|
<i-frame [url]=docsTimelineUrl width="800" height="350"></i-frame>
|
|
<p class="uk-text-bold">Research Result Types</p>
|
|
<i-frame [url]=docsTypesUrl width="800" height="350"></i-frame>
|
|
</div>
|
|
|
|
|
|
<div *ngIf="fetchPublications.searchUtils.totalResults > 0 || (fetchDatasets.searchUtils.totalResults > 0)">
|
|
|
|
<p class="uk-text-bold">Funders in Research Results of content provider</p>
|
|
<i-frame [url]=docsFunderUrl width="800" height="350"></i-frame>
|
|
|
|
</div>
|
|
<div *ngIf="fetchPublications.searchUtils.totalResults > 0 ">
|
|
<p class="uk-text-bold">Projects with most Publications</p>
|
|
<i-frame [url]=pubsProjectsUrl width="800" height="350"></i-frame>
|
|
</div>
|
|
<div *ngIf="(fetchDatasets.searchUtils.totalResults > 0)">
|
|
<div>
|
|
<p class="uk-text-bold">Projects with most Research Data</p>
|
|
<i-frame [url]=dataProjectsUrl width="800" height="350"></i-frame>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<metrics *ngIf="activeTab=='Metrics'" [pageViews]="pageViews"
|
|
[id]="datasourceId" [entityType]="'datasources'" [entity]="'Content Provider'"
|
|
(metricsResults)="metricsResults($event)" [(properties)] = properties>
|
|
</metrics>
|
|
<i-frame *ngIf="activeTab=='Metrics' && metricsClicked && totalViews > 0"
|
|
[url]=viewsFrameUrl width="100%" height="250">
|
|
</i-frame>
|
|
<i-frame *ngIf="activeTab=='Metrics' && metricsClicked && totalDownloads > 0"
|
|
[url]=downloadsFrameUrl width="100%" height="250">
|
|
</i-frame>
|
|
</div>
|
|
|
|
</div-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="uk-width-large@m uk-width-1-1@s">
|
|
<div class="uk-card uk-card-default uk-padding-small">
|
|
<div>
|
|
Share - Bookmark<addThis ></addThis>
|
|
</div>
|
|
<metrics [pageViews]="pageViews" shortView=true
|
|
[id]="datasourceId" [entityType]="'datasources'" [entity]="'Content Provider'"
|
|
(metricsResults)="metricsResults($event)" [(properties)] = properties>
|
|
</metrics>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|