Sell Unit By Name & Sku Search

Author: codefacts

Menu.js

@@ -46,7 +46,10 @@ class Menu extends React.Component {
 
 
                 <IndexLink to={Uris.SELL_INVENTORY_TRACK.CREATE} activeClassName="active"
-                           className="list-group-item">Sell Inventory Relation</IndexLink>
+                           className="list-group-item">Create Sell Inventory Relation</IndexLink>
+
+                <IndexLink to={Uris.SELL_INVENTORY_TRACK.BASE} activeClassName="active"
+                           className="list-group-item">Sell Inventory Relations</IndexLink>
 
             </div>
 

inventory/AddRemoveEditProducts.js

@@ -146,8 +146,6 @@ var AddRemoveEditProducts = React.createClass({
 
                     <TableHeaderColumn dataField="name" dataFormat={$this.formatName}>Name</TableHeaderColumn>
                     <TableHeaderColumn dataField="quantity">Quantity</TableHeaderColumn>
-                    <TableHeaderColumn dataField="added">Added</TableHeaderColumn>
-                    <TableHeaderColumn dataField="removed">Removed</TableHeaderColumn>
                     <TableHeaderColumn dataField="unitId" dataFormat={$this.formatUnit}>Unit</TableHeaderColumn>
                     <TableHeaderColumn dataField="action" dataFormat={$this.formatAction}>Action</TableHeaderColumn>
                 </BootstrapTable>

inventory/List.js

@@ -113,12 +113,6 @@ module.exports = ListInventories = React.createClass({
                     Add/Remove/Edit Products
                 </a>
 
-                <a href={Uris.toAbsoluteUri(Uris.INVENTORY.VIEW, {id: inventory.id})}
-                   className="btn btn-success"
-                   style={{marginRight: '5px'}} title="View this inventory.">
-                    View
-                </a>
-
                 {
                     auth.currentUser().username != "admin" ? null : (
                         <span className="btn btn-danger" title="Delete this inventory."

product/ProductList.js

@@ -37,9 +37,7 @@ module.exports = ProductList = React.createClass({
                         <TableHeaderColumn dataField="forSale"
                                            dataFormat={forSale => !!forSale ? 'Yes' : 'No'}>
                             For Sale</TableHeaderColumn>
-
-                        <TableHeaderColumn dataField="inventories" dataFormat={$this.formatInventories}>
-                            Inventory</TableHeaderColumn>
+                        
                         <TableHeaderColumn dataField="sku">SKU</TableHeaderColumn>
                         <TableHeaderColumn dataField="remarks">Remarks</TableHeaderColumn>
                         <TableHeaderColumn dataField="action" dataFormat={$this.formatAction}>Action</TableHeaderColumn>

sell/ListTrack.js

@@ -2,6 +2,9 @@
 
 import React from 'react';
 var ProductDependencyList = require('./ProductDependencyList');
+var trkSv = require('./TrackService');
+var productService = require('../product/ProductService');
+var Promise = require('bluebird');
 
 class ListTrack extends React.Component {
     constructor(props) {
@@ -12,6 +15,58 @@ class ListTrack extends React.Component {
             products: [],
             productsById: {},
         };
+        this.componentDidMount.bind(this);
+    }
+
+    componentDidMount() {
+        var $this = this;
+
+        var arr = [];
+
+        arr.push(
+            trkSv.findAll()
+                .then(rsp => {
+                    return {
+                        tracks: rsp.data,
+                        tracksByProductId: rsp.data
+                            .reduce((map, track) => {
+
+                                var kk = map[track.productId] || [];
+
+                                kk.push(track);
+
+                                map[track.productId] = kk;
+
+                                return map;
+                            }, {})
+                    };
+                }))
+        ;
+
+        arr.push(
+            productService.findAllDecomposed()
+                .then(rsp => {
+                    return {
+                        products: rsp.data,
+                        productsById: rsp.data.reduce((map, product) => {
+                            map[product.id] = product;
+                            return map;
+                        }, {})
+                    };
+                })
+        )
+
+        Promise.all(arr)
+            .then(states => {
+                return states.reduce((map, state) => {
+                    for (var x in state) {
+                        map[x] = state[x];
+                    }
+                    return map;
+                }, {});
+            })
+            .then(state => $this.setState(state))
+        ;
     }
 
     render() {

sell/ProductDependencyList.js

@@ -2,6 +2,7 @@
 var Stream = require('streamjs');
 
 import React from 'react';
+var Uris = require('../Uris');
 
 class ProductDependencyList extends React.Component {
     constructor(props) {
@@ -15,7 +16,7 @@ class ProductDependencyList extends React.Component {
         var products = $this.props.products;
         return (
 
-            <table class="table table-condensed">
+            <table className="table table-condensed">
                 <thead>
                 <tr>
                     <th>
@@ -35,17 +36,22 @@ class ProductDependencyList extends React.Component {
                                 product: productsById[p.id] || {}
                             };
                         })
+                        .peek(p => console.log("product", p.name))
                         .filter(e => !!e.tracks.length)
                         .map(e => {
                             const {tracks, product} = e;
                             return (
-                                <tr>
-                                    <td>{product.name}</td>
+                                <tr key={Math.random()}>
+                                    <td>
+                                        <a href={Uris.toAbsoluteUri(Uris.SELL_INVENTORY_TRACK.UPDATE, {productId: product.id})}>{product.name}</a>
+                                    </td>
                                     <td>
                                         {
                                             tracks.map((tk, idx) => {
                                                 return (
-                                                    tk.name
+                                                    <span key={Math.random()}>
+                                                        {productsById[tk.inventoryProductId].name + ((idx === (tracks.length - 1)) ? '' : ', ')}
+                                                    </span>
                                                 );
                                             })
                                         }

sell/TrackService.js

@@ -41,7 +41,10 @@ class TrackService {
     create(tracks) {
         return new Promise(function (resolve, reject) {
 
-            tracks.forEach(tk => tk.productId = tk.id);
+            tracks.forEach(tk => {
+                tk.productId = tk.id
+                delete tk.id;
+            });
 
             console.log("SEND." + ServerEvents.CREATE_TRACK, JSON.stringify(tracks));
 
@@ -64,7 +67,10 @@ class TrackService {
 
     update(productId, tracks) {
 
-        tracks = tracks.forEach(tk => tk.productId = tk.id);
+        tracks.forEach(tk => {
+            tk.productId = tk.productId || tk.id;
+            delete tk.id;
+        });
 
         return new Promise(function (resolve, reject) {
 

sell/TrackingEdit.js

@@ -123,10 +123,16 @@ module.exports = TrackEdit = React.createClass({
         ;
 
         arr.push(
-            trkSv.find({productId: $this.props.params.productId})
-                .then(trks => {
-                    return {tracks: trks, productId: $this.props.params.productId};
-                }))
+            trkSv.findAll({productId: $this.props.params.productId})
+                .then(rsp => {
+                    return {
+                        tracks: rsp.data.map(tk => {
+                            tk.no = Math.random();
+                            tk.id = tk.productId;
+                            return tk;
+                        }), productId: $this.props.params.productId
+                    };
+                }));
 
         Promise.all(arr)
             .then(list => {