Revision 47677
Added by Konstantina Galouni almost 7 years ago
| dataProvider.component.html | ||
|---|---|---|
| 1 | 1 |
<div class="uk-container uk-margin-top datasource"> |
| 2 | 2 |
<div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>
|
| 3 | 3 |
<div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
|
| 4 |
<div *ngIf="showLoading" class="uk-alert uk-alert-primary" role="alert">Loading...</div> |
|
| 4 | 5 |
|
| 5 | 6 |
<div *ngIf="dataProviderInfo != null" uk-grid> |
| 6 | 7 |
|
| ... | ... | |
| 42 | 43 |
[_dataproviderService]="_dataproviderService"> |
| 43 | 44 |
</tabs--> |
| 44 | 45 |
<div *ngIf="showTabs"> |
| 45 |
<ul class="uk-tab" data-uk-switcher="{connect:'#tab-content'}">
|
|
| 46 |
<ul *ngIf="dataProviderInfo.tabs != undefined" class="uk-tab uk-visible@m" uk-tab="connect: #tab-content">
|
|
| 46 | 47 |
<li *ngFor="let tab of dataProviderInfo.tabs; let i=index" id="{{dataProviderInfo.tabs[i].content}}">
|
| 47 | 48 |
<a |
| 48 |
(click)="search(tab.content, 1, 10)"> |
|
| 49 |
(click)="search(tab.content, 1, 10); activeTab=tab.name">
|
|
| 49 | 50 |
{{tab.name}}
|
| 50 | 51 |
<i *ngIf="tab.content == 'metricsTab'" class="uk-icon-line-chart"></i> |
| 51 | 52 |
<i *ngIf="tab.content == 'statisticsTab'" class="uk-icon-pie-chart"></i> |
| ... | ... | |
| 69 | 70 |
</li> |
| 70 | 71 |
</ul> |
| 71 | 72 |
|
| 73 |
<button class="uk-button uk-button-default uk-hidden@m" type="button"> |
|
| 74 |
<span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>
|
|
| 75 |
</button> |
|
| 76 |
|
|
| 77 |
<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">
|
|
| 78 |
<li *ngFor="let tab of dataProviderInfo.tabs; let i=index" id="{{dataProviderInfo.tabs[i].content}}">
|
|
| 79 |
<a |
|
| 80 |
(click)="search(tab.content, 1, 10); activeTab=tab.name"> |
|
| 81 |
{{tab.name}}
|
|
| 82 |
<i *ngIf="tab.content == 'metricsTab'" class="uk-icon-line-chart"></i> |
|
| 83 |
<i *ngIf="tab.content == 'statisticsTab'" class="uk-icon-pie-chart"></i> |
|
| 84 |
|
|
| 85 |
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='publicationsTab'"> |
|
| 86 |
{{fetchPublications.searchUtils.totalResults}}
|
|
| 87 |
</span> |
|
| 88 |
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasetsTab'"> |
|
| 89 |
{{fetchDatasets.searchUtils.totalResults}}
|
|
| 90 |
</span> |
|
| 91 |
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='projectsTab'"> |
|
| 92 |
{{fetchProjects.searchUtils.totalResults}}
|
|
| 93 |
</span> |
|
| 94 |
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasourcesTab'"> |
|
| 95 |
{{fetchDataproviders.searchUtils.totalResults}}
|
|
| 96 |
</span> |
|
| 97 |
<span class="uk-badge uk-badge-notification" *ngIf="tab.content=='organizationsTab'"> |
|
| 98 |
{{dataProviderInfo.organizations.length}}
|
|
| 99 |
</span> |
|
| 100 |
</a> |
|
| 101 |
</li> |
|
| 102 |
</ul> |
|
| 103 |
|
|
| 72 | 104 |
<ul *ngIf="dataProviderInfo.tabs != undefined" id="tab-content" class="uk-switcher uk-margin custom-tab-content"> |
| 73 | 105 |
|
| 74 | 106 |
<li class="uk-animation-fade" *ngFor="let tab of dataProviderInfo.tabs; let i=index"> |
Also available in: Unified diff
Publication & Dataset Landing pages: small fix of description lists in basic information | Datatable for dataproviders: small fix in keyword search | Landing pages: loading message for basic information | Open graph tags do not cause any errors in server side (location.path needed sometimes) | Query results in tabs of landing pages only if number of results > 0 | Responsive tabs in all landing pages | Publication landing page: display only tabs with > 0 results (to be done for every landing page)