|
1
|
<div class="uk-container uk-margin-top datasource">
|
|
2
|
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
|
|
3
|
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
|
|
4
|
|
|
5
|
<div *ngIf="dataProviderInfo != null" class="uk-grid">
|
|
6
|
|
|
7
|
<div class="uk-width-7-10">
|
|
8
|
<!--h3 *ngIf="dataProviderInfo.title != null">
|
|
9
|
<a *ngIf="dataProviderInfo.title['url'] != undefined && dataProviderInfo.title['url'] != null"
|
|
10
|
href="{{dataProviderInfo.title['url']}}" target="_blank" class="uk-icon-external-link">
|
|
11
|
{{dataProviderInfo.title['name']}}
|
|
12
|
</a>
|
|
13
|
<p *ngIf="dataProviderInfo.title['url'] == undefined || dataProviderInfo.title['url'] == null">
|
|
14
|
{{dataProviderInfo.title['name']}}
|
|
15
|
</p>
|
|
16
|
</h3-->
|
|
17
|
<showTitle [title]="dataProviderInfo.title"></showTitle>
|
|
18
|
|
|
19
|
<dl class="uk-description-list-horizontal custom-description-list-horizontal">
|
|
20
|
<dt *ngIf="dataProviderInfo.type != undefined && dataProviderInfo.type != ''">Type: </dt>
|
|
21
|
<dd *ngIf="dataProviderInfo.type != undefined && dataProviderInfo.type != ''">{{dataProviderInfo.type}}</dd>
|
|
22
|
<dt *ngIf="dataProviderInfo.compatibility != undefined && dataProviderInfo.compatibility != ''">Compatibility: </dt>
|
|
23
|
<dd *ngIf="dataProviderInfo.compatibility != undefined && dataProviderInfo.compatibility != ''">{{dataProviderInfo.compatibility}}</dd>
|
|
24
|
<dt *ngIf="dataProviderInfo.oaiPmhURL != undefined && dataProviderInfo.oaiPmhURL != ''">OAI-PMH: </dt>
|
|
25
|
<dd *ngIf="dataProviderInfo.oaiPmhURL != undefined && dataProviderInfo.oaiPmhURL != ''">
|
|
26
|
<span class="uk-icon-external-link custom-icon">
|
|
27
|
<a href="{{dataProviderInfo.oaiPmhURL}}" target="_blank">
|
|
28
|
{{dataProviderInfo.oaiPmhURL}}
|
|
29
|
</a>
|
|
30
|
</span>
|
|
31
|
</dd>
|
|
32
|
<dt *ngIf="dataProviderInfo.countries != undefined && dataProviderInfo.countries.length > 0">Countries: </dt>
|
|
33
|
<dd *ngIf="dataProviderInfo.countries != undefined">{{dataProviderInfo.countries}}</dd>
|
|
34
|
</dl>
|
|
35
|
|
|
36
|
<!--tabs [id] = "datasourceId"
|
|
37
|
[name] = "dataProviderInfo.title['name']"
|
|
38
|
[resultsBy] = "dataProviderInfo.resultsBy"
|
|
39
|
[tabs]="dataProviderInfo.tabs"
|
|
40
|
[statistics]="dataProviderInfo.statistics"
|
|
41
|
[organizations]="dataProviderInfo.organizations"
|
|
42
|
[_dataproviderService]="_dataproviderService">
|
|
43
|
</tabs-->
|
|
44
|
<div *ngIf="showTabs">
|
|
45
|
<ul class="uk-tab" data-uk-switcher="{connect:'#tab-content'}">
|
|
46
|
<li *ngFor="let tab of dataProviderInfo.tabs; let i=index" id="{{dataProviderInfo.tabs[i].content}}">
|
|
47
|
<a
|
|
48
|
(click)="search(tab.content, 1, 10)">
|
|
49
|
{{tab.name}}
|
|
50
|
<i *ngIf="tab.content == 'metricsTab'" class="uk-icon-line-chart"></i>
|
|
51
|
<i *ngIf="tab.content == 'statisticsTab'" class="uk-icon-pie-chart"></i>
|
|
52
|
|
|
53
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='publicationsTab'">
|
|
54
|
{{fetchPublications.searchUtils.totalResults}}
|
|
55
|
</span>
|
|
56
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasetsTab'">
|
|
57
|
{{fetchDatasets.searchUtils.totalResults}}
|
|
58
|
</span>
|
|
59
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='projectsTab'">
|
|
60
|
{{fetchProjects.searchUtils.totalResults}}
|
|
61
|
</span>
|
|
62
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasourcesTab'">
|
|
63
|
{{fetchDataproviders.searchUtils.totalResults}}
|
|
64
|
</span>
|
|
65
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='organizationsTab'">
|
|
66
|
{{dataProviderInfo.organizations.length}}
|
|
67
|
</span>
|
|
68
|
</a>
|
|
69
|
</li>
|
|
70
|
</ul>
|
|
71
|
|
|
72
|
<ul *ngIf="dataProviderInfo.tabs != undefined" id="tab-content" class="uk-switcher uk-margin custom-tab-content">
|
|
73
|
|
|
74
|
<li class="uk-animation-fade" *ngFor="let tab of dataProviderInfo.tabs; let i=index">
|
|
75
|
<publicationsTab *ngIf=" tab.content=='publicationsTab'"
|
|
76
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
77
|
[fetchPublications] = "fetchPublications">
|
|
78
|
</publicationsTab>
|
|
79
|
<datasetsTab *ngIf=" tab.content=='datasetsTab'"
|
|
80
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
81
|
[fetchDatasets]="fetchDatasets">
|
|
82
|
</datasetsTab>
|
|
83
|
|
|
84
|
<projectsTab *ngIf=" tab.content=='projectsTab'"
|
|
85
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
86
|
[fetchProjects]="fetchProjects">
|
|
87
|
</projectsTab>
|
|
88
|
<datasourcesTab *ngIf=" tab.content=='datasourcesTab'"
|
|
89
|
[paramsForSearchLink]="paramsForSearchLink"
|
|
90
|
[fetchDataproviders]="fetchDataproviders">
|
|
91
|
</datasourcesTab>
|
|
92
|
<organizationsTab *ngIf=" tab.content=='organizationsTab'"
|
|
93
|
[organizations]="dataProviderInfo.organizations">
|
|
94
|
</organizationsTab>
|
|
95
|
<relatedDatasourcesTab *ngIf=" tab.content=='relatedDatasourcesTab'"
|
|
96
|
[dataproviderId]="id"
|
|
97
|
[fetchResults]="fetchResultsAggregators"
|
|
98
|
[type]="relatedDataprovidersResultsType">
|
|
99
|
</relatedDatasourcesTab>
|
|
100
|
|
|
101
|
<div *ngIf=" tab.content=='statisticsTab' && statsClicked">
|
|
102
|
<div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert">
|
|
103
|
There are no statistics
|
|
104
|
</div>
|
|
105
|
<div *ngIf="(fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">
|
|
106
|
<p>
|
|
107
|
The results below are discovered through our pilot algorithms.
|
|
108
|
<a href="mailto:feedback@openaire.eu">Let us know how we are doing!</a>
|
|
109
|
</p>
|
|
110
|
<p class="uk-text-bold">Latest Documents Timeline</p>
|
|
111
|
<i-frame [url]=docsTimelineUrl width="800" height="350"></i-frame>
|
|
112
|
<p class="uk-text-bold">Documents Types</p>
|
|
113
|
<i-frame [url]=docsTypesUrl width="800" height="350"></i-frame>
|
|
114
|
</div>
|
|
115
|
|
|
116
|
|
|
117
|
<div *ngIf="(fetchPublications.searchUtils.totalResults > 0)">
|
|
118
|
<div>
|
|
119
|
<p class="uk-text-bold">Funders in Data Providers Publications</p>
|
|
120
|
<i-frame [url]=pubsFunderUrl width="800" height="350"></i-frame>
|
|
121
|
<p class="uk-text-bold">Projects with most Publications</p>
|
|
122
|
<i-frame [url]=pubsProjectsUrl width="800" height="350"></i-frame>
|
|
123
|
|
|
124
|
</div>
|
|
125
|
<div *ngIf="(fetchDatasets.searchUtils.totalResults > 0)">
|
|
126
|
<div>
|
|
127
|
<p class="uk-text-bold">Projects with most Research Data</p>
|
|
128
|
<i-frame [url]=dataProjectsUrl width="800" height="350"></i-frame>
|
|
129
|
</div>
|
|
130
|
</div>
|
|
131
|
</div>
|
|
132
|
</div>
|
|
133
|
|
|
134
|
<metrics *ngIf=" tab.content=='metricsTab' && metricsClicked"
|
|
135
|
[id]="id" [type]="'datasources'" [name]="dataProviderInfo.title['name']" (metricsResults)="metricsResults($event)">
|
|
136
|
</metrics>
|
|
137
|
<i-frame *ngIf=" tab.content=='metricsTab' && metricsClicked && totalViews > 0"
|
|
138
|
[url]=viewsFrameUrl width="100%" height="250">
|
|
139
|
</i-frame>
|
|
140
|
<i-frame *ngIf=" tab.content=='metricsTab' && metricsClicked && totalDownloads > 0"
|
|
141
|
[url]=downloadsFrameUrl width="100%" height="250">
|
|
142
|
</i-frame>
|
|
143
|
</li>
|
|
144
|
</ul>
|
|
145
|
</div>
|
|
146
|
|
|
147
|
</div>
|
|
148
|
|
|
149
|
<div class="uk-width-3-10">
|
|
150
|
<ul class="uk-list uk-list-striped">
|
|
151
|
<li>
|
|
152
|
<dl class="uk-description-list-line">
|
|
153
|
<dt >Share - Bookmark
|
|
154
|
</dt>
|
|
155
|
<dd>
|
|
156
|
<addThis ></addThis>
|
|
157
|
</dd>
|
|
158
|
</dl>
|
|
159
|
</li>
|
|
160
|
</ul>
|
|
161
|
</div>
|
|
162
|
</div>
|
|
163
|
</div>
|