Subversion Repositories SmartDukaan

<div class="row">
    <div class="col-lg-12">
        <table class="table table-border table-condensed table-bordered" id="invoice-purchase-validate"
               style="width:100%">
            <thead>
            <tr>

                <th>Po Id</th>
                <th>Item Id</th>
                <th>Item</th>
                <th>Type</th>
                <th>Qty</th>
                <th>Excess Qty</th>
                <th>Price Mismatch</th>
                <th>Issues</th>
                <th>Imeis</th>
                <th>Return Imeis</th>


            </tr>
            </thead>
            <tbody>
                #if(!$invoicePurchaseModel.getWarehousePurchaseModel().isEmpty())
                    #foreach($invoicePurchase in $invoicePurchaseModel.getWarehousePurchaseModel())
                    <tr>
                        <td class="purchaseId"> $invoicePurchase.getPoId()</td>
                        <td class="itemId"> $invoicePurchase.getItemId() </td>
                        <td> $invoicePurchase.getItemDescription() </td>
                        #if($invoicePurchase.isSerialized())
                            <td class="itemType">Serialized</td>
                        #else
                            <td class="itemType">Non Serialized</td>
                        #end
                        <td class="qty"> $invoicePurchase.getQty() </td>

                        <td class="excessQty"> $invoicePurchase.getExcessQty() </td>
                        #if($invoicePurchase.getMismatch())
                            <td class="priceMismatch"> $invoicePurchase.getMismatch()</td>
                        #else

                            <td>-</td>

                        #end
                        #if(!$invoicePurchase.getIssues().isEmpty())
                            <td> $invoicePurchase.getIssues()</td>
                        #else
                            <td>Validated</td>

                        #end
                        #if($invoicePurchaseModel.isValidate() && $invoicePurchase.isSerialized())
                            <td width="20%"><input type="text" class="imeis-to-grn" placeholder=""></td>
                        #else
                            <td> -</td>
                        #end

                        #if($invoicePurchaseModel.isValidate() && $invoicePurchase.isSerialized() && $invoicePurchase.getExcessQty() > 0)
                            <td width="20%"><input type="text" class="imeis-to-grn-return" placeholder=""></td>
                        #else
                            <td> -</td>
                        #end
                    </tr>

                    #end
                #end

            </tbody>
        </table>

    </div>
</div>

<div class="row">

    #if($invoicePurchaseModel.getStatus() == "pending")

        <div class="col-lg-2 form-group">
            <input class="form-control btn btn-primary" type="button" value="Grn">
        </div>

    #else
        #if($invoicePurchaseModel.isValidate())

            <div class="col-lg-2 form-group">
                <input class="form-control btn btn-primary purchaseGrn"
                       data-invoiceid="$invoicePurchaseModel.getInvoiceId()" type="button" value="Grn">
            </div>


        #else

            <div class="col-lg-2 form-group">
                <input class="form-control btn btn-primary grnRequest"
                       data-invoiceid="$invoicePurchaseModel.getInvoiceId()" type="button" value="Raise Grn Request">
            </div>


        #end

    #end

</div>


<script>
    $(function () {
        //debugger;
        $("#invoice-purchase-validate > tbody > tr").each(function () {


            var qty = $(this).find(".qty").text();

            imeisToValidate = [];


            let imeiInputElem = $(this).find(".imeis-to-grn");
            imeiInputElem.tagsinput({
                maxTags: qty,
                trimValue: true,
                allowDuplicates: false,
                confirmKeys: [13, 44, 188, 32],
                delimiterRegex: /[,\s]/,
                tagClass: function (item) {
                    if (item.valid == null) return 'label label-primary';
                    if (item.valid) {
                        return 'label label-success';
                    } else {
                        return 'label label-danger';
                    }
                },
            });
        });

        $("#invoice-purchase-validate > tbody > tr").each(function () {

            var excessQty = $(this).find(".excessQty").text();


            imeisToValidate = [];

            let imeiInputElem = $(this).find(".imeis-to-grn-return");
            imeiInputElem.tagsinput({
                maxTags: excessQty,
                allowDuplicates: false,
                confirmKeys: [13, 44, 188, 32],
                delimiterRegex: /[,\s]/,
                trimValue: true,
                tagClass: function (item) {
                    if (item.valid == null) return 'label label-primary';
                    if (item.valid) {
                        return 'label label-success';
                    } else {
                        return 'label label-danger';
                    }
                },
            });


            imeiInputElem.on('beforeItemAdd', (event) => {
                if (event.item.indexOf(' ') > 0) {
                    event.cancel = true;
                    let strItem = event.item.replaceAll(' ', '');
                    imeiInputElem.tagsinput('add', strItem);
                }
            });
            console.log(imeiInputElem);


            console.log(imeisToValidate);

        });

    });

</script>