1
|
<div id="tm-main" class=" uk-section uk-margin-small-top tm-middle" >
|
2
|
<div uk-grid uk-grid>
|
3
|
<div class="tm-main uk-width-1-1@s uk-width-1-1@m uk-width-1-1@l uk-row-first ">
|
4
|
|
5
|
<div class="uk-container uk-margin-top datasource">
|
6
|
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning uk-margin-large-top" role="alert">{{warningMessage}}</div>
|
7
|
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger uk-margin-large-top" role="alert">{{errorMessage}}</div>
|
8
|
<div *ngIf="showLoading" class="uk-animation-fade uk-margin-large-top uk-width-1-1" role="alert"><img src="./assets/loading.gif" class="uk-align-center" alt="Loading"></div>
|
9
|
|
10
|
<div *ngIf="dataProviderInfo != null" uk-grid>
|
11
|
|
12
|
<div class="uk-width-3-4@l uk-width-3-4@xl uk-width-3-4@m uk-width-1-1@s">
|
13
|
<!--h3 *ngIf="dataProviderInfo.title != null">
|
14
|
<a *ngIf="dataProviderInfo.title['url'] != undefined && dataProviderInfo.title['url'] != null"
|
15
|
href="{{dataProviderInfo.title['url']}}" target="_blank" class="custom-external">
|
16
|
{{dataProviderInfo.title['name']}}
|
17
|
</a>
|
18
|
<p *ngIf="dataProviderInfo.title['url'] == undefined || dataProviderInfo.title['url'] == null">
|
19
|
{{dataProviderInfo.title['name']}}
|
20
|
</p>
|
21
|
</h3-->
|
22
|
<showTitle [title]="dataProviderInfo.title"></showTitle>
|
23
|
<div class="uk-text-large " *ngIf="dataProviderInfo.officialName && this.dataProviderInfo.title.name != dataProviderInfo.officialName ">{{dataProviderInfo.officialName}}</div>
|
24
|
|
25
|
<span *ngIf="dataProviderInfo.type" class="uk-label custom-label label-type " title="Type">{{dataProviderInfo.type}}</span>
|
26
|
<span *ngIf="dataProviderInfo.compatibility" class="uk-label custom-label label-compatibility " title="Compatibility">{{dataProviderInfo.compatibility}}</span>
|
27
|
|
28
|
<ul class="uk-list">
|
29
|
|
30
|
|
31
|
<li *ngIf="dataProviderInfo.oaiPmhURL"><span class="uk-text-bold">OAI-PMH: </span>
|
32
|
<span class="uk-button-text">
|
33
|
<a target="_blank" href="{{dataProviderInfo.oaiPmhURL}}">
|
34
|
{{dataProviderInfo.oaiPmhURL}}
|
35
|
</a>
|
36
|
</span>
|
37
|
|
38
|
</li>
|
39
|
<li *ngIf="dataProviderInfo.openDoarURL">
|
40
|
<span class="uk-button-text">
|
41
|
<a target="_blank" href="{{dataProviderInfo.openDoarURL}}">
|
42
|
Detailed content provider information (OpenDOAR)
|
43
|
</a>
|
44
|
</span>
|
45
|
|
46
|
</li>
|
47
|
<li *ngIf="dataProviderInfo.r3DataURL">
|
48
|
<span class="uk-button-text">
|
49
|
<a target="_blank" href="{{dataProviderInfo.r3DataURL}}">
|
50
|
Detailed content provider information (Re3data)
|
51
|
</a>
|
52
|
</span>
|
53
|
|
54
|
</li>
|
55
|
|
56
|
<li *ngIf="dataProviderInfo.countries != undefined && dataProviderInfo.countries.length > 0"><span class="uk-text-bold">Countries: </span>{{dataProviderInfo.countries.join(", ")}}</li>
|
57
|
</ul>
|
58
|
|
59
|
<!--tabs [id] = "datasourceId"
|
60
|
[name] = "dataProviderInfo.title['name']"
|
61
|
[resultsBy] = "dataProviderInfo.resultsBy"
|
62
|
[tabs]="dataProviderInfo.tabs"
|
63
|
[statistics]="dataProviderInfo.statistics"
|
64
|
[organizations]="dataProviderInfo.organizations"
|
65
|
[_dataproviderService]="_dataproviderService">
|
66
|
</tabs-->
|
67
|
<div *ngIf="showTabs">
|
68
|
<ul *ngIf="dataProviderInfo.tabs != undefined" class="uk-tab uk-visible@m" uk-tab="connect: #tab-content">
|
69
|
<li *ngFor="let tab of dataProviderInfo.tabs; let i=index" id="{{dataProviderInfo.tabs[i].content}}"
|
70
|
[class]="activeTab==tab.name?'uk-active':''">
|
71
|
<a
|
72
|
(click)="search(tab.content, 1, 10); activeTab=tab.name">
|
73
|
{{tab.name}}
|
74
|
<i *ngIf="tab.content == 'metricsTab'" class="icon-line-chart"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 36 36" style="fill:currentColor;">
|
75
|
<path d="M4.415 31.713h31.704v4.529h-36.233v-36.233h4.529zM10.077 29.447c-1.877 0-3.396-1.521-3.396-3.396s1.521-3.396 3.396-3.396c0.101 0 0.199 0.006 0.297 0.014l3.652-6.086c-0.348-0.534-0.551-1.171-0.551-1.855 0-1.877 1.521-3.396 3.396-3.396s3.396 1.521 3.396 3.396c0 0.685-0.203 1.321-0.551 1.855l3.652 6.086c0.098-0.009 0.196-0.014 0.297-0.014 0.076 0 0.151 0.004 0.225 0.009l6.028-10.549c-0.373-0.546-0.592-1.204-0.592-1.916 0-1.877 1.521-3.396 3.396-3.396s3.396 1.521 3.396 3.396c0 1.877-1.521 3.396-3.396 3.396-0.076 0-0.151-0.004-0.225-0.009l-6.028 10.549c0.373 0.546 0.592 1.204 0.592 1.916 0 1.877-1.521 3.396-3.396 3.396s-3.396-1.521-3.396-3.396c0-0.684 0.203-1.321 0.551-1.855l-3.652-6.086c-0.098 0.009-0.196 0.014-0.297 0.014s-0.199-0.006-0.297-0.014l-3.652 6.086c0.348 0.534 0.551 1.171 0.551 1.855 0 1.877-1.521 3.396-3.396 3.396z"></path>
|
76
|
</svg></i>
|
77
|
<i *ngIf="tab.content == 'statisticsTab'" class="icon-pie-chart"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 32" style="fill:currentColor;">
|
78
|
<path d="M14.026 18.028v-14.016c-7.741 0-14.016 6.275-14.016 14.016s6.275 14.016 14.016 14.016 14.016-6.275 14.016-14.016c0-2.253-0.533-4.383-1.478-6.269l-12.539 6.269zM28.567 7.755c-2.301-4.593-7.051-7.747-12.539-7.747v14.016l12.538-6.269z"></path>
|
79
|
</svg></i>
|
80
|
|
81
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='publicationsTab'">
|
82
|
{{fetchPublications.searchUtils.totalResults}}
|
83
|
</span>
|
84
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasetsTab'">
|
85
|
{{fetchDatasets.searchUtils.totalResults}}
|
86
|
</span>
|
87
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='projectsTab'">
|
88
|
{{fetchProjects.searchUtils.totalResults}}
|
89
|
</span>
|
90
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasourcesTab'">
|
91
|
{{fetchDataproviders.searchUtils.totalResults}}
|
92
|
</span>
|
93
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='organizationsTab'">
|
94
|
{{dataProviderInfo.organizations.length}}
|
95
|
</span>
|
96
|
</a>
|
97
|
</li>
|
98
|
</ul>
|
99
|
|
100
|
<button class="uk-button uk-button-default uk-hidden@m" type="button">
|
101
|
<span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>
|
102
|
</button>
|
103
|
|
104
|
<ul *ngIf="dataProviderInfo.tabs != undefined" id="toggle-small-tabs" class="uk-subnav uk-subnav-pill uk-dropdown uk-hidden@m" uk-switcher="connect: #tab-content" uk-dropdown="mode: click" uk-toggle="target: #toggle-small-tabs">
|
105
|
<li *ngFor="let tab of dataProviderInfo.tabs; let i=index" id="{{dataProviderInfo.tabs[i].content}}"
|
106
|
[class]="activeTab==tab.name?'uk-active':''">
|
107
|
<a
|
108
|
(click)="search(tab.content, 1, 10); activeTab=tab.name">
|
109
|
{{tab.name}}
|
110
|
<i *ngIf="tab.content == 'metricsTab'" class="icon-line-chart"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 36 36" style="fill:currentColor;">
|
111
|
<path d="M4.415 31.713h31.704v4.529h-36.233v-36.233h4.529zM10.077 29.447c-1.877 0-3.396-1.521-3.396-3.396s1.521-3.396 3.396-3.396c0.101 0 0.199 0.006 0.297 0.014l3.652-6.086c-0.348-0.534-0.551-1.171-0.551-1.855 0-1.877 1.521-3.396 3.396-3.396s3.396 1.521 3.396 3.396c0 0.685-0.203 1.321-0.551 1.855l3.652 6.086c0.098-0.009 0.196-0.014 0.297-0.014 0.076 0 0.151 0.004 0.225 0.009l6.028-10.549c-0.373-0.546-0.592-1.204-0.592-1.916 0-1.877 1.521-3.396 3.396-3.396s3.396 1.521 3.396 3.396c0 1.877-1.521 3.396-3.396 3.396-0.076 0-0.151-0.004-0.225-0.009l-6.028 10.549c0.373 0.546 0.592 1.204 0.592 1.916 0 1.877-1.521 3.396-3.396 3.396s-3.396-1.521-3.396-3.396c0-0.684 0.203-1.321 0.551-1.855l-3.652-6.086c-0.098 0.009-0.196 0.014-0.297 0.014s-0.199-0.006-0.297-0.014l-3.652 6.086c0.348 0.534 0.551 1.171 0.551 1.855 0 1.877-1.521 3.396-3.396 3.396z"></path>
|
112
|
</svg></i>
|
113
|
<i *ngIf="tab.content == 'statisticsTab'" class="icon-pie-chart"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 32" style="fill:currentColor;">
|
114
|
<path d="M14.026 18.028v-14.016c-7.741 0-14.016 6.275-14.016 14.016s6.275 14.016 14.016 14.016 14.016-6.275 14.016-14.016c0-2.253-0.533-4.383-1.478-6.269l-12.539 6.269zM28.567 7.755c-2.301-4.593-7.051-7.747-12.539-7.747v14.016l12.538-6.269z"></path>
|
115
|
</svg></i>
|
116
|
|
117
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='publicationsTab'">
|
118
|
{{fetchPublications.searchUtils.totalResults}}
|
119
|
</span>
|
120
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasetsTab'">
|
121
|
{{fetchDatasets.searchUtils.totalResults}}
|
122
|
</span>
|
123
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='projectsTab'">
|
124
|
{{fetchProjects.searchUtils.totalResults}}
|
125
|
</span>
|
126
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasourcesTab'">
|
127
|
{{fetchDataproviders.searchUtils.totalResults}}
|
128
|
</span>
|
129
|
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='organizationsTab'">
|
130
|
{{dataProviderInfo.organizations.length}}
|
131
|
</span>
|
132
|
</a>
|
133
|
</li>
|
134
|
</ul>
|
135
|
|
136
|
<!--ul *ngIf="dataProviderInfo.tabs != undefined" id="tab-content" class="uk-switcher uk-margin custom-tab-content"-->
|
137
|
<div *ngIf="dataProviderInfo.tabs != undefined" class="uk-margin custom-tab-content">
|
138
|
|
139
|
<!--div class="uk-animation-fade" *ngFor="let tab of dataProviderInfo.tabs; let i=index"-->
|
140
|
<div class="uk-animation-fade">
|
141
|
<!--*ngIf="tab.content=='publicationsTab'"-->
|
142
|
<publicationsTab *ngIf="activeTab=='Publications'"
|
143
|
[paramsForSearchLink]="paramsForSearchLink"
|
144
|
[fetchPublications] = "fetchPublications">
|
145
|
</publicationsTab>
|
146
|
<!--*ngIf="tab.content=='datasetsTab'"-->
|
147
|
<datasetsTab *ngIf="activeTab=='Research Data'"
|
148
|
[paramsForSearchLink]="paramsForSearchLink"
|
149
|
[fetchDatasets]="fetchDatasets">
|
150
|
</datasetsTab>
|
151
|
<!--*ngIf=" tab.content=='projectsTab'"-->
|
152
|
<projectsTab *ngIf="activeTab=='Projects'"
|
153
|
[paramsForSearchLink]="paramsForSearchLink"
|
154
|
[fetchProjects]="fetchProjects">
|
155
|
</projectsTab>
|
156
|
<!--*ngIf=" tab.content=='datasourcesTab'"-->
|
157
|
<datasourcesTab *ngIf="activeTab=='Datasources'"
|
158
|
[paramsForSearchLink]="paramsForSearchLink"
|
159
|
[fetchDataproviders]="fetchDataproviders">
|
160
|
</datasourcesTab>
|
161
|
<!--*ngIf=" tab.content=='organizationsTab'"-->
|
162
|
<organizationsTab *ngIf="activeTab=='Organizations'"
|
163
|
[organizations]="dataProviderInfo.organizations">
|
164
|
</organizationsTab>
|
165
|
<!--*ngIf=" tab.content=='relatedDatasourcesTab'"-->
|
166
|
<relatedDatasourcesTab *ngIf="activeTab=='Related Content Providers'"
|
167
|
[dataproviderId]="id"
|
168
|
[fetchResults]="fetchResultsAggregators"
|
169
|
[type]="relatedDataprovidersResultsType">
|
170
|
</relatedDatasourcesTab>
|
171
|
|
172
|
<!-- *ngIf=" tab.content=='statisticsTab' && statsClicked"-->
|
173
|
<div *ngIf="activeTab=='Statistics' && statsClicked">
|
174
|
<!--div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert uk-alert-primary">
|
175
|
There are no statistics
|
176
|
</div-->
|
177
|
<div *ngIf="fetchPublications.searchUtils.status == errorCodes.NONE && fetchDatasets.searchUtils.status == errorCodes.NONE"
|
178
|
class="uk-alert uk-alert-primary uk-animation-fade" role="alert">There are no statistics</div>
|
179
|
<div *ngIf="fetchPublications.searchUtils.status == errorCodes.ERROR || fetchDatasets.searchUtils.status == errorCodes.ERROR"
|
180
|
class="uk-alert uk-alert-warning uk-animation-fade" role="alert">An Error Occured</div>
|
181
|
<div *ngIf="fetchPublications.searchUtils.status == errorCodes.NOT_AVAILABLE || fetchDatasets.searchUtils.status == errorCodes.NOT_AVAILABLE"
|
182
|
class="uk-alert uk-alert-danger uk-animation-fade" role="alert">Service not available</div>
|
183
|
<div *ngIf="fetchPublications.searchUtils.status == errorCodes.LOADING || fetchDatasets.searchUtils.status == errorCodes.LOADING"
|
184
|
class="uk-animation-fade uk-margin-large-top uk-width-1-1" role="alert"><img src="./assets/loading.gif" class="uk-align-center" alt="Loading"></div>
|
185
|
|
186
|
|
187
|
<div *ngIf="(fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">
|
188
|
<p class="uk-text-bold">Latest Documents Timeline</p>
|
189
|
<i-frame [url]=docsTimelineUrl width="800" height="350"></i-frame>
|
190
|
<p class="uk-text-bold">Documents Types</p>
|
191
|
<i-frame [url]=docsTypesUrl width="800" height="350"></i-frame>
|
192
|
</div>
|
193
|
|
194
|
|
195
|
<div *ngIf="(fetchPublications.searchUtils.totalResults > 0)">
|
196
|
<div>
|
197
|
<p class="uk-text-bold">Funders in content providers Publications</p>
|
198
|
<i-frame [url]=pubsFunderUrl width="800" height="350"></i-frame>
|
199
|
<p class="uk-text-bold">Projects with most Publications</p>
|
200
|
<i-frame [url]=pubsProjectsUrl width="800" height="350"></i-frame>
|
201
|
|
202
|
</div>
|
203
|
<div *ngIf="(fetchDatasets.searchUtils.totalResults > 0)">
|
204
|
<div>
|
205
|
<p class="uk-text-bold">Projects with most Research Data</p>
|
206
|
<i-frame [url]=dataProjectsUrl width="800" height="350"></i-frame>
|
207
|
</div>
|
208
|
</div>
|
209
|
</div>
|
210
|
</div>
|
211
|
|
212
|
<!--*ngIf=" tab.content=='metricsTab'"-->
|
213
|
<metrics *ngIf="activeTab=='Metrics'" [pageViews]="pageViews"
|
214
|
[id]="datasourceId" [type]="'datasources'" [name]="dataProviderInfo.title['name']" (metricsResults)="metricsResults($event)">
|
215
|
</metrics>
|
216
|
<i-frame *ngIf="activeTab=='Metrics' && metricsClicked && totalViews > 0"
|
217
|
[url]=viewsFrameUrl width="100%" height="250">
|
218
|
</i-frame>
|
219
|
<i-frame *ngIf="activeTab=='Metrics' && metricsClicked && totalDownloads > 0"
|
220
|
[url]=downloadsFrameUrl width="100%" height="250">
|
221
|
</i-frame>
|
222
|
</div>
|
223
|
<!--/ul-->
|
224
|
</div>
|
225
|
|
226
|
</div>
|
227
|
</div>
|
228
|
<div class="uk-width-1-4@l uk-width-1-4@xl uk-width-1-4@m uk-width-1-1@s">
|
229
|
<div>
|
230
|
Share - Bookmark<addThis ></addThis>
|
231
|
</div>
|
232
|
</div>
|
233
|
|
234
|
</div>
|
235
|
</div>
|
236
|
</div>
|
237
|
</div>
|