Subversion Repositories SmartDukaan

<script type="text/javascript">

    $('input[name="extendSchemeById"]').daterangepicker($.extend(getSingleDatePicker(), {

        "drops": "up",

    }));

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

        "drops": "up",

    }));

    $(document).off('click.addScheme').on('click.addScheme', ".add-scheme", function () {

        $("#newItemToSchemeModal").modal({backdrop: true, show: true});

    });

    $(document).off('hidden.bs.modal.addScheme').on('hidden.bs.modal.addScheme', '#newItemToSchemeModal', function () {

        $("#addSchemeForm").trigger("reset");

    });

    // 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

            });

        });

    }

</script>