Subversion Repositories SmartDukaan

    // Edit scheme item date window

    $(document).on('click', '.edit-item-dates', function () {

        var row = $(this).closest('tr');

        row.find('.date-display').hide();

        row.find('.date-edit').show();

        row.find('.edit-item-dates').hide();

        row.find('.save-item-dates, .cancel-item-dates').show();

        // Initialize daterangepicker on the inline inputs

        var startInput = row.find('.edit-start-date');

        var endInput = row.find('.edit-end-date');

        if (!startInput.data('daterangepicker')) {

            var startVal = startInput.val() ? moment(startInput.val(), 'DD/MM/YYYY') : moment("$scheme.getStartDateTime()");

            var endVal = endInput.val() ? moment(endInput.val(), 'DD/MM/YYYY') : moment("$scheme.getEndDateTime()");

            startInput.daterangepicker($.extend(getSingleDatePicker(startVal), {"drops": "down"}));

            endInput.daterangepicker($.extend(getSingleDatePicker(endVal), {"drops": "down"}));

        }

    });

    $(document).on('click', '.cancel-item-dates', function () {

        var row = $(this).closest('tr');

        row.find('.date-display').show();

        row.find('.date-edit').hide();

        row.find('.edit-item-dates').show();

        row.find('.save-item-dates, .cancel-item-dates').hide();

    });

    // Convert DD/MM/YYYY to ISO LocalDateTime format for the server

    function toIsoDateTime(ddmmyyyy, endOfDay) {

        var parts = ddmmyyyy.split('/');

        if (parts.length !== 3) return ddmmyyyy;

        var isoDate = parts[2] + '-' + parts[1] + '-' + parts[0];

        return isoDate + (endOfDay ? 'T23:59:59' : 'T00:00:00');

    }

    $(document).on('click', '.save-item-dates', function () {

        var row = $(this).closest('tr');

        var itemId = row.data('schemeitemid');

        var startDate = row.find('.edit-start-date').val();

        var endDate = row.find('.edit-end-date').val();

        if (!startDate || !endDate) {

            alert('Both start date and end date are required');

            return;

        }

        var isoStart = toIsoDateTime(startDate, false);

        var isoEnd = toIsoDateTime(endDate, true);

        doPutAjaxRequestHandler('/scheme/item/window?schemeItemId=' + itemId

            + '&startDate=' + encodeURIComponent(isoStart)

            + '&endDate=' + encodeURIComponent(isoEnd),

            function (response) {

                loadSchemeDetails($scheme.getId(), "scheme-details-container");

            });

    });

    // Modal: category -> brand -> model cascade

    $('#newItemToSchemeModal').on('shown.bs.modal', function () {

        $('input[name="addItemStartDate"]').daterangepicker($.extend(getSingleDatePicker(moment("$scheme.getStartDateTime()")), {

            "drops": "down",

        }));

        $('input[name="addItemEndDate"]').daterangepicker($.extend(getSingleDatePicker(moment("$scheme.getEndDateTime()")), {

            "drops": "down",

        }));

        // Load brands for default category

        var catId = $('#modal-category-list').val();

        if (catId) loadModalBrands(catId);

    });

    $('#modal-category-list').on('change', function () {

        var catId = $(this).val();

        if (catId) loadModalBrands(catId);

    });

    function loadModalBrands(categoryId) {

        doGetAjaxRequestHandler(context + '/getBrandsByCategory?categoryId=' + categoryId, function (response) {

            $('#modal-brand-list').html(response);

            // Re-id the select so it doesn't clash with create-scheme page

            $('#modal-brand-list select').attr('id', 'modal-tag-listing-brands');

            $('#modal-tag-listing-brands').multiselect({

                includeSelectAllOption: true,

                multiple: true,

                maxHeight: 200,

                buttonWidth: '180px',

                numberDisplayed: 1,

                nonSelectedText: 'Brands',

                nSelectedText: ' - Brands Selected',

                allSelectedText: 'All Brands',

                enableFiltering: true,

                enableCaseInsensitiveFiltering: true

            });

            $('#modal-tag-listing-brands').on('change', function () {

                var brands = $(this).val();

                if (brands) loadModalModels(categoryId, brands);

            });

        });

    }

    function loadModalModels(categoryId, brands) {

        var brandsString = brands.join(',');

        doGetAjaxRequestHandler(context + '/getCatalogDescriptionByBrands?categoryId=' + categoryId + '&brands=' + brandsString, function (response) {

            $('#modal-models-list').html(response);

            $('#modal-models-list select').addClass('modalCatalogItems');

            $('.modalCatalogItems').multiselect({

                includeSelectAllOption: true,

                maxHeight: 200,

                buttonWidth: '220px',

                numberDisplayed: 1,

                nonSelectedText: 'Models',

                nSelectedText: ' - Models Selected',

                allSelectedText: 'All Models',

                enableFiltering: true,

                enableCaseInsensitiveFiltering: true

            });

        });

    }

                <th>Start Date</th>

                <th>End Date</th>

                <th>Updated By</th>

                <th>Updated On</th>

                #if($schemeItems && $schemeItems.size()>0)

                    #foreach( $item in $schemeItems)

                    <tr data-schemeitemid="$item.getId()" data-catalogid="$item.getCatalogId()">

                        <td>$item.getCatalogId()</td>

                        <td>#if($scheme.getCatalogStringMap().containsKey($item.getCatalogId()))$scheme.getCatalogStringMap().get($item.getCatalogId())#else-#end</td>

                        <td>

                            <span class="date-display">#if($item.getStartDate())$dateFormatter.format($item.getStartDate())#else-#end</span>

                            <input type="text" class="form-control date-edit edit-start-date" style="display:none; width:160px" value="#if($item.getStartDate())$dateFormatter.format($item.getStartDate())#end">

                        </td>

                        <td>

                            <span class="date-display">#if($item.getEndDate())$dateFormatter.format($item.getEndDate())#else-#end</span>

                            <input type="text" class="form-control date-edit edit-end-date" style="display:none; width:160px" value="#if($item.getEndDate())$dateFormatter.format($item.getEndDate())#end">

                        </td>

                        <td>#if($item.getUpdatedBy())$item.getUpdatedBy()#else-#end</td>

                        <td>#if($item.getUpdatedOn())$dateTimeFormatter.format($item.getUpdatedOn())#else-#end</td>

                        #if($isAdmin && $fullAccess)

                        <td>

                            <button class="btn btn-xs btn-info edit-item-dates">Edit</button>

                            <button class="btn btn-xs btn-success save-item-dates" style="display:none">Save</button>

                            <button class="btn btn-xs btn-default cancel-item-dates" style="display:none">Cancel</button>

                            <button class="btn btn-xs btn-danger delete-schemes" data-schemeid="$scheme.getId()"

                                    data-catalogid="$item.getCatalogId()">Delete</button>

                        </td>

                        #end

                    </tr>

                    #end

                        <td colspan="4">-</td>

                        <input type="hidden" value="$scheme.getId()" id="schemeids">

                                    <label><b>Category</b> <span style="color:red">*</span></label>

                                        #foreach($category in $categories)

                                            <option value="$category.getId()">$category.getLabel()</option>

                                    </select>

                                </div>

                            </div>

                            <div class="col-lg-4">

                                <div class="form-group">

                                    <label><b>Brands</b> <span style="color:red">*</span></label>

                                    <div id="modal-brand-list"></div>

                                </div>

                                <div class="form-group">

                                    <label><b>Models</b> <span style="color:red">*</span></label>

                                        <select class="form-control modalCatalogItems" multiple="multiple"></select>

                                    </div>

                                </div>

                            </div>

                        </div>

                        <div class="row">

                            <div class="col-lg-6">

                                <div class="form-group">

                                    <label><b>Start Date</b> <small>(optional, defaults to scheme start: $dateFormatter.format($scheme.getStartDateTime()))</small></label>

                                    <input type="text" class="form-control" id="addItemStartDate" name="addItemStartDate" placeholder="dd/mm/yyyy"/>

                                </div>

                            </div>

                            <div class="col-lg-6">

                                <div class="form-group">

                                    <label><b>End Date</b> <small>(optional, defaults to scheme end: $dateFormatter.format($scheme.getEndDateTime()))</small></label>

                                </div>

                        <div class="alert alert-info" style="margin-top:5px; padding:8px;">

                            Item dates must be within scheme window: <b>$dateFormatter.format($scheme.getStartDateTime())</b> to <b>$dateFormatter.format($scheme.getEndDateTime())</b>.

                            Non-overlapping windows are enforced per model within this scheme.

                        </div>

                    <button type="button" class="btn btn-primary add-item">Add Item</button>