Subversion Repositories SmartDukaan

$(document).ready(function () {

	$(document).on('change','select.criteria-brands', function() {

		changed = true;

	});

    $(document).on('click', ".scheme_offer", function () {

        loadOffer("main-content");

    });

    $(document).on('click', '#yearmonth-submit', function(){

    	let yearMonth = $("#yearmonth").val();

    	loadOfferHistory('#main-content', yearMonth);

    });

    $(document).on('click', 'a.mk_offer_detail', function() {

    	let $offerTr = $(this).closest('tr');

        let offerId = $offerTr.data('offerid');

        doGetAjaxRequestHandler(`${context}\offer-details?offerId=${offerId}`, function(data) {

        	$('#offerDescription .modal-content').html(data);

        	$("#offerDescription").modal('show');

        });

    });

    $(document).on('click', 'a.offer_history', function () {

        let dt = new Date();

        loadOfferHistory('#main-content', new Date().toISOString().slice(0,7));

    });

    $(document).on('click', 'input.create-offer', function () {

        console.log("Click called");

        createOfferNew();

    });

    $(document).on('click', 'a.download_offer', function () {

        let $offerTr = $(this).closest('tr');

        let offerId = $offerTr.data('offerid');

        let fileName = `offer-${$offerTr.find('td:first')}.csv`;

        doAjaxGetDownload(`${context}\offerDownload?offerId=${offerId}`, fileName);

    });

    $(document).on('change', 'input[name=schemeType]', function () {

		if($('input[name=schemeType]:checked').val()=='ACTIVATION') {

			$("div.activation-brands").show();

		} else {

			$("div.activation-brands").hide();

		}

    });

    $(document).on('change', 'input[name^=amountType]', function () {

    	let holder1 = "Qty";

		let holder2 = "pc(s) onwards, ";

    	let holder3 = "% of value";

    	if($(this).val()=="FIXED") {

    		holder3 = "per pc";

    	}

    	let slabHtml = `<div class="input-group slab">

        	<span class="input-group-addon">${holder1}</span>

        	<input  type="text" class="slabOnwardsAmount form-control"  value="0"/>

        	<span class="input-group-addon">${holder2}</span>

        	<input type="text" class="form-control payoutValue"  value="0"/>

        	<span class="input-group-addon">${holder3}</span>

        	</div>`;

        $(this).closest('.itemcriteriapayout').find('div.slab-container').html(slabHtml.repeat(9));

        //targetSlabTemplate = $('div.targetslabs').get(0).outerHTML;

    });

});

function changeTargetType() {

	let holder1 = "Rs.";

	let holder2 = "onwards,";

	if ($(this).val() == "QUANTITY") {

		holder1 = "Qty";

		holder2 = "pc(s) onwards, ";

	}

	let targetHtml = `<span class="input-group-addon">${holder1}</span>

                                    <input type="text" style="width:100px" class="form-control payoutTarget" value="0">

                                    <span class="input-group-addon">${holder2}</span>

                                    <input type="text" class="form-control targetDescription" placeholder="Description">`;

	$('div.targetContainer').html(targetHtml);

}

function changePayoutType() {

	let holder1 = "Rs.";

	let holder2 = "onwards,";

	let holder3 = "% of value";

	$allSlabContainers = $('div.slab-container');

	$('div.slab-payout input:radio[value="PERCENTAGE"]').prop('checked',true);

    if ($(this).val() == "QUANTITY") {

    		holder1 = "Qty";

    		holder2 = "pc(s) onwards, ";

        	$('div.slab-payout input:radio[value="FIXED"]').prop('checked',false).prop('disabled',false);

    } else {

    	$('div.slab-payout input:radio[value="FIXED"]').prop('checked',false).prop('disabled',true);

    }

    let slabHtml = `<div class="input-group slab">

    	<span class="input-group-addon">${holder1}</span>

    	<input  type="text" class="slabOnwardsAmount form-control"  value="0"/>

    	<span class="input-group-addon">${holder2}</span>

    	<input type="text" class="form-control payoutValue"  value="0"/>

    	<span class="input-group-addon">${holder3}</span>

    	</div>`;

    $allSlabContainers.html(slabHtml.repeat(4));

}

$(document).on('click', 'a.mk_offer_active', function(){

	let spanContainer = $(this).closest('span.mk_active');

	let offerId = spanContainer.data("id");

	doGetAjaxRequestHandler(`${context}/offer/active/${offerId}`, function (response) {

		alert("Offer is now active");

		spanContainer.html("Now Active");

    });

});

$(document).on('click', 'button.slab-add', function(){

	newTargetSlab = $(targetSlabTemplate);

	$('div.targetslabscontainer').append(newTargetSlab);	

	newTargetSlab.find("select.criteria-brands").toggle().next().remove();

	newTargetSlab.find("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"});

});

