MaDgIK
/
connect
13
0
Fork 0
Code Issues Pull Requests Projects Releases 12 Wiki Activity

Add loading gif on tabs at community page 

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-connect-portal/trunk@53480 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
sofia.baltzi 2018-10-16 15:01:25 +00:00
parent 5a16042d40
commit a742833ea7
1 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/searchEntries/results/results.component.ts
View File

@ -5,6 +5,9 @@ import { CommunityInfo } from '../../openaireLibrary/connect/community/community
@Component({
selector: 'results-comp',
template: `
<div *ngIf="!results">
<div *ngIf="!showLoading" class="uk-animation-fade uk-width-1-1" role="alert"><span class="loading-gif uk-align-center"></span></div>
</div>
<div *ngIf="results != null && results.length > 0">
<div class="uk-margin uk-text-right">
<div *ngIf="resultType == 'publication'">
@ -35,19 +38,23 @@ import { CommunityInfo } from '../../openaireLibrary/connect/community/community
<div class="uk-first-column">
<div class="el-item uk-panel">
<h6 class="el-title uk-margin uk-h6 uk-text-primary uk-margin-remove-adjacent uk-margin-remove-bottom">
<div *ngIf="item.type == 'publication' && community != null && community.communityId != null">
<div *ngIf="showLoading" class="uk-animation-fade uk-width-1-1" role="alert"><span class="loading-gif uk-align-center"></span></div>
<div *ngIf="item.type == 'publication' && community != null && community.communityId != null && !showLoading">
<a [queryParams]="{articleId: item.id}" routerLinkActive="router-link-active" routerLink="/search/publication" >
{{item.title}} </a>
</div>
<div *ngIf="item.type == 'dataset' && community != null && community.communityId != null">
<div *ngIf="showLoading" class="uk-animation-fade uk-width-1-1" role="alert"><span class="loading-gif uk-align-center"></span></div>
<div *ngIf="item.type == 'dataset' && community != null && community.communityId != null && !showLoading">
<a [queryParams]="{datasetId: item.id}" routerLinkActive="router-link-active" routerLink="/search/dataset" >
{{item.title}} </a>
</div>
<div *ngIf="item.type == 'software' && community != null && community.communityId != null">
<div *ngIf="showLoading" class="uk-animation-fade uk-width-1-1" role="alert"><span class="loading-gif uk-align-center"></span></div>
<div *ngIf="item.type == 'software' && community != null && community.communityId != null && !showLoading">
<a [queryParams]="{softwareId: item.id}" routerLinkActive="router-link-active" routerLink="/search/software" >
{{item.title}} </a>
</div>
<div *ngIf="item.type == 'other' && community != null && community.communityId != null">
<div *ngIf="showLoading" class="uk-animation-fade uk-width-1-1" role="alert"><span class="loading-gif uk-align-center"></span></div>
<div *ngIf="item.type == 'other' && community != null && community.communityId != null && !showLoading">
<a [queryParams]="{orpId: item.id}" routerLinkActive="router-link-active" routerLink="/search/other" >
{{item.title}} </a>
</div>