1
|
<div>
|
2
|
<div class="uk-width-1-1 uk-grid">
|
3
|
<div class="uk-width-1-1">
|
4
|
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
|
5
|
<div *ngIf="warningMessage" class="uk-alert uk-alert-warning">{{ warningMessage }}</div>
|
6
|
<div *ngIf="loadingMessage" class="loading-big">
|
7
|
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
|
8
|
{{ loadingMessage }}
|
9
|
</div>
|
10
|
<div class="transparentFilm"></div>
|
11
|
</div>
|
12
|
|
13
|
|
14
|
<div id="list_grid" *ngIf="reposOfUser && reposOfUser.length>0"
|
15
|
class="uk-grid uk-grid-match uk-grid-medium uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-4@l {{tilesView ? 'grid_view' : 'list_view'}}">
|
16
|
<div *ngFor="let repo of reposOfUser" class="uk-margin-medium-top">
|
17
|
|
18
|
<a class="md-card" [routerLink]="[getLinkToNext(repo)]">
|
19
|
<div >
|
20
|
<div class="md-card-head uk-text-center uk-position-relative">
|
21
|
<div *ngIf="parent === 'metrics'" class="{{getBadgeCSS(repo)}} uk-position-absolute uk-position-top-left uk-margin-left uk-margin-top">
|
22
|
{{getBadgeText(repo)}}
|
23
|
</div>
|
24
|
<img *ngIf="!repo.logoUrl" class="md-card-head-img dense-image dense-ready" src="../../../assets/imgs/yourLogoHere.jpg" alt="" data-dense-cap="2">
|
25
|
<img *ngIf="repo.logoUrl" class="md-card-head-img dense-image dense-ready" src="{{repo.logoUrl}}" alt="" data-dense-cap="2">
|
26
|
</div>
|
27
|
<div class="md-card-content">
|
28
|
<h4 class="heading_c uk-margin-bottom">{{repo.officialname}}</h4>
|
29
|
<p>{{repo.description}}</p>
|
30
|
<!--<a class="md-btn md-btn-small md-btn-success" [routerLink]="[getLinkToNext(repo)]">Add to Cart</a>-->
|
31
|
</div>
|
32
|
</div>
|
33
|
</a>
|
34
|
|
35
|
</div>
|
36
|
</div>
|
37
|
|
38
|
</div>
|
39
|
|
40
|
</div>
|
41
|
</div>
|