This repository has been archived on 2023-08-16. You can view files and clone it, but cannot push or open issues or pull requests.
FoodLoop-Web/pages/user/main.user.html
2017-03-10 13:26:13 +00:00

90 lines
No EOL
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>