Skip to content

he Inventory Manager App is a tool for monitoring inventory levels for a small business. The Inventory Manager App allows organisation to record purchase orders and when these are fulfilled, record customers orders and when these are dispatched as well as to carry out periodic stock checks to update inventory levels.

Jymm18/InventoryManager

 
 

Repository files navigation

Inventory Manager

There are three ways in which inventory in this App can change. Users can raise purchase orders (PO) with their suppliers to bring new stock in. When a PO is raised, the inventory is ‘On Order’ but not yet ‘On Hand’. When the stock is received the inventory is ‘On Hand’. As the business receives orders from their customers and fulfil those orders, they reduce their ‘On Hand’ inventory. The business might in addition carry out periodic stock checks and record any inventory lost. All this is taken into account when calculating the ‘On Hand’ inventory for any product.

Main

The Inventory Manager App is a tool for monitoring inventory levels for a small business. The Inventory Manager App allows organisation to record purchase orders and when these are fulfilled, record customers orders and when these are dispatched as well as to carry out periodic stock checks to update inventory levels.

 

Modules

The Inventory Manager App Home Page provides easy access the primary modules which include the Product Manager Module,  the Purchase Order Module, the Manage Orders Module and the Stock Check module. In addition, the Setting tab of the Home page includes modules for managing Employees, Suppliers, Customers, Product Categories and Shipping Methods.

 

 

Access

Access is controlled through a log in screen. The administrator uses an associated Silverlight application to configure new users, create roles and permissions for those roles as well as to assign users to roles.

183134_Login

The Home Screen

The Home screen provides a main menu for accessing the App modules…

 

screenshot_04192014_090821

 

…as well as a module for accessing the settings.

screenshot_04192014_090936

Purchase Orders

The business adds to its inventory of products by raising PO’s with its suppliers. Clicking or tabbing on the Purchase Orders button takes the user to the ‘Browse Purchase Orders’ Page. On this page, the user is presented with a list of all PO’s. A search box is present for quickly navigating to a required PO’s.

screenshot_04192014_073528

 

Clicking or tabbing on any PO listed takes the user to a page for managing that PO. The ‘Add’ button allows new PO’s to be raised.

The PO page is laid out in a two tabs. The ‘Details’ tab presents key information about the PO such as the PO Number, the date raised date raised, the date the order is required by and the shipping method.

screenshot_04192014_073534

 

The PO Details tab contains a list of products included in that purchase order.

screenshot_04192014_073537

 

Clicking or tabbing on any items in the PO opens it for edit. New products can be added to the PO by clicking or tabbing on the ‘Add’ button.

screenshot_04192014_073541

 

Of course the built in LightSwitch validation of required fields and field lengths works great as expected…

screenshot_04192014_075633

…but we’ve also added business logic where it makes sense. So you can’t set the reorder level to a negative number.

screenshot_04192014_080222

 

Orders

Orders from customers are managed using the ‘Manage Orders’ module. Clicking or tabbing on the Manage Orders button takes the user to the ‘Browse Orders’ Page. On this page, the user is presented with a list of all Orders from customers. A search box is present for quickly navigating to a required Order.

screenshot_04192014_073555

 

Clicking or tabbing on any Order listed takes the user to a page for editing the Order. The ‘Add’ button allows new Orders to be raised.

The  page is laid out in a two tabs. The ‘Order Info’ tab presents key information about the Order such as the Order reference, the order date, the customer and the payment details.

screenshot_04192014_073559

 

The ‘Order Details’ tab contains a list of products for the order.

screenshot_04192014_073602

 

New products can be added to the order by clicking or tabbing on the ‘Add’ button. Exiting products on the order can be edited by clicking or tabbing on the product.

screenshot_04192014_073606

 

Stock Checks

The business can carry out periodic stock checks and record these using the ‘Stock Check’ module. Clicking or tabbing on the Stock Check button takes the user to the ‘Browse Stock Checks’ Page. On this page, the user is presented with a list of all Stock Checks previously undertaken. A search box is present for quickly navigating to a required Stock Check.

screenshot_04192014_073615

 

Clicking or tabbing on any Stock Check listed takes the user to a page for editing the Stock Check. The ‘Add’ button allows new Stock Checks to be created.

The  page is laid out in a two tabs. The ‘Stock Check Info’ tab presents key information about the Stock check such as the date carried out and the name of the employee who carried it out.

 

screenshot_04192014_073621

 

The ‘Stock Check Details’ tab lists the products for which a stock or inventory check was carried out and for each, it presents the number that were expected to be ‘On Hand’ and the number that were found to be available.

screenshot_04192014_073625

 

