Subversion Repositories SmartDukaan

Rev

Rev 31219 | Blame | Compare with Previous | Last modification | View Log | RSS feed

<section class="wrapper">
        <div class="row">
                <div class="col-lg-12 h-25">
                        <h3 class="page-header"><i class="icon_document_alt"></i>PriceDrop</h3>
                        <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>PriceDrop</li>
                                <li>
                                        <button type="button" data-toggle="modal" class="btn btn-sm btn-primary"
                                                        data-target="#newPriceDropModal">Add new Price Drop
                                        </button>
                                </li>
                                <li>
                                        <button type="button" data-toggle="modal" class="btn btn-sm btn-primary"
                                                        data-target="#addPriceModal">Add/Update Pricing
                                        </button>
                                </li>
                                <li>
                                        <button type="button" data-toggle="modal" class="btn btn-sm btn-primary mk_download_pricing"
                                                        data-target="#addPricing">Download Pricing
                                        </button>
                                </li>
                                <div id="addPriceModal" class="modal" role="dialog">
                                        <div class="modal-dialog">

                                                <!-- Modal content-->
                                                <div class="modal-content">
                                                        <div class="modal-header">
                                                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                <h4 class="modal-title">Add/Update Pricing</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                                <form id="pdForm1">
                                                                        <div class="form-group row">
                                                                                <div class="col-lg-8">
                                                                                        <label for="typeaheaditem1">Item:</label>
                                                                                        <input placeholder="Search Item" type="text" class="form-control typeahead"
                                                                                                   id="typeaheaditem1" name="Item" data-provide="typeahead"
                                                                                                   autocomplete="off">
                                                                                </div>
                                                                                <div class="col-lg-4">
                                                                                        <div>&nbsp;</div>
                                                                                        <button type="button" class="btn btn-primary mk_pause_button">Active/Pause
                                                                                        </button>
                                                                                </div>
                                                                        </div>
                                                                        <div class="form-group row">
                                                                                <div class="col-lg-2">
                                                                                        <label id="tpValue">TP - </label>
                                                                                        <input type="text" class="form-control" id="tp" placeholder="TP"/>
                                                                                </div>
                                                                                <div class="col-lg-2">
                                                                                        <label id="dpValue">DP - </label>
                                                                                        <input type="text" class="form-control" id="dp" placeholder="DP"/>
                                                                                </div>
                                                                                <div class="col-lg-2">
                                                                                        <label id="mopValue">MOP - </label>
                                                                                        <input type="text" class="form-control" id="mop" placeholder="MOP"/>
                                                                                </div>
                                                                                <div class="col-lg-2">
                                                                                        <label id="mrpValue">MRP -</label>
                                                                                        <input type="text" class="form-control" id="mrp" placeholder="MRP"/>
                                                                                </div>
                                                                        </div>
                                                                </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                                                <button type="button" class="btn btn-primary add-pricing">Add Pricing</button>
                                                        </div>

                                                </div>
                                        </div>
                                </div>

                                <div id="viewImeisModal" class="modal" role="dialog">
                                        <div class="modal-dialog">
                                                <!-- Modal content-->
                                                <div class="modal-content">
                                                        <div class="modal-header">
                                                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                <h4 class="modal-title">Process Price Drop - <b class="process-drop-id"></b></h4>
                                                        </div>
                                                        <div class="modal-body">
                                                                <form id="statusForm">
                                                                        <div class="form-group row">
                                                                                <div class="col-lg-7 ">
                                                                                        <input placeholder="Imeis to approve/reject" type="text"
                                                                                                   class="form-control mk_imeis_text" aria-label="...">
                                                                                </div>
                                                                                <div class="col-lg-4 form-group">
                                                                                        <select class="form-control input-sm" id="selectPriceDropStatus"
                                                                                                        name="selectPriceDropStatus" placeholder="Status"
                                                                                                        style="border: 3px solid black; width: 94px;">
                                                                                                <option value="status" disabled selected>Status</option>
                                                                                                <option value="pending">Pending</option>
                                                                                                <option value="rejected">Rejected</option>
                                                                                                <option value="approved">Approved</option>
                                                                                        </select>
                                                                                </div>
                                                                                <div class="col-lg-10">
                                                                                        <input placeholder="Rejection reason" type="text"
                                                                                                   class="form-control mk_rejection_reason" aria-label="...">
                                                                                        <button type="button" class="btn btn-primary" id="processPDButton">Submit
                                                                                        </button>
                                                                                </div>
                                                                        </div>
                                                                        <div class="form-group row">
                                                                                <div class="col-lg-3">
                                                                                        <h4>Pending (<span class="mk_pending_count"></span>)</h4>
                                                                                        <select multiple id="pendingList" class="mk_pending"
                                                                                                        style="width:98%;height:400px">
                                                                                        </select>
                                                                                </div>
                                                                                <div class="col-lg-3">
                                                                                        <h4>Rejected (<span class="mk_rejected_count"></span>)</h4>
                                                                                        <select multiple class="mk_rejected" style="width:98%;height:400px">
                                                                                        </select>
                                                                                </div>
                                                                                <div class="col-lg-3">
                                                                                        <h4>Approved (<span class="mk_approved_count"></span>)</h4>
                                                                                        <select multiple class="mk_approved" style="width:98%;height:400px">
                                                                                        </select>
                                                                                </div>

                                                                        </div>
                                                                </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                                <button type="button" class="closePriceDrop btn btn-primary">Close Price Dop</button>
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                                        </div>
                                                </div>
                                        </div>
                                </div>
                                <!-- Modal -->
                                <div id="newPriceDropModal" class="modal" role="dialog">
                                        <div class="modal-dialog">

                                                <!-- Modal content-->
                                                <div class="modal-content">
                                                        <div class="modal-header">
                                                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                                                <h4 class="modal-title">Add Price Drop</h4>
                                                        </div>
                                                        <div class="modal-body">
                                                                <form id="pdForm">
                                                                        <div class="form-group row">
                                                                                <div class="col-lg-6">
                                                                                        <input placeholder="Search Item" type="text" class="form-control typeahead"
                                                                                                   id="typeaheaditem" name="Item" data-provide="typeahead"
                                                                                                   autocomplete="off">
                                                                                </div>
                                                                                <div class="col-lg-3">
                                                                                        <input type="text" class="form-control" id="affectedDate"
                                                                                                   placeholder="Affected on" type="text"/>
                                                                                </div>
                                                                                <div class="col-lg-3">
                                                                                        <button type="button" class="btn btn-primary download-imeis">Download
                                                                                                IMEIs
                                                                                        </button>
                                                                                </div>
                                                                                <!--<div class="col-lg-4 checkbox">
                                          <label><input id="allColors" type="checkbox" value="">Apply to all Colors</label>
                                        </div>-->
                                                                        </div>
                                                                        <div class="form-group row">
                                                                                <div class="col-lg-3">
                                                                                        <label for="dpDrop">MOP:(<span id="oldMop"></span>)</label>
                                                                                        <input type="number" class="form-control" id="newMop">
                                                                                </div>
                                                                                <div class="col-lg-3">
                                                                                        <label for="dp">DP:(<span id="oldDp"></span>)</label>
                                                                                        <input type="number" class="form-control" id="newDp">
                                                                                </div>
                                                                                <div class="col-lg-3">
                                                                                        <label for="newTp">TP:(<span id="oldTp"></span>)</label>
                                                                                        <input type="number" class="form-control" id="newTp">
                                                                                </div>
                                                                        </div>
                                                                </form>
                                                        </div>
                                                        <div class="modal-footer">
                                                                <button type="button" class="addPriceDrop btn btn-primary">Add Price Drop</button>
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                                                        </div>
                                                </div>

                                        </div>
                                </div>
                        </ol>
                        <div class="d-flex ms-5 ">
                                <input placeholder="Set Duration" name="priceDropStatementPeriod"
                                           id="priceDropStatementPeriod"
                                           type="text" value="" class="input-sm">
                                <input
                                                class="btn btn-primary fetch-price-drop-statement-report" type="button"
                                                value="Submit">
                                <input
                                                class="btn btn-primary download-price-drop-statement-report" type="button"
                                                value="Download">
                        </div>
                </div>
        </div>

        <!-- Table Container - This will be replaced with AJAX content -->
        <div id="table-container">
                #parse("price-drop-table.vm")
        </div>
