Newer
Older
<div class="container-fluid" style="padding-left: 3%; padding-right: 3%; max-width: 1700px;">
<h2>{{ 'achievements.title' | translate}}</h2>
<h3>{{ 'achievements.toComplete' | translate}}</h3>
<p></p>
<ul class="list-group" *ngIf="statistics">
<li *ngIf="statistics.views && statistics.views > config.views[1] && statistics.views <= config.views[2]"
class="list-group-item justify-content-between align-items-center">
Eduard Frankford
committed
<div class="container">
<div class="row">
<div class="col-3">{{ 'achievements.moreThan' | translate}} {{config.views[2]}} {{
'achievements.views' |
translate}}</div>
<div class="col-9">
<div class="row">
<div class="col-11">
<ngb-progressbar type="success" [value]="statistics.views / config.views[2] * 100"
Eduard Frankford
committed
[striped]="true">{{statistics?.views}}
</ngb-progressbar>
</div>
<div class="col-1">
<fa-icon icon="trophy" class="goldiconcolor"></fa-icon>
</div>
</div>
</div>
<li *ngIf="statistics.views && statistics.views > config.views[0] && statistics.views <= config.views[1]"
class="list-group-item justify-content-between align-items-center">
Eduard Frankford
committed
<div class="container">
<div class="row">
<div class="col-3">{{ 'achievements.moreThan' | translate}} {{config.views[1]}} {{
'achievements.views' |
translate}}</div>
<div class="col-9">
<div class="row">
<div class="col-11">
<ngb-progressbar type="success" [value]="statistics.views / config.views[1] * 100"
[striped]="true">{{statistics.views}}
Eduard Frankford
committed
</ngb-progressbar>
</div>
<div class="col-1">
<fa-icon icon="trophy" class="silvericoncolor"></fa-icon>
</div>
</div>
</div>
<li *ngIf="statistics.views && statistics.views <= config.views[0]"
class="list-group-item justify-content-between align-items-center">
Eduard Frankford
committed
<div class="container">
<div class="row">
<div class="col-3">{{ 'achievements.moreThan' | translate}} {{config.views[0]}} {{
'achievements.views' |
translate}}</div>
<div class="col-9">
<div class="row">
<div class="col-11">
<ngb-progressbar type="success" [value]="statistics.views / config.views[0] * 100"
[striped]="true">{{statistics.views}}
Eduard Frankford
committed
</ngb-progressbar>
</div>
<div class="col-1">
<fa-icon icon="trophy" class="bronzeiconcolor"></fa-icon>
</div>
</div>
</div>
<li *ngIf="statistics.downloads && statistics.downloads > config.downloads[1] && statistics.downloads <= config.downloads[2]"
class="list-group-item justify-content-between align-items-center">
Eduard Frankford
committed
<div class="container">
<div class="row">
<div class="col-3">{{ 'achievements.moreThan' | translate}} {{config.downloads[2]}} {{
'achievements.downloads' |
translate}}</div>
<div class="col-9">
<div class="row">
<div class="col-11">
<ngb-progressbar type="success"
[value]="statistics.downloads / config.downloads[2] * 100" [striped]="true">
{{statistics.downloads}}
Eduard Frankford
committed
</ngb-progressbar>
</div>
<div class="col-1">
<fa-icon icon="trophy" class="goldiconcolor"></fa-icon>
</div>
</div>
</div>
<li *ngIf="statistics.downloads && statistics.downloads > config.downloads[0] && statistics.downloads <= config.downloads[1]"
class="list-group-item justify-content-between align-items-center">
Eduard Frankford
committed
<div class="container">
<div class="row">
<div class="col-3">{{ 'achievements.moreThan' | translate}} {{config.downloads[1]}} {{
'achievements.downloads' |
translate}}</div>
<div class="col-9">
<div class="row">
<div class="col-11">
<ngb-progressbar type="success"
[value]="statistics.downloads / config.downloads[1] * 100" [striped]="true">
{{statistics.downloads}}
Eduard Frankford
committed
</ngb-progressbar>
</div>
<div class="col-1">
<fa-icon icon="trophy" class="silvericoncolor">
</fa-icon>
</div>
</div>
</div>
<li *ngIf="statistics.downloads && statistics.downloads <= config.downloads[0]"
class="list-group-item justify-content-between align-items-center">
Eduard Frankford
committed
<div class="container">
<div class="row">
<div class="col-3">{{ 'achievements.moreThan' | translate}} {{config.downloads[0]}} {{
'achievements.downloads' |
translate}}</div>
<div class="col-9">
<div class="row">
<div class="col-11">
<ngb-progressbar type="success"
[value]="statistics.downloads / config.downloads[0] * 100" [striped]="true">
{{statistics.downloads}}
Eduard Frankford
committed
</ngb-progressbar>
</div>
<div class="col-1">
<fa-icon icon="trophy" class="bronzeiconcolor">
</fa-icon>
</div>
</div>
</div>
</li>
</ul>
<div *ngIf="statistics.downloads && statistics.downloads > config.downloads[2] && statistics.views && statistics.views > config.views[2]" >
{{ 'achievements.finished' | translate}}
</div>
<p></p>
<h3>{{ 'achievements.completed' | translate}}</h3>
<p></p>
<div class="grid-container" *ngIf="statistics">
Eduard Frankford
committed
<div class=" justify-content-between align-items-center">
<fa-icon *ngIf="(statistics.views && statistics.views > config.views[0]) || (statistics.downloads && statistics.downloads > config.downloads[0])"
Eduard Frankford
committed
[ngbTooltip]="helpViewsBronze" icon="trophy" class="bronzeiconcolor big-icon"></fa-icon>
<ng-template #helpViewsBronze> Bronze achievements </ng-template>
Eduard Frankford
committed
<div class="justify-content-between align-items-center">
<div class="badge" *ngIf="statistics.views && statistics.views > config.views[0]">
Eduard Frankford
committed
{{ 'achievements.moreThan' | translate}} {{config.views[0]}} {{ 'achievements.views' |
translate}}
</div>
<br>
<div class="badge" *ngIf="statistics.downloads && statistics.downloads > config.downloads[0]">
Eduard Frankford
committed
{{ 'achievements.moreThan' | translate}} {{config.downloads[0]}} {{ 'achievements.downloads' |
translate}}
</div>
Eduard Frankford
committed
</div>
<div class="justify-content-between align-items-center">
<fa-icon *ngIf="(statistics.views && statistics.views > config.views[1]) || (statistics.downloads && statistics.downloads > config.downloads[1])"
Eduard Frankford
committed
[ngbTooltip]="helpViewsSilver" icon="trophy" class="silvericoncolor big-icon"></fa-icon>
<ng-template #helpViewsSilver> Silver Achievements </ng-template>
<div class="justify-content-between align-items-center">
<div class="badge" *ngIf="statistics.views && statistics.views > config.views[1]">
{{ 'achievements.moreThan' | translate}} {{config.views[1]}} {{ 'achievements.views' |
translate}}
</div>
<br>
<div class="badge" *ngIf="statistics.downloads && statistics.downloads > config.downloads[1]">
{{ 'achievements.moreThan' | translate}} {{config.downloads[1]}} {{ 'achievements.downloads' |
translate}}
</div>
Eduard Frankford
committed
<div class=" justify-content-between align-items-center">
<fa-icon *ngIf="(statistics.views && statistics.views > config.views[2]) || (statistics.downloads && statistics.downloads > config.downloads[2])"
Eduard Frankford
committed
[ngbTooltip]="helpViewsGold" icon="trophy" class="goldiconcolor big-icon"></fa-icon>
Eduard Frankford
committed
<ng-template #helpViewsGold> Gold Achievements</ng-template>
<div class="justify-content-between align-items-center">
Eduard Frankford
committed
<div class="badge" *ngIf="statistics.views && statistics.views > config.views[2]">
Eduard Frankford
committed
{{ 'achievements.moreThan' | translate}} {{config.views[2]}} {{ 'achievements.views' |
translate}}
</div>
<div class="badge" *ngIf="statistics.downloads && statistics.downloads > config.downloads[2]">
Eduard Frankford
committed
{{ 'achievements.moreThan' | translate}} {{config.downloads[2]}} {{ 'achievements.downloads' |
translate}}
</div>
<div *ngIf="(!statistics.downloads || statistics.downloads < config.downloads[0]) && (!statistics.views || statistics.views < config.views[0])">
{{ 'achievements.none' | translate}}
</div>
</div>