Subversion Repositories SmartDukaan

Rev

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

<style>
    .monitor-focused { background-color: #FFA500 !important; }
    .monitor-base    { background-color: #FFFF00 !important; }
    .monitor-focused a, .monitor-base a { color: #000 !important; }
    .monitor-legend {
        display: inline-block; width: 12px; height: 12px;
        margin-right: 4px; vertical-align: middle; border: 1px solid #999;
    }
</style>
<script type="text/javascript">
        $(function () {
                getItemAheadOptions($("#catalog-search-item"), false, function (
                                selectedItem) {
                        currentItem = selectedItem;
                        console.log(currentItem);
                });
        });
        let startMoment = moment().subtract(6, 'days');
        $('input[name="saleDate"]').daterangepicker(getSingleDatePicker(startMoment));

        $('.chosen-select').chosen({
                search_contains: true

        });

        $('.criteria-item-catalogids').multiselect({
                includeSelectAllOption: true,
                multiple: true,
                maxHeight: 200,
                buttonWidth: '180px',
                numberDisplayed: 1,
        nonSelectedText: 'Items',
        nSelectedText: ' - Items Selected',
        allSelectedText: 'All Items Selected',
        enableFiltering: true,
        enableCaseInsensitiveFiltering : true
    });

        $('.criteria-item-tagged-models').multiselect({
                includeSelectAllOption: true,
                multiple: true,
                maxHeight: 200,
                buttonWidth: '180px',
                numberDisplayed: 1,
                nonSelectedText: 'Tagged Models',
                nSelectedText: ' - Tagged Selected',
                allSelectedText: 'All Tagged Selected',
                enableFiltering: true,
                enableCaseInsensitiveFiltering: true
        });


</script>

<section class="wrapper">
        <div class="row">
                <div class="col-lg-12">
                        <h3 class="page-header">
                                <i class="icon_document_alt"></i>PLACEMENT PLAN
                        </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>PLAN</li>

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


        <div class="row">
                <div class="col-lg-12">

                        <div class="col-lg-1 form-group">
                                <label>Range </label>
                                <div class="input-group">
                                        <input type="text" id="subNumber" class="form-control input-number"
                                                value="0" readonly />
                                        <div class="input-group-btn">
                                                <button id="down" class="btn btn-default" onclick="subRange()">
                                                        <span class="glyphicon glyphicon-minus"></span>
                                                </button>
                                        </div>
                                </div>
                        </div>

                        <div class="col-lg-1 form-group" style="margin: 5px">
                                <label> </label>
                                <div class="input-group" style="">

                                        <input type="text" id="addRange" class="form-control input-number"
                                                value="0" readonly />
                                        <div class="input-group-btn">
                                                <button id="up" class="btn btn-default" onclick="addRange()">
                                                        <span class="glyphicon glyphicon-plus"></span>
                                                </button>
                                        </div>
                                </div>
                        </div>

                        <div class="col-lg-1 form-group" style="margin: 5px">
                                <label> </label>
                                <div class="input-group" style="">
                                        <div class="input-group-btn">
                                                <button class="btn btn-primary resetValue" type="button">Reset</button>
                                        </div>
                                </div>
                        </div>

                        <div class="col-lg-3 form-group" style="margin: 5px">
                                <label> </label>
                                <div class="input-group" style="">
                                        <div class="input-group-btn">
                                                <button class="btn btn-primary monitor-type-upload-btn" type="button" data-toggle="modal" data-target="#monitorTypeUploadModal">
                                                        Upload Monitor Type
                                                </button>
                                                <a class="btn btn-default monitor-type-sample-btn"
                                                   href="${rc.contextPath}/placementPlan/monitorType/sampleSheet"
                                                   style="margin-left: 6px;">
                                                        Sample Sheet
                                                </a>
                                        </div>
                                </div>
                        </div>


                </div>
        </div>


        <div class="row">
                <div class="col-lg-12">
                        <div class="col-lg-2 form-group">
                                <label> Date</label>
                                <div class="input-group">

                                        <input placeholder="Sale Date" id="saleDate" name="saleDate"
                                                type="text" value="" class="form-control input-sm">
                                </div>
                        </div>


                        <div class="col-lg-2">
                                <div class="row col-lg-12 form-group">
                                        <div>
                                                <label>Brand</label>
                                        </div>
                                        <select data-placeholder="Choose brands" multiple="multiple"
                                                class="criteria-item-brands chosen-select">
                                                #foreach($brand in $brands)
                                                <option value="$brand">$brand</option> #end
                                        </select>
                                </div>
                        </div>

                        <div class="col-lg-2">
                                <div class="row col-lg-12 form-group" style="margin-top: 22px">
                                        <select class="criteria-item-catalogids form-control"
                                                multiple="multiple"></select>
                                </div>
                        </div>

                        <div class="col-lg-2">
                                <div class="row col-lg-12 form-group" style="margin-top: 22px">
                                        <select class="criteria-item-tagged-models form-control"
                                                multiple="multiple"></select>
                                </div>
                        </div>

                        <div class="col-lg-2">
                                <div class="row col-lg-12 form-group" style="margin-top: 22px">

                                        <select class="form-control input-sm" id="warehouseMap"
                                                name="warehouseMap" placeholder="Warehouse">
                                                <option value="" disabled selected>Warehouse</option>
                                                <option value="0" selected>All</option> #foreach($wm in
                                                $warehouseMap.entrySet()))

                                                <option value="$wm.getKey()">$wm.getValue()</option> #end
                                        </select>
                                </div>
                        </div>


                        <div class="col-lg-2">
                                <div class="row col-lg-12 form-group" style="margin-top: 21px">

                                        <button class="btn btn-primary search-partner-stock" type="button">Search</button>

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

        </div>






        <div class="placement-plan-detail"></div>
</section>

<div class="modal fade" id="monitorTypeUploadModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
                <div class="modal-content">
                        <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">&times;</button>
                                <h4 class="modal-title">Upload Monitor Type</h4>
                        </div>
                        <div class="modal-body">
                                <p>
                                        <span class="monitor-legend monitor-focused"></span>focused &nbsp;
                                        <span class="monitor-legend monitor-base"></span>base
                                </p>
                                <p>Upload replaces ALL existing rows. Format: <code>catalog_id,catalog_name,monitor_type</code>.</p>
                                <form id="monitorTypeUploadForm" enctype="multipart/form-data">
                                        <input type="file" name="file" id="monitorTypeUploadFile" accept=".csv,text/csv" />
                                </form>
                                <div id="monitorTypeUploadStatus" style="margin-top: 10px;"></div>
                        </div>
                        <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                <button type="button" class="btn btn-primary monitor-type-upload-submit">Upload</button>
                        </div>
                </div>
        </div>
</div>