$(document).on('click', 'button.slab-remove', function(){

	targetSlabContainer = $('div.targetslabscontainer');

	if(targetSlabContainer.find(".targetslabs").length > 1) {

		targetSlabContainer.find(".targetslabs:last").remove();

	} else {

		alert("Cant remove single Slab");

	}

});

$(document).on('click', 'button.slab-copy', function(){

	newTargetSlab = $('div.targetslabs').eq(0).clone().appendTo('div.targetslabscontainer');

	catalogIdSelectContainers = $('div.targetslabs').eq(0).find('select.criteria-catalogids');

	newCatalogIdSelectContainers = newTargetSlab.find('select.criteria-catalogids');

	for(let i=0;i<4;i++) {

		let selectContainer = catalogIdSelectContainers.get(i);

		let newSelectContainer = newCatalogIdSelectContainers.get(i);

		for(let j=0;j<selectContainer.options.length;j++) {

			newSelectContainer.options[j].selected = selectContainer.options[j].selected;

		}

		newSelectContainer.closest('span').replaceWith(newSelectContainer);

		$(newSelectContainer).multiselect({

			includeSelectAllOption : true,

			maxHeight : 400,

			buttonWidth : '240px',

			numberDisplayed : 1,

			nonSelectedText : 'Items',

			nSelectedText : ' - Items Selected',

			allSelectedText : 'All Items Selected',

			enableFiltering : true,

			enableCaseInsensitiveFiltering : true,

		});

	}

	selectContainers = newTargetSlab.find("select.criteria-brands");

	selectContainers.each((y,x)=>{

		$next = $(x).toggle().next();

		$next.find("a.search-choice-close").each(function(index,ele){

			x.options[$(ele).data('option-array-index') + 0].selected=true; 

		});

		$next.remove();

	});

	newTargetSlab.find("select.criteria-brands").chosen({no_results_text: "Oops, nothing found!"});

	//createSlabFrom(currentHtml);

});

$(document).on('click', 'select.criteria-catalogids+div > button', function(){

	if(changed) {

		let brands = $(this).closest('.item-criteria').find('select').val();

		$brandsContainer = $(this);

		var url = `${context}/entity?brands=${brands.join(",")}&categoryId=3&limit=0`;

		$select = $brandsContainer.closest('.item-criteria').find('.criteria-catalogids');

		$select.html('');

		if(brands.length > 0) {

			doGetAjaxRequestHandler(url, function(response) {

				data = JSON.parse(response);

				for(i = 0; i < data.length; i++) {

					$select.append(`<option value="${data[i].catalogId_i}">${data[i].title_s}</option>`);

				}

				$select.multiselect('rebuild');

			});

		} else {

			$select.html('');

			$select.multiselect('rebuild');

		}

		changed = !changed;

	}

});

