WebSVN – SmartDukaan – Diff – /trunk/profitmandi-fofo/src/main/webapp/resources/js/scheme.js

+const SCHEME_DETAILS_CONTAINER = "scheme-details-container";
 $(function() {
 	$(document).on('click', ".create-scheme", function() {
 		loadScheme("main-content");
 	});
 	$(document).on('click', ".scheme-details", function() {
 		var schemeId = $(this).attr('data');
 		console.log("schemeId = " + schemeId);
-		loadSchemeDetails(schemeId, "scheme-details-container");
+		loadSchemeDetails(schemeId, SCHEME_DETAILS_CONTAINER);
 	});
 	$(document).on('click', ".active-scheme", function() {
 		var schemeId = $(this).attr('data');
 		console.log("active-scheme id : " + schemeId);
 		var start = $("#schemes-paginated .start").text();
 			alert("Scheme ID and at least one Model are required");
 			return;
+		}
 		// Filter out catalogs that already exist in the scheme
 		var existingCatalogs = [];
-		$('#scheme-details-container tr[data-catalogid]').each(function() {
+		$('#' + SCHEME_DETAILS_CONTAINER + ' tr[data-catalogid]').each(function() {
 			existingCatalogs.push(String($(this).data('catalogid')));
 		});
 		var requestedIds = catalogIds.split(",");
 		var duplicates = requestedIds.filter(function(id) { return existingCatalogs.indexOf(id.trim()) >= 0; });
 		var newIds = requestedIds.filter(function(id) { return existingCatalogs.indexOf(id.trim()) < 0; });
         			processSellout(fofoOrderInvoiceNumber);
+        		}
     });
+	// --- scheme details fragment (scheme-details.vm) ----------------------
+	// These live here rather than in the template because that fragment is
+	// injected with .html(), which re-executes any inline <script> it carries,
+	// and a successful save re-injects it. Binding there stacked one more
+	// $(document) listener per load until a single click fired N identical PUTs
+	// and the idempotency guard rejected all but the first. Scheme-level values
+	// are read from data- attributes at click time, so a handler always acts on
+	// the scheme currently on screen instead of the one it was rendered with.
+	$(document).on('click', ".add-scheme", function() {
+		$("#newItemToSchemeModal").modal({ backdrop: true, show: true });
+	});
+	$(document).on('hidden.bs.modal', "#newItemToSchemeModal", function() {
+		$("#addSchemeForm").trigger("reset");
+	});
+	$(document).on('shown.bs.modal', "#newItemToSchemeModal", function() {
+		var root = schemeDetailsRoot(this);
+		initSingleDatePicker($('input[name="addItemStartDate"]'), root.attr('data-scheme-start'), "down");
+		initSingleDatePicker($('input[name="addItemEndDate"]'), root.attr('data-scheme-end'), "down");
+		var categoryId = $('#modal-category-list').val();
+		if (categoryId) {
+			loadSchemeModalBrands(categoryId);
+		}
+	});
+	$(document).on('change', "#modal-category-list", function() {
+		var categoryId = $(this).val();
+		if (categoryId) {
+			loadSchemeModalBrands(categoryId);
+		}
+	});
+	$(document).on('click', ".edit-item-dates", function() {
+		var row = $(this).closest('tr');
+		var root = schemeDetailsRoot(this);
+		toggleItemDateEdit(row, true);
+		var startInput = row.find('.edit-start-date');
+		var endInput = row.find('.edit-end-date');
+		// An item with no window of its own opens on the scheme's own window.
+		if (!startInput.data('daterangepicker')) {
+			initSingleDatePicker(startInput, startInput.val() || root.attr('data-scheme-start'), "down");
+			initSingleDatePicker(endInput, endInput.val() || root.attr('data-scheme-end'), "down");
+		}
+	});
+	$(document).on('click', ".cancel-item-dates", function() {
+		toggleItemDateEdit($(this).closest('tr'), false);
+	});
+	$(document).on('click', ".save-item-dates", function() {
+		var row = $(this).closest('tr');
+		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;
+		}
+		updateSchemeItemWindow(schemeDetailsRoot(this).attr('data-scheme-id'),
+			row.data('schemeitemid'), startDate, endDate);
+	});
 	$(document).on('click', ".delete-schemes", function() {
 		if (confirm("Delete model from Scheme?") == true) {
 			schemeId = $(this).data('schemeid');
 			catalogId = $(this).data('catalogid');
 			deleteScheme(schemeId, catalogId);
 			$("#scheme-item-search-button").click();
+		}
 	});
 });
