Pear-Trading/FoodLoop-Web
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Upload all code

Browse source
This commit is contained in:
weimin 2017-03-10 13:26:13 +00:00
parent 5df9958db6
commit 39f90b1897
36 changed files with 1649 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

24
pages/user/header.user.html Normal file
View file

@ -0,0 +1,24 @@
<nav class="navbar navbar-toggleable-md fixed-top navbar-inverse" style="background-color:#0091EA;">
<button class="navbar-toggler navbar-toggler-right hidden-lg-up" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">FoodLoop</a>
<div class="collapse navbar-collapse" id="navbarsExampleDefault">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" ui-sref="user">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" ui-sref=".settings">Settings</a>
</li>
<li class="nav-item">
<a class="nav-link" href=".help">Help</a>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>

BIN
pages/user/icon1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

28
pages/user/main.leaderboard.html Normal file
View file

@ -0,0 +1,28 @@
<main class="col-sm-9 offset-sm-3 col-md-10 offset-md-2 pt-3">
<div class="row">
<div class="col">
<table class="table">
<thead>
<tr>
<th>Position</th>
<th>Name</th>
<th>Pear points</th>
<th>Retailers spent with</th>
<th>Receipt submitted</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in leaderboard">
<td>{{$index + 1}}</td>
<td>{{user.name}}</td>
<td>{{user.pear_points}}</td>
<td>{{user.retailer_spent}}</td>
<td>{{user.receipt_submitted}}</td>
</tr>
</tbody>
</table>
</div>
<!-- col -->
</div>
<!-- row first -->
</main>

21
pages/user/main.settings.html Normal file
View file

@ -0,0 +1,21 @@
<main class="col-sm-9 offset-sm-3 col-md-10 offset-md-2 pt-3">
<div class="row">
<div class="col">
<div class="pearCard pearAutoHeight">
<div class="pearCardHeader"> Personal details </div>
<div class="pearCardContent">
<div class="row justify-content-center">
<div class="col-2">
<label>Username</label>
</div>
<div class="col">
<input type="text" placeholder="{{username}}">
</div>
</div>
</div>
</div>
</div>
<!-- col -->
</div>
<!-- row first -->
</main>

90
pages/user/main.user.html Normal file
View file

@ -0,0 +1,90 @@
<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>

30
pages/user/sidebar.user.html Normal file
View file

@ -0,0 +1,30 @@
<!-- This page defines a side bar for admin -->
<nav class="col-sm-3 col-md-2 hidden-xs-down bg-faded sidebar">
<!--<div class="row no-gutters">
<div class="col-5">
<div class="profilePic">
<img src="../../pages/user/icon1.png" class="profile-pic">
</div>
</div>
<div class="col-7">
<div class="profileInfo">
<h6>{{username}}</h6>
<div class="profileTitle">{{email}}</div>
</div>
</div>
</div>-->
<ul class="nav nav-pills flex-column" id="meq">
<li class="nav-item">
<a class="nav-link active" href="#">Key features</a>
</li>
<li class="nav-item">
<a class="nav-link" ui-sref=".receipt">Submit a receipt</a>
</li>
<li class="nav-item">
<a class="nav-link" ui-sref=".leaderboard">View Leaderboard</a>
</li>
</ul>
</nav>

3
pages/user/user.html Normal file
View file

@ -0,0 +1,3 @@
<user-header> </user-header>
<user-sidebar> </user-sidebar>
<user-main> </user-main>

65
pages/user/userCtrl.js Normal file
View file

@ -0,0 +1,65 @@
app.controller('userCtrl', function($scope,$location) {
$scope.user_rank = 1;
$scope.controllby = "user";
$scope.username = "John Smith";
$scope.email = "test007@test.com";
$scope.createChart = function(){
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
datasets: [{
label: '# of Votes',
data: [12, 19, 3, 5, 2, 3],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255,99,132,1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1
}]
},
options: {
responsive: true,
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
});
}
$scope.displayChart = function(){
// chart sample
var flData = [{x: 100, y: 100}, {x: 200, y: 200}, {x: 300, y: 300}];
var svg = d3.select("flChart").append("svg")
.attr("width","300px").attr("height","300px");
svg
.selectAll("circle").data(flData)
.enter().append("circle")
.attr("cx", function(d) { return d.x; })
.attr("cy", function(d) { return d.y; })
.attr("r", 2.5);
console.log(svg);
}
});