function createOfferNew() {

    let validated = true;

    let createOfferRequest = {};

    createOfferRequest['name'] = $("#offer_name").val();

    createOfferRequest['startDate'] = startDate;

    createOfferRequest['endDate'] = endDate;

    createOfferRequest['offerNotes'] = $("#offer_notes").val();

    createOfferRequest['incrementalTarget'] = $("input[name=incremental_target]").is(":checked");

    createOfferRequest['terms'] = $("#offer_terms").val();

    createOfferRequest['targetType'] = $("input[name=targetType]:checked").val();

    createOfferRequest['payoutType'] = $("input[name=payoutType]:checked").val();

    createOfferRequest['schemeType'] = $("input[name=schemeType]:checked").val();

    if(createOfferRequest['schemeType']=='ACTIVATION') {

    	createOfferRequest['activationBrands'] = $("div.activation-brands select").val().join(",") || null;

    } else {

    	createOfferRequest['activationBrands'] = null;

    }

    createOfferRequest['sellinPercentage'] = $("#sellinPercentage").val();

    createOfferRequest['brandShareTerms'] = $('#brandShare').val();

    createOfferRequest['partnerCriteria'] = {};

    createOfferRequest['partnerCriteria']['fofoIds'] = ($("#partners").val() || []).map(Number);

    createOfferRequest['partnerCriteria']['partnerTypes'] = ($("select.criteria-partner-type").val() || []);

    createOfferRequest['partnerCriteria']['regionIds'] = ($("select.criteria-warehouseregion").val() || []).map(Number);

    createOfferRequest['itemCriteria'] = itemCriteria($('div.itemCriteria'));

    let targetSlabs = [];

    $('div.targetslabs').each(function (index, ele) {

        let $targetSlab = $(ele);

        let targetOnwardsValue = $targetSlab.find('.payoutTarget').val();

        let targetDescription = $targetSlab.find('.targetDescription').val();

        let itemCriteriaPayouts = [];

        if (isNaN(targetOnwardsValue) || targetOnwardsValue < 0) {

            validated = false;

            alert(`Invalid Number - ${targetOnwardsValue}`);

        } else {

            if (index == 0 || targetOnwardsValue > 0) {

                let $itemCriteriaPayoutContainers = $targetSlab.find('.itemcriteriapayout');

                $itemCriteriaPayoutContainers.each(function (index, itemCriteriaPayoutContainer) {

                    let $itemCriteriaPayoutContainer = $(itemCriteriaPayoutContainer);

                    let amountType = $itemCriteriaPayoutContainer.find('input[name^=amountType]:checked').val();

                    let payoutSlabs = [];

                    let itemCriteria1 = itemCriteria($itemCriteriaPayoutContainer);

                    let $payoutSlabContainers = $itemCriteriaPayoutContainer.find('.slab');

                    let itemCriteriaChanged = itemCriteria1['smartPhone'] || itemCriteria1['featuredPhone']

                        || itemCriteria1['catalogIds'].length > 0 || itemCriteria1['brands'].length > 0

                        || itemCriteria1['excludeCatalogIds'].length > 0 

                        || itemCriteria1['startPrice'] > 0 || itemCriteria1['endPrice'] > itemCriteria1['startPrice'] > 0;

                    if (itemCriteriaChanged || index == 0) {

                        $payoutSlabContainers.each(function (slabContainerIndex, slabContainer) {

                            let $slab = $(slabContainer);

                            let slabOnwardsAmount = $slab.find('.slabOnwardsAmount').val();

                            if (isNaN(slabOnwardsAmount) || slabOnwardsAmount < 0) {

                                validated = false;

                                alert(`Invalid Payout Slab Amount - ${slabOnwardsAmount}`);

                            } else {

                                if (slabContainerIndex == 0 || slabOnwardsAmount > 0) {

                                    let payoutAmount = $slab.find('.payoutValue').val();

                                    if (isNaN(payoutAmount) || payoutAmount <= 0) {

                                        validated = false;

                                        alert(`Invalid Payout Slab Amount - ${slabOnwardsAmount}`);

                                    }

                                    let payoutSlab = {

                                        onwardsAmount: Number(slabOnwardsAmount),

                                        payoutAmount: Number(payoutAmount)

                                    }

                                    payoutSlabs.push(payoutSlab);

                                }

                            }

                        });

                        let itemCriteriaPayout = {

                            itemCriteria: itemCriteria1,

                            payoutSlabs: payoutSlabs,

                            amountType: amountType

                        };

                        itemCriteriaPayouts.push(itemCriteriaPayout);

                    }

                });

                targetSlabs.push({

                    onwardsAmount: targetOnwardsValue,

                    targetDescription : targetDescription, 

                    itemCriteriaPayouts: itemCriteriaPayouts

                });

            }

        }

    });

    createOfferRequest['targetSlabs'] = targetSlabs;

    if (validated && confirm("Confirm creating scheme offer")) {

        console.log("Validated");

        console.log(createOfferRequest);

        doPostAjaxRequestWithJsonHandler(`${context}/createOffer`, JSON.stringify(createOfferRequest), function (response) {

            alert("Offer created successfully");

            let dt = new Date();

            loadOfferHistory('#main-content', new Date().toISOString().slice(0,7));

        });

    } else {

        console.log("Invalid Offer");

    }

}

function itemCriteria($container) {

	let smartPhone = $container.find("input[name=smartphone]").is(":checked");

	let featuredPhone = $container.find("input[name=featuredphone]").is(":checked");

    let catalogIds = $container.find('.criteria-catalogids').val() || [];

    let excludeCatalogIds = [];

    let excludeChecked = $container.find('input.exclude').is(':checked');

    if(excludeChecked) {

    	excludeCatalogIds = catalogIds;

    	catalogIds = [];

    }

    let brands = $container.find('.criteria-brands').val() || [];

    return {

        startPrice: Number($container.find('.startValue').val()),

        endPrice: Number($container.find('.endValue').val()),

        catalogIds: catalogIds.map(Number),

        excludeCatalogIds : excludeCatalogIds.map(Number),

        brands: brands,

        smartPhone: smartPhone,

        featuredPhone: featuredPhone

    };

}

function loadOffer(domId) {

    console.log(domId);

    doGetAjaxRequestHandler(context + "/getCreateOffer", function (response) {

        $('#' + domId).html(response);

    });

}

function loadOfferHistory(domId, yearMonth) {

    doGetAjaxRequestHandler(`${context}/offerHistory?yearMonth=${yearMonth}`, function (response) {

        $(domId).html(response);

        $(domId).find("#yearmonth").val(yearMonth);

    });

}