Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
User order page almost finished
  • Loading branch information
@adl13006
adl13006 committed Dec 8, 2015
1 parent 29ebfe1 commit c586354
Show file tree
Hide file tree
Showing 2 changed files with 97 additions and 10 deletions.
62 changes: 58 additions & 4 deletions TeamDBAwesome/TeamDBAwesome/js/userController.js
View file
Expand Up @@ -85,7 +85,7 @@ angular.module('routerApp').controller('userController', function ($q, $window,
]; ];


$scope.orderColumns = [ $scope.orderColumns = [
{ field: 'TrackId', displayName: ' ', width: "5%", cellTemplate: '<center><button data-ng-click="grid.appScope.addToCart({{row.entity.TrackId}})" class="btn btn-success btn-xs"> + </button></center></td>' }, { field: 'TrackId', displayName: ' ', width: "30%", cellTemplate: '<center><button data-ng-click="grid.appScope.addToCart({{row.entity.TrackId}})" class="btn btn-success btn-xs"> + </button></center></td>' },
{ field: 'TrackName', displayName: ' Track Name', width: "20%" }, { field: 'TrackName', displayName: ' Track Name', width: "20%" },
{ field: 'artist', displayName: ' Artist Name', width: "20%" }, { field: 'artist', displayName: ' Artist Name', width: "20%" },
{ field: 'AlbumTitle', displayName: ' Album ', width: "15%" }, { field: 'AlbumTitle', displayName: ' Album ', width: "15%" },
Expand Down Expand Up @@ -171,7 +171,7 @@ angular.module('routerApp').controller('userController', function ($q, $window,
} }


$scope.addToCart = function (trackid) { $scope.addToCart = function (trackid) {
console.log(trackid); console.log(trackid + "the track id");
var promise = $http({ var promise = $http({
method: "get", method: "get",
url: "http://localhost:50031/api/AddTrackOrder?trackId=" + trackid + "&orderId=" + $scope.currOrderID, url: "http://localhost:50031/api/AddTrackOrder?trackId=" + trackid + "&orderId=" + $scope.currOrderID,
Expand All @@ -188,7 +188,42 @@ angular.module('routerApp').controller('userController', function ($q, $window,
console.log($scope.currOrder); console.log($scope.currOrder);
}) })
}); });


}

// functions for adding playlists to cart
$scope.addPLToCart = function (plid) {
console.log("cats");
console.log(plid);
var promise = $http.get("http://localhost:50031/api/GetPlaylist?PlaylistID=" + plid)
.success(function (response) {
$scope.currplaylist = angular.copy(response);
console.log($scope.currplaylist);
});
promise.then(function () {
console.log($scope.currplaylist);
var end = $scope.currplaylist.length;
for (var i = 0; i < end; i++) {
$scope.addToCart($scope.currplaylist[i].TrackId);
}
});
}

$scope.addMPLToCart = function (plid) {
console.log("cats");
console.log(plid);
var promise = $http.get("http://localhost:50031/api/GetPlaylist?PlaylistID=" + plid)
.success(function (response) {
$scope.currplaylist = angular.copy(response);
console.log($scope.currplaylist);
});
promise.then(function () {
console.log($scope.currplaylist);
var end = $scope.currplaylist.length;
for (var i = 0; i < end; i++) {
$scope.addToCart($scope.currplaylist[i].TrackId);
}
});
} }


// Order Functions // Order Functions
Expand Down Expand Up @@ -287,14 +322,33 @@ angular.module('routerApp').controller('userController', function ($q, $window,
$scope.currOrder = angular.copy(response); $scope.currOrder = angular.copy(response);
console.log($scope.currOrder); console.log($scope.currOrder);
}) })
}); });
}; };


// get Payment info for the current user
$scope.getPayments = function () {
$http.get("http://localhost:50031/api/GetPayment?CustomerID=" + $cookies.get('userid'))
.success(function (response) {
$scope.currpayments = angular.copy(response);
console.log($scope.currpayments);
})

};

