90 lines
2.4 KiB
HTML
90 lines
2.4 KiB
HTML
|
<main class="col-sm-9 offset-sm-3 col-md-10 offset-md-2 pt-3">
|
||
|
|
<!--display my ranking -->
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="flCard">
|
||
|
|
<div class="flCardHeader">
|
||
|
|
<div class="title">Rank</div>
|
||
|
|
</div>
|
||
|
|
<div class="flCardMain"> 1 </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="flCard">
|
||
|
|
<div class="flCardHeader">Points</div>
|
||
|
|
<div class="flCardMain"> 888 </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="flCard">
|
||
|
|
<div class="flCardHeader">Spend</div>
|
||
|
|
<div class="flCardMain"> £100 </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="flCard">
|
||
|
|
<div class="flCardHeader">Re-spend</div>
|
||
|
|
<div class="flCardMain"> £5.00 </div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- first row end -->
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col-3">
|
||
|
|
<div class="pearCard margin16">
|
||
|
|
<div class="pearCardHeader"> My receipt </div>
|
||
|
|
<div class="receiptItem">
|
||
|
|
Pending receipt <span class="badge badge-danger">5</span>
|
||
|
|
</div>
|
||
|
|
<div class="receiptItem">
|
||
|
|
Submit a receipt
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col-5">
|
||
|
|
<div class="pearCard margin16">
|
||
|
|
<div class="pearCardHeader"> Personal overview </div>
|
||
|
|
<flChart> </flChart>
|
||
|
|
<canvas id="myChart"></canvas>
|
||
|
|
</div>
|
||
|
|
<!-- flCard-->
|
||
|
|
</div>
|
||
|
|
<!-- col-5 receipt-->
|
||
|
|
|
||
|
|
<div class="col">
|
||
|
|
<div class="pearCard margin16">
|
||
|
|
<div class="pearCardHeader"> Top players of the month </div>
|
||
|
|
<div class="rankCardContent">
|
||
|
|
<table class="table table-hover">
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<th>#</th>
|
||
|
|
<th>Username</th>
|
||
|
|
<th>Points</th>
|
||
|
|
<th>Receipts submitted</th>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- col for pending receipt -->
|
||
|
|
</div>
|
||
|
|
<!-- row -->
|
||
|
|
<!--<button ng-click="displayChart()"> Hit me </button>-->
|
||
|
|
</main>
|