+// Every brand/model picker on the scheme screens wants the same multiselect;
+// the label set was the only thing that genuinely varied between the copies.
+// Pass overrides for the rare case that also needs a different width.
-function configureTagListingItemsDescriptionDropDown() {
+function configureMultiselect(selector, label, overrides) {
-	$('.catalogItemsDescription').multiselect({
+	$(selector).multiselect($.extend({
 		includeSelectAllOption: true,
+		multiple: true,
 		maxHeight: 200,
 		buttonWidth: '180px',
 		numberDisplayed: 1,
-		nonSelectedText: 'Models',
+		nonSelectedText: label,
-		nSelectedText: ' - Models Selected',
+		nSelectedText: ' - ' + label + ' Selected',
-		allSelectedText: 'All Models Selected',
+		allSelectedText: 'All ' + label + ' Selected',
 		enableFiltering: true,
 		enableCaseInsensitiveFiltering: true
+	}, overrides || {}));
+}
+function configureTagListingItemsDescriptionDropDown() {
+	configureMultiselect('.catalogItemsDescription', 'Models');
+}
+// The fragment root carries the scheme's id and window as data- attributes.
+// Falls back to the container when the caller sits outside the root.
+function schemeDetailsRoot(el) {
+	var root = $(el).closest('[data-scheme-id]');
+	return root.length ? root : $('#' + SCHEME_DETAILS_CONTAINER + ' [data-scheme-id]').first();
+}
+function toggleItemDateEdit(row, editing) {
+	row.find('.date-display').toggle(!editing);
+	row.find('.date-edit').toggle(editing);
+	row.find('.edit-item-dates').toggle(!editing);
+	row.find('.save-item-dates, .cancel-item-dates').toggle(editing);
+}
+// Row values are rendered DD/MM/YYYY; scheme-level fallbacks are raw timestamps.
+function initSingleDatePicker(input, value, drops) {
+	var startMoment = /^\d{2}\/\d{2}\/\d{4}$/.test(value || '')
+		? moment(value, 'DD/MM/YYYY')
+		: moment(value);
+	input.daterangepicker($.extend(getSingleDatePicker(startMoment), { "drops": drops }));
+}
+// Re-run on every injection: unlike the delegated handlers these bind directly
+// to elements that the fragment replaces, so they cannot be bound once up front.
+function initSchemeDetails(domId) {
+	var root = $('#' + domId).find('[data-scheme-id]');
+	if (root.length === 0) {
+		return;
+	}
+	root.find('input[name="extendSchemeById"]').daterangepicker($.extend(getSingleDatePicker(), { "drops": "up" }));
+	initSingleDatePicker(root.find('input[name="expireSchemeById"]'), root.attr('data-scheme-end'), "up");
+}
+// The modal reuses the page-level brand/model endpoints; its selects are re-id'd
+// so they do not clash with the create-scheme page rendered behind it.
+function loadSchemeModalBrands(categoryId) {
+	loadBrandsByCategory('modal-brand-list', categoryId, function() {
+		$('#modal-brand-list select').attr('id', 'modal-tag-listing-brands');
+		configureMultiselect('#modal-tag-listing-brands', 'Brands');
+		$('#modal-tag-listing-brands').on('change', function() {
+			var brands = $(this).val();
+			if (brands) {
+				loadSchemeModalModels(categoryId, brands);
+			}
+		});
+	});
+}
+function loadSchemeModalModels(categoryId, brands) {
+	loadCatalogDescriptionByBrands('modal-models-list', categoryId, brands, function() {
+		$('#modal-models-list select').addClass('modalCatalogItems');
+		configureMultiselect('.modalCatalogItems', 'Models', { buttonWidth: '220px' });
 	});
+}
 function schemesDownload() {
 	let pickerData = getDatesFromPicker('input[name="startEndDateTime"]')
 			"brand-list", categoryId);
+	}
+}
 function loadSchemeDetails(schemeId, domId) {
+	domId = domId || SCHEME_DETAILS_CONTAINER;
 	doGetAjaxRequestHandler(context + "/getSchemeById?schemeId=" + schemeId,
 		function(response) {
 			$('#' + domId).html(response);
+			initSchemeDetails(domId);
 			window.dispatchEvent(new Event('resize'));
 		});
+}
+function updateSchemeItemWindow(schemeId, schemeItemId, startDate, endDate) {
+	doPutAjaxRequestHandler(context + "/scheme/item/window?schemeItemId=" + schemeItemId
+		+ "&startDate=" + encodeURIComponent(toIsoDateTime(startDate, false))
+		+ "&endDate=" + encodeURIComponent(toIsoDateTime(endDate, true)),
+		function(response) {
+			loadSchemeDetails(schemeId, SCHEME_DETAILS_CONTAINER);
+		});
+}
 function activeScheme(schemeId, offset, domId) {
 	doPutAjaxRequestHandler(context + "/activeSchemeById?schemeId=" + schemeId
 	+ "&offset=" + offset, function(response) {
 		$('#' + domId).html(response);
-		$('#scheme-details-container').html('');
+		$('#' + SCHEME_DETAILS_CONTAINER).html('');
 	});
+}
 function expireScheme(schemeId, expireDate, domId) {
 	doPutAjaxRequestHandler(context + "/expireSchemeById?schemeId=" + schemeId
 		+ "&expireTimestamp=" + expireDate, function(
 			response) {
 		alert("Scheme - " + schemeId + " marked for expiry successfully!");
 		$('#' + domId).html(response);
-		$('#scheme-details-container').html('');
+		$('#' + SCHEME_DETAILS_CONTAINER).html('');
 	});
+}
 function extendAllScheme(extendDate) {
 	doPostAjaxRequestWithJsonHandler(context + "/extendAllSchemes", JSON
 			$('#' + domId).html(response);
 		});
+}
-function loadCatalogDescriptionByBrands(domId, categoryId, brands) {
+function loadCatalogDescriptionByBrands(domId, categoryId, brands, afterRender) {
 	let brandsString = brands.join(",")
 	doGetAjaxRequestHandler(`${context}/getCatalogDescriptionByBrands?categoryId=${categoryId}&brands=${brandsString}`,
 		function(response) {
 			$('#' + domId).html(response);
-			configureTagListingItemsDescriptionDropDown();
+			(afterRender || configureTagListingItemsDescriptionDropDown)();
 		});
+}
-function loadBrandsByCategory(domId, categoryId) {
+function loadBrandsByCategory(domId, categoryId, afterRender) {
 	doGetAjaxRequestHandler(`${context}/getBrandsByCategory?categoryId=${categoryId}`,
 		function(response) {
 			$('#' + domId).html(response);
-			configureBrandsDropDown();
+			(afterRender || configureBrandsDropDown)();
 		});
+}
 function schemes(domId) {
 	doGetAjaxRequestHandler(context + "/getSchemes", function(response) {
 	if (endDate) payload.endDate = toIsoDateTime(endDate, true);
 	doPostAjaxRequestWithJsonHandler(context + '/addItemToScheme', JSON
 		.stringify(payload), function(response) {
 			$('#newItemToSchemeModal').modal('hide');
 			alert("Item Added to scheme successfully");
-			loadSchemeDetails(schemeIds, "scheme-details-container");
+			loadSchemeDetails(schemeIds, SCHEME_DETAILS_CONTAINER);
 		});
+}
 function updateSchemes(schemeIds, catalogIds) {
 	doPostAjaxRequestWithJsonHandler(context + '/schemes/update', JSON
 function deleteScheme(schemeId, catalogId) {
 	doDeleteAjaxRequestHandler(context + "/schemes/delete?schemeId=" + schemeId
 		+ "&catalogId=" + catalogId, function(response) {
 			if (response == 'true') {
 				alert("Model Deleted successfully from Scheme");
-				loadSchemeDetails(schemeId, "scheme-details-container");
+				loadSchemeDetails(schemeId, SCHEME_DETAILS_CONTAINER);
+			}
 		});
+}

Subversion Repositories SmartDukaan

(root)/trunk/profitmandi-fofo/src/main/webapp/resources/js/scheme.js – Rev 36421 → 37493