WebSVN – SmartDukaan – Diff – //trunk/profitmandi-fofo/src/main/webapp/resources/js/warehouse-purchase.js

+            }
         });
         var $html = $(`<tr>
         <td><input type="text" class="form-control typeaheaditem" autocomplete="off" placeholder="Search Model"/></td>
-        <td><input type="number" class="form-control qty" name="qty" placeholder="Quantity"/></td>
+        <td><div class="mv-qty-cell"><input type="number" class="form-control qty" name="qty" placeholder="Quantity"/><span class="mv-avail-icon" style="display:none;" tabindex="0">i</span></div><div class="mv-qty-warn" style="display:none;"></div></td>
         <td><input type="number" class="form-control transferPrice" readonly tabindex="-1" placeholder="Transfer Price"/></td>
         <td><input type="number" class="form-control totalValue" tabindex="-1" readonly placeholder="Total Value"/></td>
         <td><input class="form-control btn btn-primary removeInPurchaseOrder" tabindex="-1" type="button" value="Remove"></td>
     </tr>`);
                 doGetAjaxRequestHandler(`${context}/getPricing?vendorId=${vendorId}&itemId=${itemId}&onDate=${poDate}`, function (response) {
                     if (response !== "null") {
                         if (response !== 'false') {
                             var jsonObj = JSON.parse(response);
                             $html.find('.transferPrice').val(jsonObj.transferPrice);
+                            renderMovementAvailability($html, jsonObj);
                             $html.find('input.qty').focus();
                             // Update the total value for this row
                             let qty = $html.find('.qty').val();
                             let transferPrice = jsonObj.transferPrice;
     });
     $(document).on('input', '.qty', function () {
         var $row = $(this).closest('tr');
         var qty = parseInt($(this).val());
+        checkMovableQty($row, qty);
         var transferPrice = parseFloat($row.find('.transferPrice').val());
         if (!isNaN(qty) && !isNaN(transferPrice)) {
             let total = qty * transferPrice;
             $row.find('.totalValue').val(total);
+        }
         $('.grnCorrectionRequestDetailContainer').html(response);
     });
+}
+/**
+ * Shows what the sending warehouse can actually release of an item, on the row where a quantity is being typed.
+ *
+ * Only our own warehouses answer with this; an outside vendor's pricing response carries no availability, and its row
+ * is left exactly as it was. Stock that is entirely promised is shown as zero with the orders holding it named, which
+ * is what lets someone chase those orders instead of only seeing a smaller number.
+ */
+function renderMovementAvailability($row, pricing) {
+    var $icon = $row.find('.mv-avail-icon');
+    if (!pricing || typeof pricing.movableOnThisPo === 'undefined') {
+        $icon.hide();
+        $row.removeData('movableOnThisPo');
+        return;
+    }
+    var cap = pricing.movableOnThisPo;
+    $row.data('movableOnThisPo', cap);
+    var rows = mvAvailLine('In stock', pricing.inStock);
+    if (pricing.promisedTotal > 0) {
+        rows += mvAvailLine('Promised on open orders', pricing.promisedTotal);
+        $.each(pricing.promised || [], function (i, po) {
+            rows += '<tr class="mv-po"><td>' + mvEscape(po.poNumber) + ' &middot; ' + mvEscape(po.poDate)
+                + (po.destination ? ' &rarr; ' + mvEscape(po.destination) : '')
+                + '</td><td>' + po.qty + '</td></tr>';
+        });
+    }
+    if (pricing.inbound > 0) {
+        rows += mvAvailLine('On the way in (not yet received)', pricing.inbound);
+    }
+    rows += '<tr class="mv-total"><td>Can move on this PO</td><td>' + cap + '</td></tr>';
+    var note = '';
+    if (pricing.costSplit) {
+        note += '<div class="mv-note">' + (pricing.movableAltogether - cap)
+            + ' more came in at a different cost &mdash; raise a separate PO for those.</div>';
+    }
+    if (cap === 0) {
+        note += '<div class="mv-note">Nothing can move until one of the orders above is completed or closed.</div>';
+    }
+    $icon.attr('data-mv-content', '<table class="mv-avail">' + rows + '</table>' + note);
+    $icon.removeClass('mv-none mv-part');
+    if (cap === 0) {
+        $icon.addClass('mv-none');
+    } else if (pricing.promisedTotal > 0) {
+        $icon.addClass('mv-part');
+    }
+    $icon.show();
+    $icon.popover('destroy');
+    $icon.popover({
+        html: true,
+        container: 'body',
+        placement: 'left',
+        trigger: 'hover focus',
+        title: 'Stock at ' + mvEscape(pricing.sourceName),
+        content: function () {
+            return $(this).attr('data-mv-content');
+        }
+    });
+    checkMovableQty($row, parseInt($row.find('.qty').val()));
+}
+/** Flags a quantity that the order cannot take, while it is being typed rather than on submit. */
+function checkMovableQty($row, qty) {
+    var cap = $row.data('movableOnThisPo');
+    var $qty = $row.find('.qty');
+    var $warn = $row.find('.mv-qty-warn');
+    if (typeof cap === 'undefined' || isNaN(qty)) {
+        $qty.removeClass('mv-over');
+        $warn.hide().empty();
+        return;
+    }
+    if (qty > cap) {
+        $qty.addClass('mv-over');
+        $warn.text(cap === 0 ? 'None can move right now' : 'Only ' + cap + ' can move on this PO').show();
+    } else {
+        $qty.removeClass('mv-over');
+        $warn.hide().empty();
+    }
+}
+function mvAvailLine(label, value) {
+    return '<tr><td>' + label + '</td><td>' + value + '</td></tr>';
+}
+/** Values here are warehouse and order names out of the database, so they are escaped before going into the popover. */
+function mvEscape(value) {
+    return $('<div/>').text(value === null || typeof value === 'undefined' ? '' : value).html();
+}

Subversion Repositories SmartDukaan

(root)//trunk/profitmandi-fofo/src/main/webapp/resources/js/warehouse-purchase.js – Rev 37564 → 37697