</section>
<script type="text/javascript">
        $('input[name="priceDropStatementPeriod"]').daterangepicker(getRangedDatePicker());
        $(document).ready(function () {
                $(".modal").on("hidden.bs.modal", function () {
                        $(".modal-body1").find(".mk_imeis_text").val('');
                });

                var start = moment().subtract(29, 'days');
                var end = moment();

                priceDropTable = $('#priceDrop').find('table').DataTable({
                        pageLength: 20,
                        order: [[5, 'desc']]
                });


                getItemAheadOptions($("#typeaheaditem"), true, function (selectedItem) {
                        currentItem = selectedItem;
                        doGetAjaxRequestHandler(context + "/item-pricing/" + currentItem.itemId, function (response) {
                                response = JSON.parse(response);
                                $('#oldDp').html(response.dp);
                                $('#oldMop').html(response.mop);
                                $('#oldTp').html(response.tp);
                                $('#oldNlc').html(response.nlc);
                        });
                });
                getItemAheadOptions($("#typeaheaditem1"), true, function (selectedItem) {
                        currentItem = selectedItem;
                        doGetAjaxRequestHandler(context + "/item-pricing/" + currentItem.itemId, function (response) {
                                $('.mk_pause_button').data("id", currentItem.catalogId);
                                $('.mk_pause_button').data("description", currentItem.itemDescription);
                                response = JSON.parse(response);
                                $("#mop").val(response.mop);
                                $("#mrp").val(response.mrp);
                                $("#dp").val(response.dp);
                                $("#tp").val(response.tp);
                                $('#dpValue').html("DP -" + response.dp);
                                $('#mopValue').html("MOP -" + response.mop);
                                $('#mrpValue').html("MRP -" + response.mrp);
                                $('#tpValue').html("TP -" + response.tp);
                        });
                });
                affectedDateInput = $('#affectedDate');
                affectedDateInput.daterangepicker(getSingleDatePicker());
                $("#newPriceDropModal").on('hidden.bs.modal', function () {
                        $("#pdForm").trigger("reset");
                });
                $("#addPriceModal").on('hidden.bs.modal', function () {
                        $("#pdForm1").trigger("reset");
        });
});
</script>