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_partner_view', function() {

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

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

		if (typeof (offerId) == "undefined") {

			offerId = $(this).closest('th').data('offerid');

			let idx = $(this).closest('th').data('idx');

			priceCircularTable.order([[parseInt(idx), 'desc']]).draw();

		}

		doGetAjaxRequestHandler(`${context}/getOfferMargins?offerId=${offerId}`, function(data) {

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

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

		});

	});

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

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

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

		doGetAjaxRequestHandler(`${context}\getOfferMargins?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.process_offer', function () {

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

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

		if (confirm("Are your sure you want to process?")) {

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

				alert("Offer Processed successfully");

			});

		}

	});

	$(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";

		} else if ($(this).val() == "SLAB_FIXED") {

			holder3 = "";

		}

		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!="PERCENTAGE"]').prop('checked', false).prop('disabled', false);

	} else {

		$('div.slab-payout input:radio[value!="PERCENTAGE"]').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(9));

}

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

	$clicked = $(this);

	let offerId = $clicked.closest('tr').data("offerid");

	if (confirm(`Are you sure want to activate ${offerId}?`)) {

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

			alert("Offer is now active");

			$clicked.closest("li").html(`<a class="mk_offer_inactive" href="javascript:void(0)">Mark Inactive</a>`);

		});

	}

});

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

	$clicked = $(this);

	let offerId = $clicked.closest('tr').data("offerid");

	if (confirm(`Are you sure want to activate ${offerId}?`)) {

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

			alert("Offer is now inactive");

			$clicked.closest("li").html(`<a class="mk_offer_active" href="javascript:void(0)">Mark Active</a>`);

		});

	}

});

$(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 < 9; 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;

	}

});

var ckEditor;

function createOfferNew() {

	let validated = true;

	let rangePicker = getDatesFromPicker('input[name="dateRange"]');

	let createOfferRequest = {};

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

	createOfferRequest['startDate'] = rangePicker.startDate;

	createOfferRequest['endDate'] = rangePicker.endDate;

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

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

	createOfferRequest['terms'] = ckEditor.getData() //$("#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);

		DecoupledEditor

			.create(document.querySelector('#offer_terms'))

			.then(newEditor => {

				const toolbarContainer = document.querySelector('#toolbar-container');

				toolbarContainer.appendChild(newEditor.ui.view.toolbar.element);

				ckEditor = newEditor

			})

			.catch(error => {

				console.error(error);

			});

	});

}

function loadOfferHistory(domId, yearMonth) {

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

		$(domId).html(response);

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

	});

}