Project

General

Profile

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 [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>
9

    
10
    <div *ngIf="dataProviderInfo != null" uk-grid class="uk-grid-large">
11

    
12
        <div class="uk-width-expand@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 label-dataprovider " title="Type">{{dataProviderInfo.type}}</span>
26
            <span *ngIf="dataProviderInfo.compatibility" class="uk-label custom-label label-compatibility " title="Compatibility">
27
              <a *ngIf="!dataProviderInfo.compatibility.name && dataProviderInfo.compatibility.id"
28
                  [queryParams]="{datasourceId: dataProviderInfo.compatibility.id}" routerLinkActive="router-link-active" routerLink="/search/dataprovider">
29
                {{dataProviderInfo.compatibility.info}}
30
              </a>
31
              <span *ngIf="dataProviderInfo.compatibility.name || !dataProviderInfo.compatibility.id">
32
                {{dataProviderInfo.compatibility.info}}
33
              </span>
34
              <a *ngIf="dataProviderInfo.compatibility.name && dataProviderInfo.compatibility.id"
35
                    [queryParams]="{datasourceId: dataProviderInfo.compatibility.id}" routerLinkActive="router-link-active" routerLink="/search/dataprovider">
36
                {{dataProviderInfo.compatibility.name}}
37
              </a>
38
              <span *ngIf="dataProviderInfo.compatibility.name && !dataProviderInfo.compatibility.id">
39
                {{dataProviderInfo.compatibility.name}}
40
              </span>
41
            </span>
42

    
43
            <ul class="uk-list">
44
                <li *ngIf="dataProviderInfo.aggregationStatus && dataProviderInfo.aggregationStatus.fundedContent != -1"><span class="uk-text-bold">Results with funding information: </span>
45
                    {{dataProviderInfo.aggregationStatus.fundedContent | number}}
46
                </li>
47
                <li *ngIf="dataProviderInfo.aggregationStatus && dataProviderInfo.aggregationStatus.indexRecords != -1"><span class="uk-text-bold">Collected full-texts: </span>
48
                    {{dataProviderInfo.aggregationStatus.indexRecords | number}}
49
                </li>
50
                <li *ngIf="dataProviderInfo.oaiPmhURL"><span class="uk-text-bold">OAI-PMH: </span>
51
                        <span class="uk-button-text">
52
                            <a target="_blank" href="{{dataProviderInfo.oaiPmhURL}}">
53
                                {{dataProviderInfo.oaiPmhURL}}
54
                            </a>
55
                        </span>
56

    
57
                </li>
58
                <li *ngIf="dataProviderInfo.openDoarURL">
59
                        <span class="uk-button-text">
60
                            <a target="_blank" href="{{dataProviderInfo.openDoarURL}}">
61
                                Detailed content provider information (OpenDOAR)
62
                            </a>
63
                        </span>
64

    
65
                </li>
66
                <li *ngIf="dataProviderInfo.r3DataURL">
67
                        <span class="uk-button-text">
68
                            <a target="_blank" href="{{dataProviderInfo.r3DataURL}}">
69
                                Detailed content provider information (Re3data)
70
                            </a>
71
                        </span>
72

    
73
                </li>
74

    
75
                <li *ngIf="dataProviderInfo.countries != undefined && dataProviderInfo.countries.length > 0"><span class="uk-text-bold">Countries: </span>{{dataProviderInfo.countries.join(", ")}}</li>
76
            </ul>
77

    
78
            <div *ngIf="showTabs">
79
                <ul class="custom-accordion" uk-accordion *ngIf="dataProviderInfo.tabs2 != undefined">
80

    
81
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Publications') != -1" (click)="search('publicationsTab', 1, 10); activeTab='Publications'">
82
                        <a class="uk-accordion-title" href="#">Publications
83
                          <span class="uk-badge uk-badge-notification">
84
                              {{fetchPublications.searchUtils.totalResults | number}}
85
                          </span>
86
                        </a>
87
                        <div class="uk-accordion-content">
88
                          <publicationsTab *ngIf="activeTab=='Publications'"
89
                                           [paramsForSearchLink]="paramsForSearchLink"
90
                                           [fetchPublications] = "fetchPublications" [(properties)]=properties>
91
                          </publicationsTab>
92
                        </div>
93
                    </li>
94
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Research Data') != -1" (click)="search('datasetsTab', 1, 10); activeTab='Research Data'">
95
                        <a class="uk-accordion-title" href="#">Research Data
96
                          <span class="uk-badge uk-badge-notification">
97
                              {{fetchDatasets.searchUtils.totalResults | number}}
98
                          </span>
99
                        </a>
100
                        <div class="uk-accordion-content">
101
                          <p>
102
                            <datasetsTab *ngIf="activeTab=='Research Data'"
103
                                          [paramsForSearchLink]="paramsForSearchLink"
104
                                          [fetchDatasets]="fetchDatasets" [(properties)]=properties>
105
                          </datasetsTab>
106
                          </p>
107
                        </div>
108
                    </li>
109

    
110
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Software') != -1" (click)="search('softwareTab', 1, 10); activeTab='Software'">
111
                        <a class="uk-accordion-title" href="#">Software
112
                          <span class="uk-badge uk-badge-notification">
113
                              {{fetchSoftware.searchUtils.totalResults | number}}
114
                          </span>
115
                        </a>
116
                        <div class="uk-accordion-content">
117
                          <softwareTab *ngIf="activeTab=='Software'"
118
                                       [paramsForSearchLink]="paramsForSearchLink"
119
                                       [fetchSoftware]="fetchSoftware" [(properties)]=properties>
120
                          </softwareTab>
121
                        </div>
122
                    </li>
123

    
124
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Other Research Products') != -1" (click)="search('orpsTab', 1, 10); activeTab='Other Research Products'">
125
                        <a class="uk-accordion-title" href="#">Other Research Products
126
                          <span class="uk-badge uk-badge-notification">
127
                              {{fetchOrps.searchUtils.totalResults | number}}
128
                          </span>
129
                        </a>
130
                        <div class="uk-accordion-content">
131
                          <orpsTab *ngIf="activeTab=='Other Research Products'"
132
                                       [paramsForSearchLink]="paramsForSearchLink"
133
                                       [fetchOrps]="fetchOrps" [(properties)]=properties>
134
                          </orpsTab>
135
                        </div>
136
                    </li>
137

    
138
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Projects') != -1" (click)="search('projectsTab', 1, 10); activeTab='Projects'">
139
                        <a class="uk-accordion-title" href="#">Projects
140
                          <span class="uk-badge uk-badge-notification">
141
                              {{fetchProjects.searchUtils.totalResults | number}}
142
                          </span>
143
                        </a>
144
                        <div class="uk-accordion-content">
145
                          <projectsTab *ngIf="activeTab=='Projects'"
146
                                       [paramsForSearchLink]="paramsForSearchLink"
147
                                       [fetchProjects]="fetchProjects" [(properties)]=properties>
148
                          </projectsTab>
149
                        </div>
150
                    </li>
151
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Content Providers') != -1" (click)="search('datasourcesTab', 1, 10); activeTab='Content Providers'">
152
                        <a class="uk-accordion-title" href="#">Content Providers
153
                          <span class="uk-badge uk-badge-notification">
154
                              {{fetchDataproviders.searchUtils.totalResults | number}}
155
                          </span>
156
                        </a>
157
                        <div class="uk-accordion-content">
158
                          <datasourcesTab *ngIf="activeTab=='Content Providers'"
159
                                          [paramsForSearchLink]="paramsForSearchLink"
160
                                          [fetchDataproviders]="fetchDataproviders" [(properties)]=properties>
161
                          </datasourcesTab>
162
                        </div>
163
                    </li>
164
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Organizations') != -1" (click)="search('organizationsTab', 1, 10); activeTab='Organizations'">
165
                        <a class="uk-accordion-title" href="#">Organizations
166
                          <span class="uk-badge uk-badge-notification">
167
                              {{dataProviderInfo.organizations.length | number}}
168
                          </span>
169
                        </a>
170
                        <div class="uk-accordion-content">
171
                          <organizationsTab *ngIf="activeTab=='Organizations'"
172
                                            [organizations]="dataProviderInfo.organizations">
173
                          </organizationsTab>
174
                        </div>
175
                    </li>
176
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Related Content Providers') != -1" (click)="search('relatedDatasourcesTab', 1, 10); activeTab='Related Content Providers'">
177
                        <a class="uk-accordion-title" href="#">Related Content Providers</a>
178
                        <div class="uk-accordion-content">
179
                          <relatedDatasourcesTab *ngIf="activeTab=='Related Content Providers'"
180
                              [dataproviderId]="datasourceId"
181
                              [results]="dataProviderInfo.relatedDatasources"
182
                              [loading]="loadingRelatedDatasources"
183
                              [fetchPublications]="fetchAggregatorsPublications"
184
                              [fetchDatasets]="fetchAggregatorsDatasets"
185
                              [fetchSoftware]="fetchAggregatorsSoftware"
186
                              [fetchOrps]="fetchAggregatorsOrps"
187
                              [(properties)]=properties>
188
                          </relatedDatasourcesTab>
189
                        </div>
190
                    </li>
191
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Statistics') != -1" (click)="search('statisticsTab', 1, 10); activeTab='Statistics'">
192
                        <a class="uk-accordion-title" href="#">Statistics</a>
193
                        <div class="uk-accordion-content">
194
                          <div *ngIf="activeTab=='Statistics' && statsClicked">
195

    
196
                            <errorMessages [status]="[fetchPublications.searchUtils.status, fetchDatasets.searchUtils.status]" [type]="'statistics'" tab_error_class=true></errorMessages>
197

    
198
                            <div *ngIf="(fetchPublications.searchUtils.status == errorCodes.DONE || fetchDatasets.searchUtils.status == errorCodes.DONE)">
199
                              <p class="uk-text-bold">Latest Research Result Timeline</p>
200
                              <i-frame  [url]=docsTimelineUrl width="800" height="350"></i-frame>
201
                              <p class="uk-text-bold">Research Result Types</p>
202
                              <i-frame [url]=docsTypesUrl width="800" height="350"></i-frame>
203
                            </div>
204

    
205

    
206
                              <div *ngIf="fetchPublications.searchUtils.totalResults > 0 || (fetchDatasets.searchUtils.totalResults > 0)">
207

    
208
                                    <p class="uk-text-bold">Funders in Research Results of content provider</p>
209
                                    <i-frame  [url]=docsFunderUrl width="800" height="350"></i-frame>
210

    
211
                              </div>
212
                              <div *ngIf="fetchPublications.searchUtils.totalResults > 0 ">
213
                                  <p class="uk-text-bold">Projects with most Publications</p>
214
                                  <i-frame [url]=pubsProjectsUrl width="800" height="350"></i-frame>
215
                              </div>
216
                              <div *ngIf="(fetchDatasets.searchUtils.totalResults > 0)">
217
                                    <div>
218
                                        <p class="uk-text-bold">Projects with most Research Data</p>
219
                                        <i-frame  [url]=dataProjectsUrl width="800" height="350"></i-frame>
220
                                    </div>
221
                              </div>
222
                            </div>
223
                        </div>
224
                    </li>
225

    
226

    
227

    
228
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Metrics') != -1" (click)="search('metricsTab', 1, 10); activeTab='Metrics'">
229
                        <a class="uk-accordion-title" href="#">Metrics</a>
230
                        <div class="uk-accordion-content">
231
                          <metrics *ngIf="activeTab=='Metrics'" [pageViews]="pageViews"
232
                              [id]="datasourceId" [entityType]="'datasources'" [entity]="'Content Provider'"
233
                              (metricsResults)="metricsResults($event)" [(properties)] = properties>
234
                          </metrics>
235
                          <i-frame *ngIf="activeTab=='Metrics' && metricsClicked && totalViews > 0"
236
                              [url]=viewsFrameUrl width="100%" height="250">
237
                          </i-frame>
238
                          <i-frame *ngIf="activeTab=='Metrics' && metricsClicked && totalDownloads > 0"
239
                              [url]=downloadsFrameUrl width="100%" height="250">
240
                          </i-frame>
241
                        </div>
242
                    </li>
243

    
244
                </ul>
245
            </div>
246

    
247
        </div>
248
        <div class="uk-width-large@m uk-width-1-1@s">
249
          <div class="uk-card uk-card-default uk-padding-small">
250
            <div>
251
              Share - Bookmark<addThis ></addThis>
252
            </div>
253
            <metrics  [pageViews]="pageViews" shortView=true
254
                      [id]="datasourceId" [entityType]="'datasources'" [entity]="'Content Provider'"
255
                      (metricsResults)="metricsResults($event)" [(properties)] = properties>
256
            </metrics>
257
          </div>
258
        </div>
259
      </div>
260
    </div>
261

    
262
  </div>
263
  </div>
264
</div>
(2-2/14)