Subversion Repositories SmartDukaan

<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                <li><i class="icon_document_alt"></i>SEND PO NOTIFICATION</li>
            </ol>
        </div>
    </div>

    <div class="row" style="background:white;background-color:white;padding:10px;min-height:600px">

        <form>
            <div class="row">
                <div class="col-lg-2">
                    <div class="form-group">
                        <label for="warehouseId">Select Warehouse</label>
                        <select class="form-control" id="warehouseId">
                            #foreach($warehouse in $warehouses.entrySet())
                                <option value="$warehouse.getKey()">$warehouse.getValue()</option>
                            #end
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <label for="entityData">Choose Model</label>
                    <div class="input-group">
                        <input type="text" class="form-control typeahead" id="entityData"
                               placeholder="Search Models">
                        <span class="input-group-btn">
                            <button id="model-to-notify" class="btn btn-default" type="button">Add Model</button>
                        </span>
                    </div>
                </div>
                <div class="col-lg-2">
                    <label for="entityData">&nbsp;</label><br>
                    <button id="po-notify-send" class="btn btn-primary" type="button">Send Notification</button>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8">
                    <table id="catalog-id-container" class="table table-striped">
                        <tr>
                            <th>Model Name</th>
                            <th>Action</th>
                        </tr>
                        <tbody>
                        </tbody>
                    </table>
                </div>
            </div>
        </form>
    </div>
</section>
<script type="text/javascript">
    $(document).ready(function () {
        getEntityAheadOptions($("#entityData"), function (selectedEntity) {
            itemCatalogId = selectedEntity.catalogId_i;
            itemTitle = selectedEntity.title_s
        });
        $("#model-to-notify").click(function () {
            let container = `<tr data-id="${itemCatalogId}">
                    <td>${itemTitle}</td>
                    <td><button class="btn btn-sm btn-primary mk_remove_model" type="button">Remove Model</button></td>
                </div>`;
            $("#catalog-id-container").append(container);
        });
        let catalogIds = [];
        $("#po-notify-send").click(function () {
            $("#catalog-id-container").find("tr").slice(1).toArray().forEach(function (ele) {
                catalogIds.push($(ele).data('id'));
            });
            if (catalogIds.length == 0) {
                alert("please select models");
            }
            if (confirm("Send Notification?")) {

                let poItemWarehouseModel = {
                    warehouseId: $("#warehouseId").val(),
                    catalogIds: catalogIds
                }
                doPostAjaxRequestWithJsonHandler(`${context}/indent/send-po-notification`, JSON.stringify(poItemWarehouseModel), function (response) {
                    if (response) {
                        alert("Notified Successfully");
                    }
                });
            }

        });
    });
</script>