Download Project

Post your any code related problem to www.abctutorial.com

Follow the previous video and articles to complete the POS tutorials

Step-1:

We will show Order number as auto generated guid Id.

• Use this code to show Guid id in the Order page

ViewBag.InvoiceNum = Guid.NewGuid();

• Put this code to show the Order number in Invoice page.

<strong>@ViewBag.InvoiceNum</strong>

• Use this input box to carry Order number as hidden to save.

<input type="hidden" id="OrderNo" value="@ViewBag.InvoiceNum"/>

• Use this code to add ng-model to Customer name,address,phone

<div>
                            <input type="text" ng-model="Sale.CustomerName" class="BorderLess" placeholder="Customer name" />
                        </div>
                        <div><textarea class="BorderLess" ng-model="Sale.CustomerAddress" placeholder="Address"></textarea></div>
                        <div><input class="BorderLess" ng-model="Sale.CustomerPhone" type="number" placeholder="Phone" /></div>

Step-2:

• Add SaveInvoiceSale method inside your HomeController.cs

        [HttpPost]
        public JsonResult SaveInvoiceSale(Sale sale, List<SalesDetail> salesDetails)
        {
            PointOfSale.Helper.AppHelper.ReturnMessage retMessage = new AppHelper.ReturnMessage();
            POS_TutorialEntities db = new POS_TutorialEntities();
            retMessage.IsSuccess = true;

            foreach (var item in salesDetails)
            {
                sale.SalesDetails.Add(new SalesDetail { ProductId = item.ProductId, UnitPrice = item.UnitPrice, Quantity = item.Quantity, LineTotal = item.LineTotal });
                var prd = db.ProductStocks.Where(x => x.ProductId == item.ProductId && x.Quantity > 0).FirstOrDefault();
                prd.Quantity = prd.Quantity - item.Quantity;
                db.Entry(prd).State = EntityState.Modified;
            }
            db.Sales.Add(sale);
            retMessage.Messagae = "Save Success!";
            try
            {
                db.SaveChanges();
            }
            catch (Exception)
            {
                retMessage.IsSuccess = false;
            }

            return Json(retMessage, JsonRequestBehavior.AllowGet);
        }

• Add SaveInvoice method inside the HomeInvoiceController.js to save data.

$scope.SaveInvoice = function () {
	     $scope.Sale.OrderNo = $("#OrderNo").val();
            var data = JSON.stringify({
                sale: $scope.Sale, salesDetails: $scope.InvoiceCart
            });
            return $.ajax({
                contentType: 'application/json; charset=utf-8',
                dataType: 'json',
                type: 'POST',
                url: "/Home/SaveInvoiceSale",
                data: data,
                success: function (result) {
                    if (result.IsSuccess == true) {

                        //Reset();
                        alert("Save Success!");
                    }
                    else {
                        alert("Save failed!");
                    }
                },
                error: function () {
                    alert("Error!")
                }
            });
        }

• Add a button to click and save. Use SaveInvoice method name inside the ng-click.

<a class="btn btn-success" ng-click="SaveInvoice()">Save</a>

• Run the project and see the output