New product stock checks can be included by clicking or tabbing on the ‘Add’ button. Exiting products on the stock check can be editing by clicking or tabbing on the product. This opens the ‘Add Edit Stock Check Details’ dialog. In this dialog, we calculate and present to the user the number of units ‘Expected’ to be on hand based on purchase orders raised and received, orders placed by customers and fulfilled and inventory shrinkage based on previous stock checks. This is a read only field. The user completes the ‘Units Found’ field after undertaking the inventory check.

myapp.AddEditStockCheckDetail.created = function (screen) {
    function onProductChange() {
        var Int32 = ':Int32';
        var filter = '(Product/Id eq ' + msls._toODataString(screen.StockCheckDetail.Product.Id, Int32) + ')';
        var unitsReceived = 0;
        var unitsShipped = 0;
        var unitsLost = 0;

        myapp.activeDataWorkspace.ApplicationData.PurchaseOrderDetails.filter(filter).execute().then(function (results) {
            unitsReceived = CountOfUnitsReceived(results);
        })
        .then(function () {
            myapp.activeDataWorkspace.ApplicationData.OrderDetails.filter(filter).execute().then(function (results) {
                unitsShipped = CountOfUnitsShipped(results);
            })
            .then(function () {
                myapp.activeDataWorkspace.ApplicationData.StockCheckDetails.filter(filter).execute().then(function (results) {
                    unitsLost = CountOfUnitsLost(results);
                }).then(function () {
                    screen.StockCheckDetail.UnitsExpected = unitsReceived - (unitsShipped + unitsLost);
                })
            })
        });
    }

    screen.StockCheckDetail.addChangeListener("Product", onProductChange);
    screen.details.rootContentItem
    .handleViewDispose(function () {
        screen.StockCheckDetail.removeChangeListener("Product", onProductChange)
    });

    if (myapp.permissions["LightSwitchApplication:CanEditStockCheckDetails"]) {
        screen.findContentItem("DetailsTab").isReadOnly = false;
    }
    else {
        screen.findContentItem("DetailsTab").isReadOnly = true;
    }
};
<style type="text/css"></style> 

 

screenshot_04192014_073630

 

Manage Products

The ‘Manage Products’ module is the key place for reviewing the inventory levels for individual products. From the main menu, clicking or tabbing on the Manage Products button takes the user to the ‘Browse Products’ Page. On this page, the user is presented with a list of all Products on the inventory. A search box is present for quickly navigating to a required Product.

screenshot_04192014_073640

 

Clicking or tabbing on any Product listed takes the user to a page for editing the Product. The ‘Add’ button allows new Products to be added to the inventory.

The  page is laid out in a five tabs. The ‘Details’ tab, the ‘Purchase Orders’ tab, the ‘Orders’ tab, the ‘Stock Check’ tab and the ‘Product Subscribers’ tab.

 

The ‘Details’ tab presents key information about the Product such as the product name, category and descriptions as well as the re-order level and lead time. We also calculate and present the number of units ‘On Hand’ and the number ‘On Order’. The number of units ‘On Hand’ is based on purchase orders raised and received, orders placed by customers and fulfilled and inventory shrinkage recorded during stock checks. The number of units ‘On Order’ is based on purchase order placed but for which the orders have not yet been received.

screenshot_04192014_073646

 

The list of PO’s this product has been a part of is presented in the ‘Purchase Orders’ tab. New PO’s cannot be raised from this tab but existing PO’s can be edited.

screenshot_04192014_073709

The list of Orders this product has been a part of is presented in the ‘Orders’ tab. New Orders cannot be raised from this tab but existing Orders can be edited.

screenshot_04192014_073719

The list of Stock Checks this product has been a part of is presented in the ‘Stock Checks’ tab. New Stock Checks cannot be raised from this tab but existing Stock Checks can be edited.

screenshot_04192014_073727

The ‘Product Subscribers’ tab allows employees to register an interest in a particular product and be alerted by email when the inventory level of that product drops to or below the reorder level.

screenshot_04192014_073736

When inventory levels fall to or below reorder levels, all product subscribers are sent an email like this…

email

 

'…the email includes details such as the number of units On Hand, the reorder level and the number of unit On Order.

 

Settings

The Inventory Manager App allows users with the right permissions to edit various settings such as lists of employees, suppliers, customers, product categories and shipping methods.

screenshot_04192014_073820

screenshot_04192014_073830

screenshot_04192014_073849

screenshot_04192014_073903

screenshot_04192014_073912

 

Summary

The Inventory Manager App is a fully featured complete LightSwitch html5 line of business application which you can extend and adapt to your specific needs. This is a fully featured complete LightSwitch html5 line of business application which you can extend and adapt to your specific needs.

About

he Inventory Manager App is a tool for monitoring inventory levels for a small business. The Inventory Manager App allows organisation to record purchase orders and when these are fulfilled, record customers orders and when these are dispatched as well as to carry out periodic stock checks to update inventory levels.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 63.0%
  • C# 23.5%
  • CSS 11.6%
  • PLpgSQL 1.2%
  • Other 0.7%