// From shopping cart to invoice
$scope.buy = function (payid) {
$http.get("http://localhost:50031/api/GenerateInvoice?custId=" + $cookies.get('userid') + "&payId=" + payid + "&orderId=" + $scope.currOrderID)
.success(function (response) {
$state.go('user-orders');
$scope.messages = "Your order has been submitted.";
})
}
// Initialize Order Informations // Initialize Order Informations
$scope.initOrders = function () { $scope.initOrders = function () {
$scope.getPlaylists(); $scope.getPlaylists();
$scope.getMyPlaylists(); $scope.getMyPlaylists();
$scope.getMyOrder(); $scope.getMyOrder();
$scope.getPayments();
} }




Expand Down
45 changes: 39 additions & 6 deletions TeamDBAwesome/TeamDBAwesome/pages/user-orders.html
View file
Expand Up @@ -11,15 +11,15 @@
<center>Click a playlist to see track listing</center> <center>Click a playlist to see track listing</center>
<tr ng-repeat="x in myPlaylists"> <tr ng-repeat="x in myPlaylists">
<td width="80%"> <td width="80%">
<text ng-click="openCustom('sm'',x)">{{x.Name}}</text> <text ng-click="open(x)">{{x.Name}}</text>
</td> </td>
<td width="20%">Add to Cart</td> <td width="20%"><center><button data-ng-click="addMPLToCart({{x.PlaylistID}})" class="btn btn-success btn-xs"> Add to cart </button></center></td></td>
</tr> </tr>
<tr ng-repeat="x in playlists"> <tr ng-repeat="x in playlists">
<td width="80%"> <td width="80%">
<text ng-click="open(x)">{{x.Name}}</text> <text ng-click="open(x)">{{x.Name}}</text>
</td> </td>
<td width="20%">Add to Cart</td> <td width="20%"><center><button data-ng-click="addPLToCart({{x.PlaylistID}})" class="btn btn-success btn-xs"> Add to cart </button></center></td> </td></td>
</tr> </tr>
</table> </table>
</uib-tab> </uib-tab>
Expand Down Expand Up @@ -49,11 +49,30 @@
</td> </td>
</table> </table>
</form> </form>
<div id="grid1" ui-grid="orderOptions" class="gridStyle"></div> <div style="overflow-y: scroll; height:450px;">
<table>
<td width="5%"><center></center></td>
<td width="25%"><center>Track Name</center></td>
<td width="25%"><center>Album Name</center></td>
<td width="16%"><center>Media Type</center></td>
<td width="8%"><center>Genre</center></td>
<td width="5%">CLIP</td>
<td width="10%"><center>Price</center></td>
<tr ng-repeat="x in orderOptions.data">
<td width="3%"> <center><button data-ng-click="addToCart({{x.TrackId}})" class="btn btn-success btn-xs"> + </button></center></td> </td>
<td width="30%">{{x.TrackName}}</td>
<td width="30%">{{x.AlbumTitle}}</td>
<td width="16%">{{x.MediaType}}</td>
<td width="8%">{{x.Genre}}</td>
<td width="5%">CLIP</td>
<td width="4%">{{x.UnitPrice}}</td>
</tr>
</table>
</div>
</uib-tab> </uib-tab>
</uib-tabset> </uib-tabset>
</div> </div>
<div class="col-sm-3 middle" style="overflow-y: scroll; height:450px;"> <div class="col-sm-3 middle" style="overflow-y: scroll; height:530px;">
<table> <table>
<tr><th colspan="2"><center>Current Order</center></th></tr> <tr><th colspan="2"><center>Current Order</center></th></tr>
<td width="90%"><center>Track Name</center></td> <td width="90%"><center>Track Name</center></td>
Expand All @@ -67,6 +86,20 @@
</div> </div>
</div> </div>


<form name="myForm">
<p>Choose your payment method</p>
<ul>
<li ng-repeat="x in currpayments">
<label>
Payment Type: {{x.Type}}
<input type="radio" ng-model="$parent.pay" name="pay" value="{{x.PayId}}" required />
</label>
</li>
</ul>

</form>
<div align="right"><button ng-disabled="myForm.$invalid" data-ng-click="buy(pay)" class="btn btn-primary btn-lg"> Purchase Cart </button></div>





<br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br />
Expand Down

0 comments on commit c586354

Please sign in to comment.