Subversion Repositories SmartDukaan

$(function() {

	$(document).on('click', ".contact-us", function() {

		console.log("Contact Us Button Clicked...")

		contactUs("main-content");

	});

	// ----- Add / Edit / Delete contact entries (authorised users only) -----

	// Open the modal in "add" mode for the clicked section.

	$(document).on('click', ".contact-add-btn", function() {

		var section = $(this).data('section');

		$('#contactUsForm')[0].reset();

		$('#cuId').val(0);

		$('#cuSection').val(section);

		$('#contactUsModalTitle').text(section === 'ESCALATION' ? 'Add Escalation' : 'Add Contact');

		$('#cuBaseAreaLabel').text(section === 'ESCALATION' ? 'Region' : 'Base Area');

		buildPositionOptions(section, null, false);

		$('#contactUsModal').modal('show');

	});

	// Open the modal pre-filled in "edit" mode.

	$(document).on('click', ".contact-edit-btn", function() {

		var btn = $(this);

		var section = btn.data('section');

		var mobile = String(btn.data('mobile'));

		$('#contactUsForm')[0].reset();

		$('#cuId').val(btn.data('id'));

		$('#cuSection').val(section);

		$('#cuArea').val(btn.data('area'));

		$('#cuBaseArea').val(btn.data('basearea'));

		$('#cuName').val(btn.data('name'));

		$('#cuDesignation').val(btn.data('designation'));

		$('#cuMobile').val(mobile === '-' ? '' : mobile);

		$('#cuEmail').val(btn.data('email'));

		$('#contactUsModalTitle').text('Edit Contact');

		$('#cuBaseAreaLabel').text(section === 'ESCALATION' ? 'Region' : 'Base Area');

		buildPositionOptions(section, btn.data('id'), true);

		$('#contactUsModal').modal('show');

	});

	// Persist add / edit.

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

		var name = $.trim($('#cuName').val());

		if (name === '') {

			alert('Name is required.');

			return;

		}

		var isEdit = parseInt($('#cuId').val(), 10) > 0;

		var posVal = $('#cuPosition').val() || (isEdit ? 'KEEP|0' : 'BOTTOM|0');

		var posParts = posVal.split('|');

		var params = {

			id: $('#cuId').val(),

			section: $('#cuSection').val(),

			area: $('#cuArea').val(),

			baseArea: $('#cuBaseArea').val(),

			name: name,

			designation: $('#cuDesignation').val(),

			mobile: $('#cuMobile').val(),

			email: $('#cuEmail').val(),

			position: posParts[0],

			afterId: posParts[1] || 0

		};

		doPostAjaxRequestWithParamsHandler(context + "/contactUs/save", params, function(response) {

			if (response && response.success) {

				$('#contactUsModal').modal('hide');

				contactUs("main-content");

			} else {

				alert((response && response.message) ? response.message : 'Could not save contact.');

			}

		});

	});

	// Soft-delete an entry (with a styled confirmation).

	$(document).on('click', ".contact-delete-btn", function() {

		var name = $(this).data('name');

		var id = $(this).data('id');

		var doDelete = function() {

			doPostAjaxRequestWithParamsHandler(context + "/contactUs/delete", { id: id }, function(response) {

				if (response && response.success) {

					contactUs("main-content");

				} else {

					alert((response && response.message) ? response.message : 'Could not remove contact.');

				}

			});

		};

		if (typeof bootbox !== 'undefined' && bootbox.confirm) {

			bootbox.confirm({

				title: "Delete contact",

				message: "Are you sure you want to remove <b>" + name + "</b> from the contact list?",

				buttons: {

					confirm: { label: '<i class="fa fa-trash"></i> Yes, delete', className: 'btn-danger' },

					cancel: { label: 'Cancel', className: 'btn-default' }

				},

				callback: function(result) { if (result) { doDelete(); } }

			});

		} else if (confirm('Remove ' + name + ' from the contact list?')) {

			doDelete();

		}

	});

	// Move a contact one step up/down within its section (authorised users only).

	$(document).on('click', ".contact-up-btn, .contact-down-btn", function() {

		var id = $(this).data('id');

		var direction = $(this).hasClass('contact-up-btn') ? 'UP' : 'DOWN';

		doPostAjaxRequestWithParamsHandler(context + "/contactUs/reorder", { id: id, direction: direction }, function(response) {

			if (response && response.success) {

				contactUs("main-content");

			} else {

				alert((response && response.message) ? response.message : 'Could not reorder contact.');

			}

		});

	});

});

function contactUs(domId){

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

		console.log("doGetAjaxRequest");

		// Drop any previously relocated modal to avoid duplicate #contactUsModal ids.

		$('#contactUsModal').remove();

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

		// The dashboard applies `zoom` to #main-content > .wrapper, which traps a

		// Bootstrap modal behind its body-level backdrop ("screen dims, no popup").

		// Move the modal out to <body> so it renders above the backdrop.

		$('#contactUsModal').appendTo('body');

	});

}

// Populate the "Position in list" dropdown for the given section by scanning the rendered rows.

// On edit, the contact being edited is excluded and "Keep current position" is offered as default.

function buildPositionOptions(section, excludeId, isEdit){

	var $sel = $('#cuPosition').empty();

	if (isEdit) {

		$sel.append($('<option>').val('KEEP|0').text('Keep current position'));

	}

	$sel.append($('<option>').val('TOP|0').text('Top of list'));

	$('#contact-us-table tr[data-cu-section="' + section + '"]').each(function(){

		var cid = String($(this).data('cuId'));

		if (excludeId != null && cid === String(excludeId)) {

			return; // skip the contact being edited - can't place it after itself

		}

		$sel.append($('<option>').val('AFTER|' + cid).text('After — ' + $(this).data('cuName')));

	});

	$sel.append($('<option>').val('BOTTOM|0').text('Bottom of list'));

	$sel.val(isEdit ? 'KEEP|0' : 'BOTTOM|0');

}