37 lines
1.5 KiB
HTML
37 lines
1.5 KiB
HTML
<div class="card text-center">
|
|
<div class="card-block">
|
|
<ul style="list-style: none; padding-left: 0;">
|
|
<div class="row no-gutters">
|
|
<div class="col-12 col-sm-6 col-md-3 mx-auto">
|
|
<li class="hidden-sm-down">
|
|
<div>My Points</div>
|
|
<div class="number-circle mx-auto"><strong>{{ userSum / 10 | number:'1.0-0' }}</strong></div>
|
|
</li>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 mx-auto">
|
|
<li class="hidden-sm-down">
|
|
<div class="">My Rank</div>
|
|
<div *ngIf="userPosition == 0" class="statuscontent">
|
|
<div class="number-circle mx-auto"><strong>Unranked</strong></div>
|
|
</div>
|
|
<div *ngIf="userPosition != 0" class="statuscontent">
|
|
<div class="number-circle mx-auto"><strong>{{ userPosition }}</strong></div>
|
|
</div>
|
|
</li>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 mx-auto">
|
|
<li class="hidden-sm-down">
|
|
<div class="">My Total Spend</div>
|
|
<div class="number-circle mx-auto"><strong>{{ userSum | currency:'GBP':'symbol':'1.2-2' }}</strong></div>
|
|
</li>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 mx-auto">
|
|
<li class="hidden-sm-down">
|
|
<div class="">Value to Local Economy</div>
|
|
<div class="number-circle mx-auto"><strong>{{ userSum * 2.3 | currency:'GBP':'symbol':'1.2-2' }}</strong></div>
|
|
</li>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|