connect/src/app/communities/communities.component.html

50 lines
2.5 KiB
HTML

<div class="image-front-topbar uk-section-default uk-light" tm-header-transparent="light" tm-header-transparent-placeholder="">
<div
class="mainPageSearchForm uk-background-norepeat uk-background-cover uk-background-top-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle" uk-height-viewport="offset-top: true;offset-bottom: 20">
<div class="uk-width-1-1">
<div class="uk-position-relative">
<div class="uk-container uk-margin-medium">
<div class="tm-header-placeholder uk-margin-medium" style="height: 84px;"></div>
<div class="search_box_bg uk-grid-large uk-flex-middle uk-grid uk-grid-stack" uk-grid="">
<div class="uk-width-1-1@m uk-first-column">
<div data-id="page#4">
<p class="uk-text-large uk-text-center">Welcome to Research Community Dashboard! </p>
<p class="uk-text-large uk-text-center">Use a trusted partner to share, link, disseminate and monitor your research. </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div *ngIf= "communitiesResults != null && communitiesResults.length > 0">
<div class="uk-container uk-margin-top uk-margin-bottom">
<div class="uk-child-width-1-3@m uk-text-center " uk-grid>
<div *ngFor="let item of communitiesResults; let i = index">
<div class="uk-card uk-card-default">
<span *ngIf= "item.logoUrl != null">
<div class="uk-card-media-top">
<img src="{{item.logoUrl}}" alt="A logo goes here">
</div>
</span>
<div class="uk-card-body">
<div *ngIf="item.title != null" >
<h3 class="uk-card-title"><a [queryParams]="{communityId: item.communityId}" routerLinkActive="router-link-active" routerLink="/community">
{{item.title}}</a></h3>
</div>
<div *ngIf="item.title == null && item.shortTitle != null" >
<h3 class="uk-card-title"><a [queryParams]="{communityId: item.communityId}" routerLinkActive="router-link-active" routerLink="/community">
{{item.shortTitle}}</a></h3>
</div>
<p *ngIf="item.description != null" >{{item.description}}</p>
<a class="uk-button uk-button-primary"> Subscribe</a>
</div>
</div>
</div>
</div>
</div>
</div>