Upload all code

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

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

@ -0,0 +1,3 @@
<div ui-view="header"></div>
<div ui-view="sidebar"></div>
<div ui-view="main"></div>

67
pages/admin/adminCtrl.js Normal file
View file

@ -0,0 +1,67 @@
/* this controller specifies the logic layer of the admin page */
/* including the content to be display, sidebar, header */
/* functionailities involve for an admin */
app.controller('adminCtrl', function($scope,$state) {
$scope.users;
$scope.controllby = "admin";
// Initialize Firebase
$scope.pending_receipt_sum = 2;
$scope.pending_receipt = [
{
receipt_ref: "r1",
submitted_by : "John Lemon",
submitted_time: "31",
submitted_amount: "8.66",
details: "sjadsjoiadsj iasdn aisdn alsdi jadi jasdi ajsdoi ndi snd"
}
,
{
submitted_by : "User007",
submitted_time: "21",
submitted_amount: "22.22"
}
];
/* section for receipt management start * /
/* review a pending receipt */
/* fetch a list of pending receipt from server */
/* fetch a list of approve receipt from server */
$scope.reviewReceipt = function(myReceipt){
// testing
console.log("[DEBUG]: reviewReceipt called");
// show page for review this receipt
$state.go('admin.view_receipt', {receipt: myReceipt})
//
}
$scope.approve_receipt = function(receipt_ref){
// call api to approve a pending receipt
// notify user
}
$scope.fetch_pending_receipt = function(){
}
$scope.fetch_submitted_receipt = function(){
}
/* section for receipt management end */
// Get a reference to the database service
var database = firebase.database();
firebase.database().ref('/users/').once('value').then(function(snapshot) {
$scope.users = snapshot.val();
});
$scope.test = function(){
console.log("CLiced ");
console.log($scope.users);
}
});

View file

@ -0,0 +1,27 @@
<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" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Settings</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">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>

View file

@ -0,0 +1,50 @@
<main class="col-sm-9 offset-sm-3 col-md-10 offset-md-2 pt-3">
<div class="row no-gutters">
<div class="col-2">
<div class="rankCard">
<div class="receiptCardHeader"> Section toolbox </div>
</div>
</div>
<div class="col">
<div class="receiptCard">
<div class="receiptCardHeader"> List/Table </div>
<div class="tableCard">
<table class="table">
<thead>
<tr>
<th>Action</th>
<th>#</th>
<th>From</th>
<th>When</th>
<th>Amount</th>
</tr>
</thead>
<tbody>
<tr ng-repeat-start="receipt in pending_receipt">
<td>
<button type="button" class="btn btn-primary" ng-if="receipt.expanded" ng-click="receipt.expanded = false">review</button>
<button type="button" class="btn btn-primary" ng-if="!receipt.expanded" ng-click="receipt.expanded = true">review</button>
</td>
<td>{{$index + 1}}</td>
<td>{{receipt.submitted_by}}</td>
<td>{{receipt.submitted_time}} minutes ago</td>
<td>£{{receipt.submitted_amount}}</td>
</tr>
<tr ng-if="receipt.expanded" ng-repeat-end="">
<td colspan="5">
<div class="receiptDetailCard">
{{receipt.details}}
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- row first -->
</main>

View file

@ -0,0 +1,43 @@
<main class="col-sm-9 offset-sm-3 col-md-10 offset-md-2 pt-3">
<div class="row no-gutters">
<div class="col-2">
<div class="rankCard">
<div class="receiptCardHeader"> Section toolbox </div>
</div>
</div>
<div class="col">
<div class="receiptCard">
<div class="receiptCardHeader">{{receipt.receipt_ref}}</div>
<div class="tableCard">
<table class="table">
<thead>
<tr>
<th>#</th>
<th>From</th>
<th>When</th>
<th>Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{$index + 1}}</td>
<td>{{receipt.submitted_by}}</td>
<td>{{receipt.submitted_time}} minutes ago</td>
<td>£{{receipt.submitted_amount}}</td>
</tr>
</tbody>
</table>
</div>
<!-- table card-->
<div class="receiptImageCard">
<div> </div>
</div>
<!-- receiptImageCard-->
</div>
<!-- receipt card -->
</div>
<!-- col -->
</div>
<!-- row first -->
</main>

View file

@ -0,0 +1,46 @@
<!-- This page defines a side bar for admin -->
<nav class="col-sm-3 col-md-2 hidden-xs-down bg-faded sidebar">
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link active" href="#">Admin Portal <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">User Management</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Trader Management</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sign out</a>
</li>
</ul>
<ul class="nav nav-pills flex-column" id="meq">
<li class="nav-item">
<a class="nav-link active" href="#">Receipt Management</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pending receipt
<span class="badge badge-danger">{{pending_receipt_sum}}</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Option 2</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Option 3</a>
</li>
</ul>
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link" href="#">Nav item again</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">One more nav</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Another nav item</a>
</li>
</ul>
</nav>